:root{--font-main:"Lato", "Helvetica Neue", Arial, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica", "Arial", sans-serif;--bg-main:#ece3d2;--bg-panel:#f8f1e5;--bg-soft:#efe3cf;--text-main:#1f1a14;--text-muted:#5f5344;--line:#a48e71;--accent:#695137;--accent-contrast:#fff7eb;--status-reading:#c9b190;--status-finished:#97b28a;--status-unread:#b8ad9f}:root[data-theme=white]{--bg-main:#efefef;--bg-panel:#fff;--bg-soft:#f5f5f5;--text-main:#141414;--text-muted:#575757;--line:#9e9e9e;--accent:#2b4654;--accent-contrast:#f1fbff;--status-reading:#a3bcc8;--status-finished:#99b88e;--status-unread:#bbb}:root[data-theme=black]{--bg-main:#0f0f0f;--bg-panel:#151515;--bg-soft:#1f1f1f;--text-main:#e9e9e9;--text-muted:#b2b2b2;--line:#3b3b3b;--accent:#d6b57a;--accent-contrast:#17120a;--status-reading:#6f6648;--status-finished:#4a664a;--status-unread:#555}:root[data-theme=dark]{--bg-main:#1a1f26;--bg-panel:#232a34;--bg-soft:#2b3543;--text-main:#dde6ef;--text-muted:#a4b2c3;--line:#4a5768;--accent:#c8a36f;--accent-contrast:#212932;--status-reading:#6b7f94;--status-finished:#67816e;--status-unread:#69707a}*{box-sizing:border-box}body{min-width:0;min-height:100vh;font-family:var(--font-main);color:var(--text-main);background:linear-gradient(160deg, var(--bg-main), color-mix(in srgb, var(--bg-main) 88%, #000 12%));text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#app{min-height:100vh}.layout{grid-template-columns:minmax(0,48%) minmax(0,1fr);gap:.8rem;max-width:1400px;margin:0 auto;padding:1rem;transition:grid-template-columns .18s;display:grid}.layout.list-only{grid-template-columns:minmax(0,1fr)}.layout.list-only .reader-panel{display:none}.layout.reader-mode{grid-template-columns:minmax(0,1fr)}.layout.reader-mode .sidebar{display:none}h1,h2,h3,h4,p{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:.74rem}.muted{color:var(--text-muted)}.offline-note{color:var(--accent);font-weight:700}.sidebar,.reader-panel{border:1px solid var(--line);background:var(--bg-panel);min-width:0;padding:1rem}.sidebar{align-content:start;gap:.8rem;display:grid}.list-header,.reader-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.theme-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;min-width:0;display:grid}button{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);cursor:pointer;border-radius:0;padding:.46rem .72rem;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.55}.theme-switcher button.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.story-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.search-filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.search-filters input[type=search]{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);box-sizing:border-box;flex:1;min-width:0;padding:.46rem .6rem}.search-filters .filters{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.search-filters select{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);min-width:0;max-width:220px;padding:.36rem .5rem}.language-pill{color:var(--text-muted);align-items:center;gap:.36rem;margin:0;font-size:.78rem;display:inline-flex}.meta-pills{flex-wrap:wrap;align-items:center;gap:.36rem;margin:.18rem 0 0;display:flex}.meta-pills span{color:var(--text-muted);border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 60%, transparent);white-space:nowrap;flex:none;min-width:0;padding:.12rem .36rem;font-size:.78rem}.book-pill{font-weight:500}.universe-pill{font-weight:600}.series-pill{font-style:italic}.story-row{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;min-width:0;min-height:118px;display:grid;position:relative;overflow:hidden}.story-row:disabled{opacity:.52}.story-row.active{border-color:var(--accent)}.row-main{gap:.28rem;display:grid}.row-main p,.row-main small{color:var(--text-muted)}.row-meta{justify-items:end;gap:.46rem;display:grid}.read-symbol{color:var(--accent);font-weight:700}.download-pill{text-transform:uppercase;border:1px solid var(--line);padding:.16rem .34rem;font-size:.68rem}.download-pill.downloaded{background:color-mix(in srgb, var(--status-finished) 72%, transparent)}.download-pill.downloading{background:color-mix(in srgb, var(--accent) 55%, transparent)}.download-pill.not-downloaded{background:color-mix(in srgb, var(--status-unread) 55%, transparent)}.download-action{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);cursor:pointer;margin-top:.18rem;margin-left:.3rem;padding:.14rem .28rem;font-size:.68rem;display:inline-block}.open-original{display:none}.action-open-original{border-color:color-mix(in srgb, var(--accent) 65%, var(--line));color:var(--accent);font-weight:700}.action-open-original:hover,.action-open-original:focus-visible{background:color-mix(in srgb, var(--accent) 16%, var(--bg-soft))}.download-spinner{color:var(--accent);margin-left:.3rem;font-size:.9rem}.status-pill{text-transform:uppercase;border:1px solid var(--line);padding:.18rem .42rem;font-size:.72rem;font-weight:700}.status-pill.reading{background:var(--status-reading)}.status-pill.finished{background:var(--status-finished)}.status-pill.unread{background:var(--status-unread)}.stars{letter-spacing:.08em;color:var(--line)}.stars .filled{color:var(--accent)}.back{margin-bottom:.5rem}.reader-head p{color:var(--text-muted);margin-top:.3rem}.icon{vertical-align:middle;fill:currentColor;justify-content:center;align-items:center;display:inline-flex;transform:translateY(-1px)}.fullscreen-controls{color:var(--text-main);z-index:1200;-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .8rem;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000001f}.hud-spinner{border:2px solid #0000001f;border-top-color:var(--accent);box-sizing:border-box;border-radius:50%;width:18px;height:18px;animation:.82s linear infinite hud-spin}@keyframes hud-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fullscreen .sidebar,.layout.fullscreen .reader-head,.layout.fullscreen .toolbar,.layout.fullscreen .chapter-nav,.layout.fullscreen .page-nav{display:none}.layout.fullscreen .reader-panel{background:0 0;border:none;grid-column:1/-1;padding:2rem}.interactive-stars button,.interactive-stars button.filled{font-size:.95rem}.theme-switcher select{appearance:none;border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);padding:.46rem .6rem;font-family:inherit}button .icon+span,.back .icon+span{margin-left:.36rem}.reader-panel{min-height:calc(100vh - 2rem)}.reader-empty{gap:.7rem;display:grid}.layout.reader-mode .reader-panel{animation:.18s reader-enter}.toolbar,.chapter-nav,.page-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.actions,.interactive-stars{flex-wrap:wrap;gap:.4rem;display:flex}.interactive-stars button.filled{border-color:var(--accent);color:var(--accent)}.chapter-nav span,.page-nav span{color:var(--text-muted)}.chapter{border-top:1px solid var(--line);gap:.9rem;max-width:82ch;margin-left:auto;margin-right:auto;padding-top:.8rem;font-size:1rem;line-height:1.72;display:grid}.chapter p{max-width:82ch;margin-left:auto;margin-right:auto}.read-block{border-left:2px solid color-mix(in srgb, var(--line) 55%, transparent);padding-left:.7rem}.read-block h1,.read-block h2,.read-block h3,.read-block h4,.read-block h5,.read-block h6{margin:0 0 .35rem;line-height:1.3}.read-block p,.read-block ul,.read-block ol,.read-block blockquote,.read-block pre{margin:0}.read-block ul,.read-block ol{padding-left:1.4rem}.translation-pill,.original-pill{color:var(--text-muted);border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 60%, transparent);border-radius:4px;align-items:center;gap:.36rem;padding:.12rem .36rem;font-size:.72rem;display:inline-flex}.translation-pill svg{width:12px;height:12px;display:inline-block}.original-pill{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);border-radius:6px;padding:.14rem .5rem;font-weight:800}.striped-overlay{z-index:18;pointer-events:none;background-image:linear-gradient(#0000000a,#0000000a),repeating-linear-gradient(45deg,#ffffff0f 0 8px,#0000000a 8px 16px);position:absolute;inset:0}.reading-progress{z-index:1190;pointer-events:none;background:#00000008;height:6px;position:fixed;bottom:0;left:0;right:0}.layout.fullscreen .reading-progress{height:3px}.reading-progress__fill{background:var(--accent);width:0%;height:100%;transition:width .16s linear;position:relative;overflow:hidden}.reading-progress__fill:before{content:"";opacity:.6;pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffffff14 0 6px,#0000000a 6px 12px);position:absolute;inset:0}.error{color:#b33f3f;font-weight:700}.notice{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 72%, transparent);color:var(--text-main);margin-bottom:.6rem;padding:.6rem}.notice-translating{border-left:4px solid color-mix(in srgb, var(--accent) 60%, transparent)}@keyframes reader-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=920px){.layout{grid-template-columns:1fr;padding:.65rem}.story-list{grid-template-columns:1fr}.list-header,.reader-head{flex-direction:column}.theme-switcher{width:100%;min-width:0}.search-filters{flex-direction:column;align-items:stretch}.search-filters input[type=search]{width:100%}.search-filters .filters{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.search-filters .filters>*{flex:48%;min-width:0;max-width:100%}.search-filters .filters button{flex:100%}}