/* Riwaq Noir: shared reader and publishing-studio palette. */
:root,html[data-theme=dark]{--bg:#09090b;--surface:#131316;--ink:#ececef;--muted:#a0a0a9;--line:#2a2a30;--green:#eeeeF1;--green-dark:#d7d7de;--soft:#202025;--peach:#262327;--purple:#24242b;--shadow:0 12px 40px #0003;--action-ink:#111114;--hover:#2b2b32;color-scheme:dark}
html[data-theme=light]{--bg:#f5f5f6;--surface:#fff;--ink:#202025;--muted:#686871;--line:#dedee3;--green:#202025;--green-dark:#303038;--soft:#eaeaec;--peach:#eeebeb;--purple:#ebebf0;--shadow:0 12px 40px #00000006;--action-ink:#fff;--hover:#e0e0e5;color-scheme:light}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink)}::selection{background:#797984;color:#fff}
.site-header{background:var(--bg)}.header-inner{height:92px}.brand-icon i{background:#b7b7c4}.brand-icon,.footer-note,.tiny-eyebrow,.home-intro>span svg{color:var(--ink)}.profile-avatar{background:var(--soft);color:var(--ink);border-color:var(--line)}.search-box kbd{color:var(--muted)}
.button.primary,html[data-theme=dark] .button.primary,.public-hero .hero-actions .primary{background:var(--green);color:var(--action-ink);box-shadow:0 2px 10px #0002}.button.primary:hover,html[data-theme=dark] .button.primary:hover{background:var(--ink);color:var(--action-ink);box-shadow:0 4px 22px #a8a8bb20}.button.soft{background:var(--soft);color:var(--ink)}.button.outline{background:var(--surface);border-color:var(--line);color:var(--ink)}.chip.active{background:var(--green);color:var(--action-ink);border-color:var(--green)}.chip:hover:not(.active){background:var(--hover)}.icon-button.saved,.hero-favorite.saved{background:#eeeef1;color:#151519;border-color:#eeeef1}.card-favorite{background:#111115c9;color:#e9e9ef;border-color:#ffffff25}.hero-favorite{background:#11111580;border-color:#ffffff30;color:#fff}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#a1a1b4}
.hero{background-color:#15151a;box-shadow:inset 0 0 0 1px #ffffff12}.hero:before{background:linear-gradient(270deg,#0b0b10f5 0%,#101016ba 39%,#09090b00 78%)}.hero-kicker{background:#ffffff14;color:#ededf2;border-color:#ffffff20}.hero-label{color:#dedee8}.hero-label>span{background:#d4d4df}.hero-tags{color:#dedee5}.hero .button.outline{color:#eee;background:#ffffff0d;border-color:#ffffff35}.public-hero .hero-inner>p{color:#d1d1d9}.hero h1{color:#f9f9fb}.public-hero .hero-tags>span{background:#ffffff13;border:1px solid #ffffff08}.picks,.detail-card,.note-box,.chapter-list,.continue-card,.update-card{box-shadow:var(--shadow)}
.mini-track>span,.reading-track>div{background:#adadb9}.mini-track{background:var(--line)}.cover-chip{background:#16161ac9;color:#eee}.card-overlay{background:linear-gradient(transparent,#08080cdd);color:#f1f1f3}.reading-banner{background:linear-gradient(115deg,var(--surface),var(--soft));border:1px solid var(--line)}.banner-icon{background:var(--bg);color:var(--ink)}.rating-stars button.on{color:#d8bd86}.drop-zone{border-color:#62626c}.drop-zone.dragging{background:var(--hover)}.toast{background:#e9e9ee;color:#18181c;box-shadow:0 8px 35px #0005;border:1px solid #ffffff30}.toast.error{background:#502929;color:#ffe9e9}.danger{color:#eea5a5}html[data-theme=light] .danger{color:#a53b3b}.info-box,.demo-note{color:var(--muted);background:var(--soft);border-color:var(--line)}.note-box textarea{background:var(--bg);color:var(--ink)}
.reader[data-theme=dark]{--reader-bg:#050506;--reader-ui:#141417;--reader-ink:#e8e8ed;--reader-border:#303036}.reader[data-theme=paper]{--reader-bg:#eaeaec;--reader-ui:#fafafa;--reader-ink:#303038;--reader-border:#d6d6db}.reader[data-theme=dark] .button.primary{background:#e9e9ee;color:#17171b}.reader[data-theme=dark] .button.outline{background:#202025;color:#ededf1;border-color:#393941}.reader .theme-options .dark{background:#111114;color:#efeff2}.theme-options .active{border-color:#9999ad}.reader-drawer input[type=range]{accent-color:#9191a4}.reader .reader-drawer .button{color:var(--reader-ink);background:var(--reader-bg);border-color:var(--reader-border)}.reader #autoScroll.playing{background:#e7e7ef;color:#161619}.focus-exit{background:#24242be8;color:#f1f1f6}.reader-bottom .reading-track>div{background:#a1a1b6}.reader-paged .reader-page:not([hidden]){animation:page-in .24s ease-out}.reader [data-reader-theme=paper]{color:#34343a;background:#f2f2f4}.reader [data-reader-theme=sepia]{color:#594a32;background:#e5d2af}
.private-badge{color:#c7c7d2;background:#25252d}.studio-counts>div:last-child{background:#1e1e24}.status-pill{background:#302b22;color:#dbcaab}.status-pill.live{background:#292934;color:#d9d9ef}.studio-work-picture>.status-pill{border-color:#2b2b33}.studio-empty{background:var(--surface);border-color:#53535e}.cover-editor{border-color:#4d4d57}.studio-notice{color:var(--ink);background:var(--soft)}.studio-work-picture,.studio-modal-progress,.review-page img{background:var(--soft)}.studio-side .active{color:var(--ink)}.studio-side{border-color:var(--line)}.studio-panel input[type=checkbox],.studio-modal-progress progress{accent-color:#b1b1c4}.error-text{color:#e9a5a5}
/* Chapter controls and small tools. */
.chapter-tools{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.chapter-search{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);flex:1;min-width:160px}.chapter-search svg{width:17px;color:var(--muted)}.chapter-search input{background:transparent;border:0;outline:0;min-width:0;width:100%;font-size:12px;color:var(--ink)}.chapter-tools .chip{white-space:nowrap;font-size:11px}.chapter-empty{padding:25px 17px;text-align:center;color:var(--muted);font-size:13px}.chapter-result-count{font-size:11px;color:var(--muted);margin-bottom:12px}.chapter-row{display:flex;align-items:center;border-bottom:1px solid var(--line)}.chapter-row:last-child{border-bottom:0}.chapter-row>.chapter-link{border-bottom:0;min-width:0;flex:1}.chapter-row>.chapter-share{margin-left:13px;width:32px;height:32px;flex-shrink:0}.chapter-row .chapter-copy{min-width:0}.chapter-row .chapter-copy strong{overflow-wrap:anywhere}.chapter-share svg{width:16px;height:16px}.share-link{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:11px;direction:ltr;font-size:12px}.reader-tool-group{margin-top:23px;border-top:1px solid var(--reader-border);padding-top:3px}.reader-tool-group .button{margin-top:12px;font-size:12px}.reader-tool-group output{display:block;font-size:12px;color:var(--reader-ink);padding:8px 0;min-height:30px;font-variant-numeric:tabular-nums}.reader-tool-group .timer-hint{font-size:10px;margin:0 0 10px}.reader-notice{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);width:min(390px,calc(100% - 36px));border:1px solid #404049;border-radius:18px;padding:27px;background:#19191fee;color:#ededf2;box-shadow:0 22px 90px #000b;backdrop-filter:blur(15px);text-align:center}.reader-notice>svg{width:30px;height:30px;color:#b5b5c8;margin-bottom:10px}.reader-notice h3{font-size:23px}.reader-notice p{font-size:13px;line-height:2;color:#bfbfcd;margin:10px 0 20px}.reader-notice .button{background:#e9e9ef;color:#18181d;border-color:#e9e9ef}.reader-notice .text-button{color:#c8c8d4;display:block;margin:12px auto 0}.admin-search-row{display:flex;align-items:center;gap:12px;margin:0 0 22px}.admin-search-row .chapter-search{max-width:420px}.admin-search-row .small-label{margin-right:auto}.reading-summary{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:12px}.reading-summary svg{width:16px;height:16px}
/* One brief response for every button, with no perpetual motion. */
:where(button,a.button,.mobile-nav>a,.desktop-nav>a,.studio-side>a){position:relative;isolation:isolate;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden}
button:active:not(:disabled),a.button:active,.mobile-nav>a:active{transform:scale(.96)}.press-wave{position:absolute;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;animation:press-wave .5s ease-out;z-index:2}.is-confirming>svg{animation:mark-pop .35s ease-out}.page,.studio-panel,.studio-works{animation:page-in .3s ease-out}.modal[open]{animation:dialog-in .22s ease-out}.reader-drawer:not([hidden]){animation:drawer-in .22s ease-out}.book-card .cover{transition:transform .35s ease,filter .35s ease}.read-arrow svg,.update-arrow svg,.button>svg{transition:transform .2s ease}.desktop-nav>a{transition:color .18s ease}.desktop-nav>a:after{transition:transform .2s ease}.mobile-nav{background:var(--surface);box-shadow:0 -8px 35px #0002}
@media(hover:hover){button:hover:not(:disabled):not(.chapter-link),a.button:hover{transform:translateY(-2px)}button:hover:not(:disabled){border-color:#686875}.book-card:hover .cover{transform:scale(1.035);filter:brightness(1.06)}.continue-card:hover .read-arrow svg,.update-card:hover .update-arrow svg{transform:translateX(-3px)}.button:hover>svg{transform:translateX(-2px)}.mobile-nav>a:hover{background:var(--soft)}.studio-work:hover{border-color:#555561}.studio-work{transition:border-color .2s ease,transform .2s ease}.studio-work:hover{transform:translateY(-3px)}}
@keyframes press-wave{0%{transform:scale(0);opacity:.2}100%{transform:scale(1);opacity:0}}@keyframes mark-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.28) rotate(-8deg)}}@keyframes page-in{from{opacity:.3;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes dialog-in{from{opacity:0;scale:.97}to{opacity:1;scale:1}}@keyframes drawer-in{from{opacity:0;translate:-12px 0}to{opacity:1;translate:0 0}}
@media(max-width:680px){.header-inner{height:77px}.public-home .hero:before{background:linear-gradient(0deg,#08080dfc 3%,#111118df 35%,#09090b12 88%)}.public-hero .hero-actions .primary{background:#ededf1;color:#131318}.public-hero .hero-actions .outline{color:#eeeef4;border-color:#ffffff33;background:#ffffff0e}.chapter-tools{gap:8px}.chapter-search{flex-basis:100%}.chapter-tools .chip{flex:1;padding:8px 12px;font-size:11px}.chapter-row>.chapter-share{margin-left:9px;width:30px;height:30px}.chapter-row .chapter-state{max-width:62px}.chapter-row .chapter-link{padding:14px 12px;gap:10px}.chapter-row .chapter-num{font-size:15px;min-width:20px}.chapter-row .chapter-copy strong{font-size:12px}.admin-search-row{flex-wrap:wrap}.studio-counts>div:last-child{background:#1e1e24}.chapter-result-count{font-size:10px}.reader-notice{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.press-wave{display:none}button:hover,button:active,a.button:hover,a.button:active,.mobile-nav>a:active,.studio-work:hover{transform:none!important}.book-card:hover .cover{transform:none}.button:hover>svg{transform:none}}
.chapter-num,.book-english{color:var(--muted)}.rating-stars button{color:#777780}.rating-stars button.on{color:#d8bd86}