:root{color-scheme:dark;--bg:#121112;--panel:#1c191a;--ink:#f0e8e2;--muted:#b4a7a2;--warm:#efb395;--line:#ffffff16;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 85% 0,#d9906810,transparent 48%),var(--bg)}[hidden]{display:none!important}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--warm);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.4rem,6vw,4.8rem);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin-bottom:24px}h1 span,.wordmark span{color:var(--warm)}h2{font-weight:500;letter-spacing:-.025em;font-size:1.5rem}p{line-height:1.7}small{display:block;color:var(--muted);font-size:.78rem;line-height:1.6}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:600;color:var(--warm);margin-bottom:24px}.top{max-width:1400px;margin:auto;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:1.45rem;font-weight:600;letter-spacing:-.06em;text-decoration:none}.quiet{font-size:.86rem;color:var(--muted);text-decoration:none}.quiet:hover{color:var(--ink)}.reader-main{max-width:1060px;min-height:65vh;margin:35px auto 90px;padding:0 32px}.notice{max-width:670px;margin:7vh auto;text-align:center}.notice p{max-width:540px;margin:0 auto 22px}.notice h1{font-size:clamp(2.5rem,6vw,4.3rem)}.notice .actions{justify-content:center;margin:32px 0 22px}.emblem{display:grid;place-items:center;width:76px;height:76px;border:1px solid #efb39530;background:#efb39507;border-radius:50%;font-size:32px;margin:0 auto 30px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.primary,.secondary,.icon{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px 20px;border-radius:9px;text-decoration:none;border:1px solid transparent;font-weight:600;font-size:.86rem}.primary{background:var(--warm);color:#281a13}.primary:hover{background:#fac5a9}.secondary,.icon{background:#ffffff04;color:var(--ink);border-color:var(--line)}.secondary:hover,.icon:hover{border-color:#efb39570}.icon{padding:8px 12px;min-width:44px}.intro{padding:38px 0 40px}.intro>p:last-child{color:var(--muted)}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.story-card{padding:30px;min-height:210px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,#efb39508,transparent 65%),var(--panel);text-decoration:none;display:flex;flex-direction:column;gap:14px;overflow-wrap:anywhere}.story-card:hover{border-color:#efb39570}.story-card h2{margin:0;font-size:1.65rem}.story-card p{color:var(--muted);margin:0;font-size:.9rem}.story-card .read-link{margin-top:auto;padding-top:20px;color:var(--warm);font-size:.8rem}.empty{border:1px dashed #efb39535;border-radius:16px;padding:48px;text-align:center;color:var(--muted)}.empty h2{color:var(--ink)}.reader-tools{position:sticky;top:0;z-index:2;background:#121112f5;backdrop-filter:blur(12px);padding:14px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:24px}.reader-tools .muted{font-size:.75rem}.reading-card{padding:48px 56px;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow-wrap:anywhere}.reading-card h1{font-size:clamp(2rem,5vw,3.5rem)}.content-notes{border-left:2px solid var(--warm);padding:8px 16px;color:var(--muted);font-size:.85rem}.prose{font-family:Georgia,'Times New Roman',serif;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:36px;max-height:65vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#efb39550 transparent;padding-right:14px;tab-size:4}.size-0{font-size:1rem}.size-1{font-size:1.15rem}.size-2{font-size:1.35rem}.size-3{font-size:1.55rem}.response-card{max-width:680px;margin:50px auto 0}.response-card p{font-size:.9rem}.response-card form{margin-top:24px}label{display:block;font-size:.85rem;color:var(--ink);margin:18px 0 10px}textarea,input,select{border:1px solid #ffffff25;border-radius:8px;background:#101012;color:var(--ink);padding:13px 14px;width:100%;line-height:1.6;min-width:0}textarea{resize:vertical}form small{margin:10px 0 20px}.status{font-size:.86rem;color:var(--muted);line-height:1.6;min-height:1em}.status:empty{display:none}.error{border:1px solid #d9826b66;background:#d9826b10;padding:20px;border-radius:10px;margin:24px 0}.error p{margin-bottom:12px}.skip{position:absolute;top:-100px;left:15px;z-index:9}.skip:focus{top:15px;background:var(--panel);padding:12px}footer{max-width:1300px;margin:auto;padding:30px 5vw;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);display:flex;justify-content:space-between;gap:16px}dialog{color:var(--ink);background:var(--panel);border:1px solid #efb39540;border-radius:15px;max-width:850px;width:calc(100% - 32px);max-height:90dvh;padding:30px}dialog::backdrop{background:#000b}dialog .prose{max-height:60dvh}
@media(max-width:650px){.top{padding:22px 20px}.reader-main{margin:20px auto 55px;padding:0 20px}.intro{padding:25px 0}.notice{margin:5vh auto}.story-grid{grid-template-columns:1fr}.story-card{min-height:175px;padding:25px}.reading-card{padding:28px 0;border:none;border-radius:0;background:transparent}.prose{max-height:none;overflow:visible;padding-right:0;line-height:1.85}.reader-tools{gap:10px}.reader-tools .actions{gap:7px}.empty{padding:32px 22px}.response-card{border-top:1px solid var(--line);padding-top:30px}.notice .actions{flex-direction:column}footer{flex-direction:column}.reading-card h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.narration-player{position:sticky;top:76px;z-index:1;background:#211b19f7;border:1px solid #efb39540;border-radius:12px;padding:12px 16px;margin:24px 0;box-shadow:0 8px 25px #0003;backdrop-filter:blur(12px)}.narration-bar{display:flex;align-items:center;gap:12px}.narration-bar>div{flex:1}.narration-bar .eyebrow{display:block;margin:0 0 5px;letter-spacing:.12em}.narration-bar small{font-size:.7rem}.narration-seek{display:flex;align-items:center;gap:8px;margin-top:8px}.narration-seek input{flex:1;min-width:40px;padding:0;height:30px;accent-color:var(--warm)}.narration-seek output{font-size:.72rem;white-space:nowrap;font-variant-numeric:tabular-nums}.narration-settings{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;margin-top:12px}.narration-settings label{margin:0}.narration-settings input{padding:0;accent-color:var(--warm);height:44px}.narration-player .status{margin:6px 0 0;font-size:.74rem}.narration-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.narration-previews audio{width:100%;max-width:100%}.narration-studio{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.narration-studio progress{width:100%;margin:0 0 16px;accent-color:var(--warm)}.narration-studio small{margin-top:12px}
@media(max-width:650px){.narration-player{padding:10px;top:73px}.narration-bar{gap:6px;flex-wrap:wrap}.narration-bar>div{min-width:130px}.narration-bar button{padding:10px;font-size:.77rem}.narration-bar small{display:none}.narration-seek{flex-wrap:wrap}.narration-seek output{flex-basis:100%;text-align:right}.narration-settings{grid-template-columns:1fr 1fr}.narration-settings>button{grid-column:1/-1}.narration-previews{grid-template-columns:1fr}.narration-player .status{font-size:.7rem}}
@media(max-height:500px){.narration-player{position:relative;top:auto}.reader-tools{position:relative}}