:root{--gold:#e8c87a;--violet:#9a7fae;--body:#d9d2e0;--bg-from:#141019;--bg-to:#1d1622;--choice-bg:#e8c87a1a;--choice-bg-hover:#e8c87a33;--choice-border:#e8c87a59;--choice-text:#f0e6d2}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--body);-webkit-font-smoothing:antialiased;font-family:Georgia,Times New Roman,serif;line-height:1.7}.app-root{background:linear-gradient(170deg, var(--bg-from), var(--bg-to));min-height:100vh;color:var(--body);font-family:Georgia,Times New Roman,serif;line-height:1.7;transition:background .3s}.app-header{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(170deg,#141019f2,#1d1622e6);justify-content:space-between;align-items:center;max-width:680px;margin:0 auto;padding:14px 20px;display:flex;position:sticky;top:0}.app-title{color:var(--gold);letter-spacing:.04em;margin:0;font-family:Georgia,serif;font-size:18px;font-weight:600}.gear{border:1px solid var(--choice-border);color:var(--gold);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:18px;transition:background .2s;display:flex}.gear:hover,.gear:active{background:var(--choice-bg-hover)}.reading-column{max-width:640px;font-size:calc(18px * var(--font-scale,1));margin:0 auto;padding:20px}.reading-column h2.beat-title{color:var(--gold);margin:.2em 0 .8em;font-family:Georgia,serif;font-size:1.45em;font-weight:600;line-height:1.3}.reading-column p.prose{text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0 0 1.1em}.reader-topbar{max-width:640px;min-height:24px;margin:0 auto;padding:6px 20px 0}.back-btn{color:var(--violet);cursor:pointer;background:0 0;border:none;padding:6px 0;font-family:Georgia,serif;font-size:15px}.back-btn:hover,.back-btn:active{color:var(--gold)}.choices-label{color:var(--violet);letter-spacing:.18em;text-transform:uppercase;margin:1.6em 0 .9em;font-family:Georgia,serif;font-size:.78em}.choices{flex-direction:column;gap:12px;display:flex}.choice-card{background:var(--choice-bg);border:1px solid var(--choice-border);color:var(--choice-text);text-align:left;cursor:pointer;border-radius:12px;width:100%;min-height:44px;padding:14px 16px;font-family:Georgia,serif;font-size:1em;line-height:1.5;transition:background .18s,border-color .18s}.choice-card:hover,.choice-card:active,.choice-card:focus-visible{background:var(--choice-bg-hover);border-color:var(--gold);outline:none}.btn-gold{border:1px solid var(--gold);color:var(--gold);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:10px;min-height:44px;padding:12px 22px;font-family:Georgia,serif;font-size:1em;transition:background .18s}.btn-gold:hover,.btn-gold:active{background:var(--choice-bg)}.weiter-wrap{justify-content:center;margin:1.8em 0 .5em;display:flex}.library{max-width:640px;margin:0 auto;padding:20px}.library h2{color:var(--gold);margin:.4em 0 1em;font-family:Georgia,serif;font-size:1.4em;font-weight:600}.book-tiles{flex-direction:column;gap:14px;display:flex}.book-tile{background:var(--choice-bg);border:1px solid var(--choice-border);cursor:pointer;text-align:left;border-radius:12px;width:100%;padding:16px 18px;transition:border-color .18s}.book-tile:hover,.book-tile:active{border-color:var(--gold)}.book-tile .tile-title{color:var(--gold);margin:0 0 .4em;font-family:Georgia,serif;font-size:1.2em;font-weight:600}.book-tile .tile-blurb{color:var(--violet);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:Georgia,serif;font-size:.92em;line-height:1.55;display:-webkit-box;overflow:hidden}.ending{text-align:center;max-width:560px;margin:0 auto;padding:64px 24px}.ending .flourish{color:var(--gold);letter-spacing:.4em;text-transform:uppercase;opacity:.8;margin-bottom:1.4em;font-family:Georgia,serif;font-size:1em}.ending .ending-label{color:var(--gold);margin:0 0 .8em;font-family:Georgia,serif;font-size:1.7em;font-weight:600;line-height:1.35}.ending .ending-sub{color:var(--violet);margin:0 0 2em;font-family:Georgia,serif}.ending .ending-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.ending .ending-actions .btn-gold{width:100%;max-width:300px}.settings-overlay{z-index:50;background:#0a070e99;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-panel{border-left:1px solid var(--choice-border);background:linear-gradient(170deg,#1d1622,#241b2c);width:min(320px,86vw);height:100%;padding:24px 22px;box-shadow:-8px 0 30px #0006}.settings-panel h3{color:var(--gold);margin:0 0 1.4em;font-family:Georgia,serif;font-size:1.2em}.settings-row{margin-bottom:1.8em}.settings-row label{color:var(--body);margin-bottom:.6em;font-family:Georgia,serif;font-size:.95em;display:block}.settings-row .value{color:var(--violet);font-size:.85em}.settings-row input[type=range]{width:100%;accent-color:var(--gold)}.toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--gold);cursor:pointer}.settings-close{margin-top:1em}.theme-light{--gold:#6b4f1d;--violet:#8a6f4a;--body:#3a2f23;--bg-from:#f4ecdf;--bg-to:#efe5d3;--choice-bg:#e9dcc4;--choice-bg-hover:#e0cfae;--choice-border:#cdb98f;--choice-text:#3a2f23}.theme-light .app-header{background:linear-gradient(170deg,#f4ecdff2,#efe5d3e6)}.theme-light .settings-panel{background:linear-gradient(170deg,#f4ecdf,#efe5d3)}.theme-light .ending .ending-label,.theme-light .ending .flourish,.theme-light .reading-column h2.beat-title,.theme-light .book-tile .tile-title,.theme-light .app-title{color:#6b4f1d}