:root{--night:#1b1f3b;--deep:#0e1024;--ink:#2a2f57;--cream:#ffe4a4;--paper:#fff8e7;--text:#f4efe2;--muted:#a9a8c4;--line:#ffe4a42e;--rose:#ff9b8a;--radius:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(180deg, var(--night) 0%, var(--deep) 100%) fixed;color:var(--text);-webkit-tap-highlight-color:transparent;padding-bottom:calc(96px + env(safe-area-inset-bottom));font:17px/1.5 Nunito,system-ui,sans-serif}#sky{pointer-events:none;z-index:-1;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8 50%,#0000 51%),radial-gradient(1px 1px at 72% 9%,#fff9 50%,#0000 51%),radial-gradient(2px 2px at 86% 34%,#ffe4a499 50%,#0000 51%),radial-gradient(1px 1px at 30% 62%,#fff6 50%,#0000 51%),radial-gradient(1.5px 1.5px at 58% 80%,#fff7 50%,#0000 51%),radial-gradient(1px 1px at 8% 88%,#fff6 50%,#0000 51%);position:fixed;inset:0}main{max-width:640px;padding:calc(20px + env(safe-area-inset-top)) 16px 24px;margin:0 auto}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,serif;font-weight:700}h1{color:var(--cream);font-size:34px;line-height:1.1}h2{font-size:26px;line-height:1.15}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}.lede{color:var(--muted);margin:8px 0 22px}.stack>*+*{margin-top:18px}textarea,input[type=password],input[type=text]{border:1.5px solid var(--line);width:100%;color:var(--text);border-radius:var(--radius);font:inherit;resize:vertical;background:#ffffff0d;outline:none;padding:16px 18px;font-size:18px}textarea{min-height:150px}textarea:focus,input:focus{border-color:var(--cream)}label.field-label{margin:0 0 8px;font-weight:800;display:block}.seg{border:1.5px solid var(--line);background:#ffffff0d;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:5px;display:grid}.seg button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:11px 6px;font-size:15px;font-weight:800}.seg button small{opacity:.8;font-size:12px;font-weight:600;display:block}.seg button[aria-pressed=true]{background:var(--cream);color:var(--night)}.btn{background:var(--cream);width:100%;color:var(--night);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:18px 22px;font-size:19px;font-weight:800;display:inline-flex;box-shadow:0 10px 30px -10px #ffe4a480}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{color:var(--cream);border:1.5px solid var(--line);box-shadow:none;background:0 0}.error{color:var(--rose);font-weight:700}.chapters{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.chapters li{border-bottom:1px solid var(--line)}.chapters button{all:unset;cursor:pointer;box-sizing:border-box;align-items:center;gap:14px;width:100%;padding:14px 4px;display:flex}.chapters .num{border:1.5px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.chapters .ch-title{font-weight:700}.chapters .ch-meta{color:var(--muted);font-size:14px}.chapters li.current .num{background:var(--cream);color:var(--night);border-color:var(--cream)}.chapters li.current .ch-title{color:var(--cream)}.chapters li.pending{opacity:.45}.chapters li.pending button{cursor:default}.status{color:var(--muted);align-items:center;gap:10px;font-weight:700;display:flex}.dot{background:var(--cream);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:8px 0;display:grid}.controls .round{border:1.5px solid var(--line);width:60px;height:60px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:50%;justify-self:center;font-size:14px;font-weight:800}.controls .play{background:var(--cream);width:88px;height:88px;color:var(--night);cursor:pointer;border:0;border-radius:50%;font-size:34px;box-shadow:0 12px 40px -12px #ffe4a499}.progress{width:100%;accent-color:var(--cream)}.times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex}details.text{border:1.5px solid var(--line);border-radius:var(--radius);padding:14px 18px}details.text summary{cursor:pointer;color:var(--muted);font-weight:800}details.text .prose{color:var(--paper);white-space:pre-wrap;font-family:Fraunces,Georgia,serif;font-size:18px;line-height:1.65}.cards{gap:12px;display:grid}.card{color:inherit;border:1.5px solid var(--line);border-radius:var(--radius);background:#ffffff08;padding:16px 18px;text-decoration:none;display:block}.card h3{color:var(--cream);font-size:20px}.card p{color:var(--muted);margin:4px 0 0;font-size:14px}.card .prompt{color:var(--text);opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.empty{text-align:center;color:var(--muted);padding:40px 0}.row{gap:10px;display:flex}.link-danger{color:var(--rose);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:700}#tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#0e1024eb;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}#tabs[hidden]{display:none}#tabs a{text-align:center;color:var(--muted);padding:16px 0 18px;font-weight:800;text-decoration:none}#tabs a.active{color:var(--cream)}.mini{left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom));background:var(--ink);border:1px solid var(--line);max-width:616px;color:inherit;border-radius:18px;align-items:center;gap:12px;margin:0 auto;padding:10px 12px;text-decoration:none;display:flex;position:fixed;box-shadow:0 10px 30px #0006}.mini .t{flex:1;min-width:0}.mini .t b{white-space:nowrap;text-overflow:ellipsis;color:var(--cream);display:block;overflow:hidden}.mini .t span{color:var(--muted);font-size:13px}.mini button{background:var(--cream);width:44px;height:44px;color:var(--night);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:18px}body.has-mini{padding-bottom:calc(170px + env(safe-area-inset-bottom))}