:root{--bg:#f3f0ea;--surface:#fff;--surface-soft:#faf8f4;--navy:#192747;--navy-raised:#24365e;--midnight:#0c1426;--ink:#18233a;--text:var(--ink);--muted:#5e6b85;--gold:#d9a93b;--gold-soft:#f3c878;--cream:#f6edd9;--border:#ddd6c8;--border-strong:#c9cfda;--error:#b3261e;--error-soft:#fbeceb;--success:#2e6b4f;--accent:var(--navy);--accent-text:#fff;--font-display:Georgia, "Times New Roman", serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-s:8px;--radius-m:14px;--radius-l:20px;--shadow-card:0 1px 2px #18233a0f, 0 4px 14px #18233a0f;--shadow-raised:0 2px 4px #18233a14, 0 12px 28px #18233a1f;--focus:0 0 0 3px var(--surface), 0 0 0 6px var(--gold);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:16px/1.55 var(--font-body);overflow-wrap:anywhere;margin:0}img{max-width:100%}:focus-visible{box-shadow:var(--focus);outline:none}a{color:var(--navy);text-underline-offset:3px;border-radius:4px}a:hover{color:var(--navy-raised)}h1,h2,h3{color:var(--ink);margin:0;line-height:1.25}h1{font-family:var(--font-display);font-size:clamp(1.7rem,4.5vw,2.25rem);font-weight:700}h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700}h3{font-size:1.05rem}.lead{color:var(--muted);font-size:1.1rem}.muted{color:var(--muted)}.error{color:var(--error)}[role=alert]{border-radius:var(--radius-s);background:var(--error-soft);width:100%;color:var(--error);margin:0;padding:10px 14px}.shell{flex-direction:column;min-height:100dvh;display:flex}.site-header{z-index:10;background:var(--navy);color:var(--cream);position:sticky;top:0;box-shadow:0 2px 10px #0c142640}.site-header__inner{max-width:1080px;padding:10px max(16px, env(safe-area-inset-left)) 10px max(16px, env(safe-area-inset-right));flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 auto;display:flex}.brand{color:var(--cream);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand:hover{color:var(--cream)}.brand__mark{border-radius:9px;width:36px;height:36px}.brand__name{font-family:var(--font-display);letter-spacing:.01em;font-size:1.4rem}.nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav a,.account-link{min-height:40px;color:var(--cream);border-radius:999px;align-items:center;padding:6px 12px;font-weight:500;text-decoration:none;display:inline-flex}.nav a:hover,.account-link:hover{color:#fff;background:#f6edd91a}.nav a.active,.account-link.active{color:var(--midnight);background:var(--gold-soft);font-weight:700}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.lang-toggle{min-height:40px;color:var(--cream);background:0 0;border:1px solid #f6edd959;padding:6px 14px;font-size:.92rem}.lang-toggle:hover{background:#f6edd91a}.site-header :focus-visible{box-shadow:0 0 0 3px var(--navy), 0 0 0 6px var(--gold)}.site-header .button--small{background:var(--gold-soft);color:var(--midnight)}.lang-toggle__short{display:none}@media (width<=640px){.site-header__inner{gap:6px 10px}.lang-toggle__long{display:none}.lang-toggle__short{display:inline}.lang-toggle,.site-header .button--small,.account-link{padding:6px 12px}.nav{order:3;width:100%;margin:0 -6px}.brand__name{font-size:1.25rem}}.main{width:100%;max-width:1080px;padding:28px max(16px, env(safe-area-inset-left)) 56px max(16px, env(safe-area-inset-right));flex:1;margin:0 auto}.site-footer{padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:6px 20px;font-size:.92rem;display:flex}.site-footer__brand{font-family:var(--font-display)}.page{flex-direction:column;gap:32px;display:flex}.page-header{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.page-header p{max-width:62ch;margin:0}.page-header--row{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px}.stack{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.stack>p{margin:0}.row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 12px;width:100%;display:flex}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);width:100%;box-shadow:var(--shadow-card);padding:20px}.panel>h2:first-child{border-bottom:1px solid var(--border);width:100%;padding-bottom:10px}@media (width<=480px){.panel{padding:16px 14px}}.danger-zone{border-color:#b3261e73}.danger-zone>h2:first-child{color:var(--error)}label{flex-direction:column;gap:6px;width:100%;max-width:440px;font-size:.95rem;font-weight:600;display:flex}input,select,textarea{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);min-height:44px;color:var(--text);padding:10px 12px;font-weight:400}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--navy)}textarea{resize:vertical}input[readonly]{background:var(--surface-soft);width:100%;font-size:.9rem}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:6px;font-weight:600}.chip{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;flex-direction:row;align-items:center;gap:6px;width:auto;min-height:40px;padding:6px 14px;font-weight:500}button,.button{min-height:44px;font:inherit;background:var(--navy);color:#fff;cursor:pointer;text-align:center;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--navy-raised);color:#fff}button:disabled{opacity:.5;cursor:default}button.secondary,.button.secondary{background:var(--surface);color:var(--navy);border-color:var(--border-strong)}button.secondary:hover,.button.secondary:hover{background:var(--surface-soft);border-color:var(--navy);color:var(--navy)}button.danger{background:var(--surface);color:var(--error);border-color:#b3261e8c}button.danger:hover{background:var(--error);color:#fff}.confirm-box button.danger,.danger-zone button.danger{background:var(--error);color:#fff;border-color:var(--error)}.button--small{min-height:40px;padding:6px 16px}.link-button{min-height:0;color:var(--muted);background:0 0;border:0;padding:0;font-weight:500}.link-button:hover{color:var(--navy);background:0 0}.file-button{width:auto;max-width:none;display:inline-flex;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-button.disabled{opacity:.5;pointer-events:none}.confirm{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.confirm-box{border:2px solid var(--error);border-radius:var(--radius-m);background:var(--error-soft);width:100%;padding:14px 16px}.confirm-box p{margin:0}.status-bar{z-index:5;border-radius:var(--radius-s);border:1px solid var(--gold);width:100%;color:var(--ink);box-shadow:var(--shadow-card);background:#fdf6e3;margin:0;padding:10px 14px;position:sticky;top:68px}@media (width<=640px){.status-bar{top:112px}}.badge{vertical-align:middle;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.badge--public{color:var(--success);background:#e7f0ec;border:1px solid #2e6b4f59}.badge--private{color:#7a5a12;background:#f8eed6;border:1px solid #d9a93b99}.library-section{flex-direction:column;gap:14px;display:flex}.section-head{flex-direction:column;gap:2px;display:flex}.section-head p{margin:0;font-size:.95rem}.cards,.list{gap:16px;width:100%;margin:0;padding:0;list-style:none;display:grid}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.list{gap:0}.list li{border-bottom:1px solid var(--border);align-items:center;padding:12px 0}.list li:last-child{border-bottom:0}.card{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);height:100%;box-shadow:var(--shadow-card);color:var(--text);flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.card:hover{color:var(--text);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.card:focus-visible{box-shadow:var(--focus), var(--shadow-raised)}.story-card{gap:2px;padding:0 0 14px;overflow:hidden}.story-card strong{padding:10px 16px 0;font-size:1.05rem;line-height:1.3}.story-card .muted{padding:0 16px;font-size:.9rem}.story-card .card-thumb{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg, var(--navy), var(--midnight));width:100%;display:block}.slide-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));grid-auto-flow:dense;gap:16px;width:100%;margin:0;padding:0;list-style:none;display:grid}.slide-card{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-soft);flex-direction:column;gap:8px;padding:8px;display:flex}.slide-card.editing{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold);background:#fdf6e3}.slide-detail-row{grid-column:1/-1}.slide-detail-row>.slide-detail{border:2px solid var(--gold)}.slide-thumb,.cover-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-s);background:var(--border);width:100%}.cover-thumb{max-width:480px}.slide-actions{flex-wrap:wrap;gap:6px;display:flex}.slide-actions button,.slide-actions .button{min-width:40px;min-height:40px;padding:6px 12px;font-size:.92rem}.slide-card>button{width:100%}.narration-list h3,.slide-detail h3{font-size:1rem}.add-narration{border-top:1px dashed var(--border-strong);width:100%;padding-top:12px}.audio-preview{width:100%;max-width:360px}.invite-created svg{border-radius:var(--radius-s);background:#fff;max-width:100%;height:auto;padding:8px}.pairing-code{border-radius:var(--radius-s);background:var(--navy);color:var(--gold-soft);letter-spacing:.1em;padding:2px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.6rem;display:inline-block}.player{border-radius:var(--radius-l);background:radial-gradient(120% 90% at 50% 0%, #1b2a4a 0%, var(--midnight) 70%);color:var(--cream);box-shadow:var(--shadow-raised);flex-direction:column;gap:14px;padding:clamp(14px,3vw,28px);display:flex}.player a{color:var(--gold-soft)}.player .muted{color:#b3bdd0}.player-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-image{aspect-ratio:16/9;border-radius:var(--radius-m);background:#000;place-items:center;width:100%;display:grid;overflow:hidden}.player-image img{object-fit:contain;width:100%;height:100%}.player-caption{flex-direction:column;gap:10px;display:flex}.player-caption p{margin:0;font-size:clamp(1.1rem,2.6vw,1.35rem);line-height:1.5}.player-title{color:var(--cream);font-size:clamp(1.6rem,6vw,2.6rem)}.player button{background:var(--gold-soft);color:var(--midnight)}.player button:hover{color:var(--midnight);background:#ffd98f}.player button.secondary{color:var(--cream);background:0 0;border-color:#f6edd966}.player button.secondary:hover{background:#f6edd91a}.player :focus-visible{box-shadow:0 0 0 3px var(--midnight), 0 0 0 6px var(--gold-soft)}.player audio{width:100%;max-width:420px}.player-nav{justify-content:space-between;gap:12px;display:flex}.player-nav button{min-width:120px}