:root{--paper: #f6f1e9;--paper-deep: #ece4d5;--paper-warm: #fbf7ef;--ink: #1a1611;--ink-soft: #54493d;--ink-faint: #8c7f6d;--rule: rgba(26, 22, 17, .08);--rule-strong: rgba(26, 22, 17, .18);--accent: #8b2a1f;--accent-soft: rgba(139, 42, 31, .1);--highlight: rgba(139, 42, 31, .14);--serif: "Fraunces", "Iowan Old Style", "Palatino", serif;--sans: "Public Sans", "Helvetica Neue", system-ui, sans-serif;--reading-col: 680px;--max-col: 1080px;--fv-display: "opsz" 144, "SOFT" 40;--fv-title: "opsz" 72, "SOFT" 30;--fv-text: "opsz" 14, "SOFT" 20;--fv-ui: "opsz" 14, "SOFT" 0}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--serif);font-feature-settings:"kern","liga","onum";font-variation-settings:var(--fv-text);color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit}:where(a,button,input,textarea,select):focus:not(:focus-visible){outline:none}:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--highlight);color:var(--ink)}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.top-bar{display:flex;align-items:baseline;justify-content:space-between;gap:48px;padding:28px 56px 24px;border-bottom:1px solid var(--rule);background:var(--paper);position:sticky;top:0;z-index:20}.masthead{font-family:var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);line-height:1.4;flex-shrink:0}.masthead em{font-style:italic;font-weight:400;letter-spacing:.18em;color:var(--ink-faint)}.masthead a{color:inherit;transition:color .2s ease}.masthead a:hover{color:var(--accent)}.nav-links{display:flex;gap:28px;flex-wrap:wrap;font-family:var(--sans);font-size:.82rem;font-weight:500;letter-spacing:.04em}.nav-link{padding:4px 0;color:var(--ink-soft);border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink);border-bottom-color:var(--accent)}.nav-link:focus-visible,.text-link:focus-visible,.footer-link:focus-visible,.chapter-return:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}.main-content{flex:1;padding:64px 56px 24px;position:relative;z-index:1}.main-content:has(.page.chapter-detail){padding-bottom:36px}.page{max-width:var(--max-col);margin:0 auto;display:flex;flex-direction:column;gap:56px;animation:fade-in .3s ease both}.page.chapter-detail{animation:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.footer{padding:32px 56px 40px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:24px;font-family:var(--sans);font-size:.78rem;color:var(--ink-faint)}.footer em{font-style:italic}.footer-link{color:inherit;border-bottom:1px solid var(--rule-strong);padding-bottom:1px;transition:color .15s ease,border-color .15s ease}.footer-link:hover{color:var(--accent);border-bottom-color:var(--accent)}h1,h2,h3,h4{font-family:var(--serif);color:var(--ink);margin:0;font-weight:500}h1{font-size:clamp(3rem,6.2vw,5.25rem);line-height:1.02;letter-spacing:-.018em;font-variation-settings:var(--fv-display);font-weight:400}h2{font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.1;letter-spacing:-.012em;font-variation-settings:var(--fv-title)}h3{font-size:1.4rem;line-height:1.2;letter-spacing:-.006em;font-variation-settings:var(--fv-title)}.kicker{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.lede{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.6;color:var(--ink-soft);max-width:54ch}.rule-hairline{border:0;border-top:1px solid var(--rule);margin:0}.button{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:.86rem;font-weight:500;letter-spacing:.01em;padding:12px 22px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;border-radius:0}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.button.ghost{background:transparent;color:var(--ink);border-color:var(--rule-strong)}.button.ghost:hover{border-color:var(--ink);color:var(--ink)}.button:focus-visible{outline-offset:5px}.button.ghost:disabled,.button.primary:disabled{opacity:.35;cursor:not-allowed}.text-link{font-family:var(--serif);font-style:italic;color:var(--ink-soft);border-bottom:1px solid var(--rule-strong);padding-bottom:1px;transition:color .15s ease,border-color .15s ease}.text-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.text-link.small{font-size:.88rem}.text-input,.text-area,.select-input,.custom-controls input{font-family:var(--serif);font-size:1rem;font-variation-settings:var(--fv-text);color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--rule-strong);padding:12px 0;outline:none;transition:border-color .2s ease;border-radius:0;width:100%}.text-input:focus,.text-area:focus,.select-input:focus{border-bottom-color:var(--ink)}.text-input:focus-visible,.text-area:focus-visible,.select-input:focus-visible,.custom-controls input:focus-visible,.chapter-filter input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.text-input::placeholder,.text-area::placeholder{color:var(--ink-faint);font-style:italic}.text-area{resize:vertical;line-height:1.55;min-height:80px}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--sans);font-size:.88rem;padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238c7f6d' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.notice{font-family:var(--sans);font-size:.88rem;padding:14px 18px;border-left:2px solid var(--ink-soft);background:var(--paper-deep);color:var(--ink-soft)}.notice.error{border-left-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.empty-state{font-family:var(--serif);font-style:italic;color:var(--ink-faint);padding:48px 0;text-align:center}.page.home{gap:96px}.hero{display:grid;grid-template-columns:1fr;gap:40px;padding-top:40px;max-width:920px}.hero-kicker{font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint);margin:0}.hero h1{margin:0;font-weight:400;font-style:normal}.hero h1 .italic{font-style:italic;color:var(--ink-soft);font-weight:300}.hero-byline{font-family:var(--serif);font-size:1rem;font-style:italic;color:var(--ink-soft);margin:0;letter-spacing:.01em}.hero-byline strong{font-weight:500;font-style:normal;color:var(--ink)}.hero-lede{font-family:var(--serif);font-size:1.18rem;line-height:1.65;color:var(--ink-soft);max-width:56ch;margin:0}.hero-actions{display:flex;align-items:baseline;gap:36px;flex-wrap:wrap;margin-top:12px}.sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:56px 72px;padding-top:72px;border-top:1px solid var(--rule)}.section-entry{display:flex;flex-direction:column;gap:10px}.section-entry .section-num{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.section-entry h3{font-family:var(--serif);font-weight:500;font-size:1.5rem;letter-spacing:-.008em}.section-entry p{margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.55;max-width:36ch}.section-entry a{align-self:flex-start;margin-top:8px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--rule)}.page-header .titles{display:flex;flex-direction:column;gap:8px}.page-header h2{margin:0}.page-header .count{font-family:var(--sans);font-style:italic;font-size:.85rem;color:var(--ink-faint)}.chapters-intro{display:flex;flex-direction:column;gap:8px;max-width:60ch}.chapters-intro .kicker{color:var(--accent)}.chapter-filter{display:flex;align-items:baseline;gap:24px;padding:12px 0 4px;border-bottom:1px solid var(--rule)}.chapter-filter input{font-family:var(--serif);font-size:1.05rem;font-style:italic;border:0;background:transparent;flex:1;padding:6px 0}.chapter-filter input:focus{outline:none}.chapter-filter .filter-count{font-family:var(--sans);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);flex-shrink:0}.chapter-index-list{display:flex;flex-direction:column}.chapter-row{display:grid;grid-template-columns:72px 1fr auto;gap:32px;padding:22px 4px 22px 0;border-bottom:1px solid var(--rule);color:var(--ink);transition:background .15s ease,padding-left .18s ease;align-items:baseline}.chapter-row:hover{background:var(--paper-warm);padding-left:12px}.chapter-row:hover .chapter-row-title{color:var(--accent)}.chapter-row:focus-visible{background:var(--paper-warm);color:var(--accent);padding-left:12px}.chapter-row-num{font-family:var(--sans);font-weight:500;font-size:.95rem;font-variant-numeric:tabular-nums;color:var(--ink-faint);letter-spacing:.04em;text-align:right}.chapter-row-body{display:flex;flex-direction:column;gap:4px;min-width:0}.chapter-row-title{font-family:var(--serif);font-size:1.2rem;font-weight:500;line-height:1.3;font-variation-settings:"opsz" 36,"SOFT" 20;transition:color .15s ease}.chapter-row-summary{font-family:var(--serif);font-style:italic;font-size:.98rem;line-height:1.5;color:var(--ink-soft);margin:0;max-width:72ch}.chapter-row-summary.muted{color:var(--ink-faint)}.chapter-row-indicator{font-family:var(--sans);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);align-self:center;display:inline-flex;align-items:center;gap:6px}.chapter-row-indicator svg{width:10px;height:10px}.chapter-row-indicator.muted{opacity:.25}.chapters-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 0;font-family:var(--sans);font-size:.8rem;color:var(--ink-faint);font-style:italic}.omake-section{margin-top:64px;padding-top:32px;border-top:2px solid var(--rule)}.omake-header{display:flex;flex-direction:column;gap:8px;max-width:60ch;margin-bottom:8px}.omake-header h3{font-family:var(--serif);font-size:1.9rem;font-weight:500;line-height:1.15;font-variation-settings:"opsz" 36,"SOFT" 20;margin:0}.omake-lede{font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.5;color:var(--ink-soft);margin:0}.page.chapter-detail{gap:24px;max-width:780px}.chapter-return{font-family:var(--sans);font-size:.78rem;letter-spacing:.08em;color:var(--ink-faint);transition:color .15s ease;display:inline-flex;align-items:center;gap:6px}.chapter-return:hover{color:var(--accent)}.chapter-header-lit{display:flex;flex-direction:column;gap:12px;padding-bottom:28px;border-bottom:1px solid var(--rule)}.chapter-header-lit .chapter-number-lit{font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint)}.chapter-header-lit h1{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.012em;font-variation-settings:var(--fv-title);margin:0}.chapter-footer-nav{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0 4px;border-top:1px solid var(--rule);font-family:var(--sans);font-size:.9rem}.chapter-footer-nav .prev,.chapter-footer-nav .next{display:inline-flex;flex-direction:column;gap:6px;color:var(--ink);transition:color .15s ease}.chapter-footer-nav .next{align-items:flex-end;text-align:right}.chapter-footer-nav .prev:hover,.chapter-footer-nav .next:hover{color:var(--accent)}.chapter-footer-nav .dir{font-family:var(--sans);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.chapter-footer-nav .title{font-family:var(--serif);font-style:italic;font-size:1.02rem;font-weight:400}.reader{display:flex;flex-direction:column;gap:20px}.reader-content{padding:0;line-height:1.78;font-size:1.08rem;font-family:var(--serif);font-variation-settings:"opsz" 14,"SOFT" 30;color:var(--ink);max-width:var(--reading-col);margin:0 auto}.reader-content p,.reader-content br+br{margin:0 0 1em}.reader-content hr{border:0;text-align:center;margin:2.4em auto;max-width:5em;position:relative;height:1em}.reader-content hr:after{content:"※";font-size:1.1rem;color:var(--ink-faint);letter-spacing:.4em}.reader-content em,.reader-content i{font-style:italic;color:var(--ink)}.reader-content strong,.reader-content b{font-weight:600}.reader-content .word{cursor:pointer}.reader-content .word:hover{background:#1a16110d;border-radius:2px}.reader.audio-off .word,.reader.audio-off .paragraph{cursor:text}.reader.audio-off .word:hover{background:transparent}.reader-content .word.active{box-shadow:inset 0 -1px #1a161159}.reader-content .paragraph{position:relative;margin:0 -4px 1em;padding:1px 4px;border-radius:2px;transition:background-color .35s ease;scroll-margin-top:120px;scroll-margin-bottom:160px}.reader-content .paragraph.active{background:#e8c45c2e}.audio-toggle{position:fixed;top:100px;right:32px;width:32px;height:32px;background:var(--paper-warm);border:1px solid transparent;cursor:pointer;color:var(--ink-faint);display:inline-flex;align-items:center;justify-content:center;z-index:60;transition:color .15s ease,border-color .15s ease}.audio-toggle:hover{color:var(--ink)}.audio-toggle.open{color:var(--ink);border-color:var(--rule-strong)}.audio-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--paper-warm);border:1px solid var(--rule-strong);position:fixed;top:140px;right:32px;width:340px;z-index:50;border-radius:2px;box-shadow:0 8px 28px -10px #1a161133,0 1px 3px #1a16110d}.audio-bar-heading{display:none}.audio-collapse-btn{background:transparent;border:0;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;width:28px;height:28px}.audio-chapter-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--sans);font-size:.76rem;color:var(--ink-soft)}.skip-btn,.play-btn,.speed-btn{background:transparent;border:0;cursor:pointer;color:var(--ink);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:0}.skip-btn{width:28px;height:28px;color:var(--ink-soft);transition:color .15s ease;flex-shrink:0}.skip-btn:hover{color:var(--ink)}.audio-toggle:focus-visible,.audio-collapse-btn:focus-visible,.skip-btn:focus-visible,.play-btn:focus-visible,.speed-btn:focus-visible{color:var(--accent)}.next-chapter-btn{color:var(--ink-faint)}.next-chapter-btn:hover{color:var(--ink)}.play-btn{width:30px;height:30px;background:var(--ink);color:var(--paper);flex-shrink:0;transition:background .15s ease}.play-btn:hover{background:var(--accent)}.play-btn .pause-icon{display:none}.play-btn.playing .pause-icon{display:flex}.play-btn.playing .play-icon{display:none}.audio-bar-progress{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.time-display{display:flex;align-items:center;gap:4px;font-family:var(--sans);font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.time-separator{color:var(--ink-faint);opacity:.5}.progress{width:100%;height:2px;background:#1a16111f;cursor:pointer;position:relative;transition:height .15s ease}.progress:hover{height:4px}.progress-fill{height:100%;width:0%;background:var(--ink);transition:width .08s linear}.speed-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.speed-btn{font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.04em;color:var(--ink-soft);min-width:44px;transition:color .15s ease,background .15s ease;border-left:1px solid var(--rule);padding:4px 6px 4px 10px;font-variant-numeric:tabular-nums}.speed-btn:hover,.speed-wrapper.open .speed-btn{color:var(--ink)}.speed-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--paper-warm);border:1px solid var(--rule-strong);padding:14px 14px 12px;width:220px;box-shadow:0 12px 32px -8px #1a161138,0 1px 3px #1a16110f;display:flex;flex-direction:column;gap:12px;z-index:60}.speed-menu input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.speed-menu input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--rule-strong)}.speed-menu input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-6px;background:var(--ink);border-radius:50%;border:0}.speed-menu input[type=range]::-moz-range-track{height:2px;background:var(--rule-strong)}.speed-menu input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--ink);border-radius:50%;border:0}.speed-readout{font-family:var(--sans);font-size:.78rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--ink);text-align:center}.search-panel{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}.search-panel .text-input{font-style:italic;font-size:1.1rem;padding:10px 0;border-bottom:0}.search-panel .select-input{border-bottom:0}.search-panel .button{padding:10px 22px}.results-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--rule)}.results-header h3{font-family:var(--serif);font-weight:500;font-size:1.1rem;font-style:italic}.results-header .mode{font-family:var(--sans);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.results-list{display:flex;flex-direction:column}.result-card{padding:20px 0;border-bottom:1px solid var(--rule)}.result-card summary{display:flex;justify-content:space-between;align-items:baseline;gap:16px;cursor:pointer;list-style:none}.result-card summary::-webkit-details-marker{display:none}.result-card summary:before{content:"→";margin-right:10px;color:var(--ink-faint);transition:transform .15s ease,color .15s ease;display:inline-block}.result-card[open] summary:before{transform:rotate(90deg);color:var(--accent)}.result-link{font-family:var(--serif);font-weight:500;font-size:1.05rem;color:var(--ink);transition:color .15s ease;flex:1}.result-card:hover .result-link{color:var(--accent)}.result-card .score{font-family:var(--sans);font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--ink-faint)}.result-card .context{margin:14px 0 0 18px;color:var(--ink-soft);font-family:var(--serif);font-style:italic;font-size:.98rem;line-height:1.6;padding-left:16px;border-left:2px solid var(--rule)}.result-card .match{margin:10px 0 0 18px;font-family:var(--sans);font-size:.78rem;letter-spacing:.06em;color:var(--accent)}.chat-thread{display:flex;flex-direction:column;gap:36px;padding:24px 0;max-height:62vh;overflow-y:auto}.chat-thread::-webkit-scrollbar{width:4px}.chat-thread::-webkit-scrollbar-thumb{background:var(--rule-strong)}.chat-message{display:flex;flex-direction:column;gap:8px}.chat-role{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.chat-message.user .chat-role{color:var(--accent)}.chat-content{font-family:var(--serif);font-size:1.05rem;line-height:1.7;color:var(--ink);white-space:pre-wrap;max-width:62ch}.chat-message.user .chat-content{font-style:italic;color:var(--ink-soft)}.chat-input{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:flex-end;padding:24px 0 12px;border-top:1px solid var(--rule)}.chat-input .text-area{border:0;border-bottom:1px solid var(--rule-strong);font-size:1.05rem;font-family:var(--serif);padding:10px 0}.chat-input .text-area:focus{border-bottom-color:var(--ink)}.chat-empty{font-family:var(--serif);font-style:italic;color:var(--ink-faint);padding:36px 0;max-width:52ch;line-height:1.6}.game-grid{display:grid;grid-template-columns:2.5fr 1fr;gap:72px;align-items:start}.game-panel{display:flex;flex-direction:column;gap:32px}.quote-card{padding:20px 0 28px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);position:relative}.quote-card:before{content:"“";font-family:var(--serif);font-size:5rem;color:var(--accent);opacity:.35;line-height:1;position:absolute;top:-8px;left:-48px}.quote{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.55;color:var(--ink);margin:0;font-variation-settings:"opsz" 36,"SOFT" 40;max-width:62ch}.options-grid{display:flex;flex-direction:column;gap:0}.option-btn{display:flex;align-items:baseline;gap:16px;padding:18px 16px 18px 4px;border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left;cursor:pointer;font-family:var(--serif);font-size:1rem;color:var(--ink);transition:background .15s ease,color .15s ease,padding-left .15s ease}.option-btn:hover:not(:disabled){background:var(--paper-warm);padding-left:12px;color:var(--accent)}.option-btn:focus-visible{background:var(--paper-warm);color:var(--accent);padding-left:12px;outline-offset:2px}.option-btn .letter{font-family:var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);min-width:20px}.option-btn.correct{background:var(--accent-soft);color:var(--accent)}.option-btn.correct .letter{color:var(--accent)}.option-btn.wrong{background:#1a16110f;color:var(--ink-faint)}.option-btn.wrong .letter{color:var(--ink-soft)}.option-btn:disabled{cursor:default}.guess-row{display:flex;gap:20px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--rule)}.guess-row input{font-family:var(--serif);font-size:1.6rem;font-variant-numeric:tabular-nums;text-align:center;width:120px;border-bottom:0}.feedback{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-top:1px solid var(--rule);flex-wrap:wrap;font-family:var(--serif)}.feedback .success,.feedback .error-text{margin:0;font-size:1rem;font-style:italic}.feedback .success{color:var(--accent)}.feedback .error-text{color:var(--ink-soft)}.feedback-actions{display:inline-flex;align-items:baseline;gap:18px;flex-wrap:wrap}.game-sidebar{display:flex;flex-direction:column;gap:48px}.sidebar-block{display:flex;flex-direction:column;gap:16px}.sidebar-block h4{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);margin:0;padding-bottom:8px;border-bottom:1px solid var(--rule)}.stat-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--serif);font-size:.95rem;color:var(--ink-soft)}.stat-row strong{font-family:var(--sans);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:.04em}.custom-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.custom-controls label{display:flex;flex-direction:column;gap:4px;font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.custom-controls input{font-family:var(--serif);font-size:1rem;padding:6px 0}@media (max-width: 1500px){.audio-bar{width:calc(100% - 64px);top:auto;bottom:24px;right:32px;left:32px;max-width:720px;margin:0 auto}.speed-menu{top:auto;bottom:calc(100% + 8px)}.main-content:has(.page.chapter-detail):has(.audio-toggle.open){padding-bottom:120px}}@media (max-width: 900px){.top-bar{flex-direction:column;align-items:flex-start;padding:24px 28px;gap:16px}.main-content{padding:48px 28px 120px}.footer{flex-direction:column;padding:32px 28px}.chapter-row{grid-template-columns:48px 1fr;gap:20px}.chapter-row-indicator{grid-column:2;margin-top:6px}.search-panel{grid-template-columns:1fr;gap:8px}.game-grid{grid-template-columns:1fr;gap:48px}.quote-card:before{left:-12px;top:-16px;font-size:3.5rem}.audio-toggle{top:118px;right:28px;border-color:var(--rule);box-shadow:0 2px 8px #1a161114}.audio-bar{display:grid;grid-template-columns:auto auto auto auto minmax(0,1fr) auto;align-items:center;gap:8px 10px;width:calc(100% - 32px);top:auto;bottom:16px;right:16px;left:16px;padding:8px 12px}.audio-bar-heading{display:flex;align-items:center;gap:8px;grid-column:1 / -1;min-width:0;padding-bottom:6px;border-bottom:1px solid var(--rule)}.audio-bar.collapsed{grid-template-columns:auto minmax(0,1fr) auto auto;padding:8px 10px}.audio-bar.collapsed .audio-bar-heading{display:contents}.audio-bar.collapsed .audio-collapse-btn{grid-column:1;grid-row:1}.audio-bar.collapsed .audio-chapter-title{grid-column:2;grid-row:1}.audio-bar.collapsed .skip-btn,.audio-bar.collapsed .next-chapter-btn,.audio-bar.collapsed .speed-wrapper{display:none}.audio-bar.collapsed .play-btn{grid-column:3;grid-row:1;width:28px;height:28px}.audio-bar.collapsed .audio-bar-progress{grid-column:4;grid-row:1}.audio-bar.collapsed .progress{display:none}.audio-bar.collapsed .time-display{white-space:nowrap}.audio-bar.expanded .audio-bar-progress{min-width:120px}.speed-menu{right:auto;left:0}.chat-input{grid-template-columns:1fr}}@media (max-width: 540px){h1{font-size:2.6rem}.nav-links{gap:16px;font-size:.78rem}}