:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#201e38;--ink:#201e38;--muted:#5c5874;--accent:#5039af;--line:#ded9ec;--paper:#fff;background:#f7f6fb;font:16px/1.55 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:var(--accent);color:#fff;border:1px solid #0000;border-radius:10px;padding:.7rem 1rem;font-weight:650}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a08af3}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:.8rem clamp(1rem,5vw,4rem);display:flex}.logo{object-fit:contain;width:124px;height:38px;display:block}.session,.actions,.links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.session span{overflow-wrap:anywhere;color:var(--muted);font-size:.875rem}.quiet{color:var(--accent);background:#eeeafa;border-color:#e1d9f5}.link{color:var(--accent);text-underline-offset:.23em;background:0 0;border:0;padding:.25rem 0;text-decoration:underline}.back{margin-bottom:1rem}.shell{max-width:1160px;margin:0 auto;padding:clamp(1rem,5vw,4.25rem)}.auth-layout{grid-template-columns:1fr 1.05fr;align-items:stretch;gap:1.25rem;max-width:1000px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(1.15rem,4vw,2.5rem)}.compact,.chooser{max-width:700px}h1,h2{letter-spacing:-.035em;margin:.3em 0;font-weight:780;line-height:1.1}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:1.35rem}p{color:var(--muted)}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font:700 .75rem/1.45 ui-monospace,monospace}.story-strip{color:#fff;background:#251851;border-radius:22px;min-height:420px;padding:1.8rem;position:relative;overflow:hidden}.story-strip .kicker{color:#e0d6ff}.sheet{border-radius:18px;width:54%;height:63%;position:absolute;top:22%;left:23%}.sheet-back{background:#7f66d7;transform:rotate(-18deg)}.sheet-mid{background:#bda9fc;transform:rotate(11deg)}.sheet-front{color:#2e215d;background:#f0eaff;flex-wrap:wrap;align-content:space-between;gap:5px;padding:14px;display:flex;transform:rotate(-3deg)}.sheet-front i{background:#9a82ea;border-radius:3px;flex:1;height:3px}.sheet-front span{letter-spacing:-.05em;width:100%;margin-bottom:10%;font-size:clamp(1.4rem,3vw,2.5rem);font-weight:800;line-height:1}form{gap:.8rem;margin:1.2rem 0 .65rem;display:grid}label{color:var(--ink);gap:.35rem;font-weight:640;display:grid}input,select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #bcb4d3;border-radius:9px;padding:.65rem .7rem}.inline{align-items:end;gap:.75rem;padding:1rem;display:flex}.inline label{flex:1}.links{margin-top:1rem}.error,.notice{border-radius:9px;padding:.65rem .85rem}.error{color:#862443;background:#fcebf0}.notice{color:#284f3e;background:#e8f5ed}.studio-list{gap:.55rem;display:grid}.studio-row{text-align:left;background:var(--paper);border:1px solid var(--line);color:var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.studio-icon{aspect-ratio:1;width:2.5rem;color:var(--accent);background:#eeeafa;border-radius:10px;place-items:center;display:grid}.studio-row small{color:var(--muted);font-weight:500;display:block}.invite{max-width:570px}.filters{flex-wrap:wrap;gap:.75rem;margin:1.4rem 0;display:flex}.stories{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.8rem;display:grid}.story-tile{text-align:left;background:var(--paper);min-height:158px;color:var(--ink);border:1px solid var(--line);border-top:4px solid #a48be7;align-content:space-between;gap:1.05rem;display:grid}.story-tile:hover,.studio-row:hover{background:#f3eefe}.story-tile strong{overflow-wrap:anywhere;font-size:1.12rem}.tile-top{color:var(--accent);justify-content:space-between;gap:.5rem;font-size:.82rem;display:flex}.story-tile small,.card-detail small{color:var(--muted)}.card-detail{padding-inline-start:1.8rem}.card-detail li{border-bottom:1px solid var(--line);padding:1rem}.card-detail p{white-space:pre-wrap}@media (width<=650px){.auth-layout{grid-template-columns:1fr}.story-strip{display:none}.inline{flex-direction:column;align-items:stretch}.topbar{align-items:flex-start}.session{justify-content:flex-end}}.story-editor{gap:1rem}.editor-header,.editor-save,.rail-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.editor-save span,.editor-hint,.rail-label small{color:var(--muted);font-size:.88rem}.editor-fields{border:0;gap:1rem;min-width:0;margin:0;padding:0;display:grid}.editor-meta{grid-template-columns:1fr 1fr;gap:1rem;padding:1.15rem;display:grid}.editor-layout{grid-template-columns:minmax(200px,.85fr) minmax(0,2fr);align-items:start;gap:1rem;display:grid}.editor-rail,.editor-card-form{gap:.65rem;display:grid}.editor-card{text-align:left;color:var(--ink);background:var(--paper);border-color:var(--line);overflow-wrap:anywhere;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;display:grid}.editor-card[aria-pressed=true]{border-color:var(--accent);background:#eeeafa}.editor-card small{color:var(--muted);font-weight:500;display:block}.editor-card-index{color:var(--accent);font:650 .85rem ui-monospace,monospace}.story-editor textarea{resize:vertical;width:100%;min-width:0;color:var(--ink);font:inherit;border:1px solid #bcb4d3;border-radius:9px;padding:.65rem .7rem}.story-editor textarea:focus-visible{outline-offset:3px;outline:3px solid #a08af3}.editor-checkbox{align-items:center;gap:.45rem;display:flex}.editor-checkbox input{width:auto}@media (width<=700px){.editor-layout,.editor-meta{grid-template-columns:1fr}.editor-rail{max-height:20rem;padding:.25rem;overflow-y:auto}}.card-settings{border-top:1px solid var(--line);padding-block:.65rem}.card-settings summary{cursor:pointer;margin-bottom:.4rem;font-weight:700}.card-settings>label,.card-settings>button{margin-block:.35rem}.card-settings-row{border-bottom:1px solid var(--line);gap:.45rem;padding:.6rem 0;display:grid}.card-settings img,.card-settings video,.card-settings audio{max-width:100%;margin:.5rem 0;display:block}.card-settings .editor-meta{padding-inline:0}