:root{--ink:#1a0a00;--leather:#2c1a0e;--panel:#3d1f0a;--panel-edge:#4a2a15;--saddle:#8b4513;--umber:#8b6343;--gilt:#d4af37;--parchment:#f5e6c8;--success:#69f0ae;--danger:#ff5252;--info:#448aff;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-manuscript:"Source Serif 4", Georgia, serif;--radius:14px;--radius-sm:10px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--parchment);background:radial-gradient(1200px 500px at 80% -10%, #8b451359, transparent 60%), linear-gradient(180deg, var(--leather) 0%, #23130a 100%);background-attachment:fixed;margin:0}::selection{background:var(--gilt);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0}h1{color:var(--parchment);font-size:34px}h2{color:var(--parchment);font-size:22px}a{color:var(--gilt)}button{font-family:var(--font-body);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--gilt);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--saddle);z-index:20;background:#1a0a00d9;align-items:center;gap:14px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar .brand{font-family:var(--font-display);color:var(--gilt);letter-spacing:.04em;font-size:22px;font-weight:700;text-decoration:none}.topbar .spacer{flex:1}.topbar .user{color:var(--umber);font-size:13px}.page{width:100%;max-width:980px;margin:0 auto;padding:32px 24px 96px}.page.narrow{max-width:720px}.page.wide{max-width:1180px}.page-head{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:26px;display:flex}.page-head .sub{color:var(--umber);font-size:14px}.card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:20px}.card.gilt-edge{border-color:var(--gilt)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--gilt);margin:0 0 8px;font-size:12px;font-weight:700;display:block}.input,.textarea{background:var(--leather);border:1px solid var(--umber);border-radius:var(--radius-sm);width:100%;color:var(--parchment);font-family:var(--font-body);padding:12px 14px;font-size:15px}.input::placeholder,.textarea::placeholder{color:var(--umber)}.input:focus,.textarea:focus{border-color:var(--gilt);outline:none}.textarea.manuscript{font-family:var(--font-manuscript);resize:vertical;min-height:52vh;font-size:17px;line-height:1.75}.btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;transition:filter .15s,transform .1s;display:inline-flex}.btn:not(:disabled):hover{filter:brightness(1.08)}.btn:not(:disabled):active{transform:translateY(1px)}.btn-gold{background:var(--gilt);color:var(--ink)}.btn-outline{color:var(--gilt);border-color:var(--gilt);background:0 0}.btn-ghost{color:var(--umber);background:0 0;border-color:#0000}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-block{width:100%}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--gilt);background:var(--panel);color:var(--parchment);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700}.chip.selected{background:var(--gilt);color:var(--ink)}.tag{border:1px solid;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.tag-gold{color:var(--gilt);background:#d4af371f;border-color:#d4af3766}.tag-green{color:var(--success);background:#69f0ae1f;border-color:#69f0ae66}.tag-blue{color:var(--info);background:#448aff1f;border-color:#448aff66}.tag-umber{color:var(--umber);background:#8b634326;border-color:#8b634380}.tag-red{color:var(--danger);background:#ff52521f;border-color:#ff525266}.progress-track{background:var(--panel);border-radius:6px;height:6px;overflow:hidden}.progress-fill{background:var(--gilt);border-radius:6px;height:100%;transition:width .3s}.progress-fill.done{background:var(--success)}.story-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.story-card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);text-align:left;color:var(--parchment);flex-direction:column;gap:0;padding:0;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.story-card:hover{border-color:var(--gilt);transform:translateY(-2px)}.story-card .cover{background:linear-gradient(180deg, var(--saddle), var(--panel));object-fit:cover;width:100%;height:140px;display:block}.story-card .body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.story-card .title{font-size:16px;font-weight:700}.story-card .meta{color:var(--umber);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.chapter-row{text-align:left;background:var(--panel);border:1px solid var(--saddle);width:100%;color:var(--parchment);border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;transition:border-color .15s;display:flex}.chapter-row:hover{border-color:var(--gilt)}.chapter-row.has-audio{border-color:#69f0ae59}.chapter-row .num{background:var(--leather);width:38px;height:38px;color:var(--gilt);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.chapter-row .info{flex:1;min-width:0}.chapter-row .info .t{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chapter-row .tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tabs{border-bottom:1px solid var(--saddle);gap:4px;margin-bottom:20px;display:flex}.tabs button{color:var(--umber);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 18px;font-size:14px;font-weight:700}.tabs button.active{color:var(--gilt);border-bottom-color:var(--gilt)}.banner{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;display:flex}.banner-gold{border-color:var(--gilt);color:var(--gilt);background:#d4af3714}.banner-amber{color:#ffc107;background:#ffc10714;border-color:#ffc107}.banner-red{border-color:var(--danger);color:var(--danger);background:#ff525214}.empty{text-align:center;color:var(--umber);padding:70px 20px}.empty .big{font-family:var(--font-display);color:var(--parchment);margin-bottom:8px;font-size:24px}.spinner{border:3px solid #d4af3740;border-top-color:var(--gilt);border-radius:50%;flex:none;width:22px;height:22px;animation:.8s linear infinite spin}.spinner.dark{border-color:#1a0a0040;border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.center{place-items:center;padding:80px 0;display:grid}.toast{background:var(--panel);border:1px solid var(--gilt);color:var(--gilt);z-index:100;border-radius:12px;max-width:90vw;padding:12px 20px;font-size:14px;font-weight:600;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.toast.error{border-color:var(--danger);color:var(--danger)}.cover-drop{border:1px dashed var(--gilt);border-radius:var(--radius);background:var(--panel) center/cover no-repeat;width:100%;height:220px;color:var(--gilt);place-items:center;display:grid;position:relative;overflow:hidden}.cover-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.cover-drop .remove{color:#fff;z-index:2;background:#0009;border:none;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;right:10px}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.voice-card{text-align:left;background:var(--panel);border:1px solid var(--panel-edge);color:var(--parchment);border-radius:12px;padding:14px 16px}.voice-card:hover{border-color:var(--umber)}.voice-card.selected{border-color:var(--gilt);background:#d4af3714}.voice-card .n{font-weight:700}.voice-card .d{color:var(--umber);margin-top:4px;font-size:12px}.info-row{gap:14px;padding:6px 0;font-size:14px;display:flex}.info-row .k{width:110px;color:var(--gilt);flex:none;font-size:13px;font-weight:700}.info-row .v{color:var(--parchment)}.modal-scrim{z-index:50;background:#000000a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--gilt);border-radius:16px;width:100%;max-width:440px;padding:26px}.editor-grid{grid-template-columns:90px 1fr;gap:16px;display:grid}.wordcount{border:1px solid var(--gilt);color:var(--gilt);background:var(--panel);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.wordcount.met{border-color:var(--success);color:var(--success);background:#69f0ae1a}@media (width<=640px){.page{padding:20px 14px 80px}.editor-grid{grid-template-columns:70px 1fr}h1{font-size:26px}}