.narrative-music{--music-ink:#17212b;--music-muted:#5b6570;--music-line:#c9d0d6;--music-surface:#f7f9fa;--music-accent:#087f8c;--music-accent-dark:#075e68;--music-warm:#b44b27;color:var(--music-ink);background:var(--music-surface);border:1px solid var(--music-line);border-radius:8px;margin:16px 0;padding:20px;font-family:inherit}.narrative-music *,.narrative-music :before,.narrative-music :after{box-sizing:border-box}.narrative-music__header{border-bottom:1px solid var(--music-line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:16px;display:flex}.narrative-music__header h2{letter-spacing:0;margin:2px 0 6px;font-size:1.35rem;line-height:1.25}.narrative-music__header p{color:var(--music-muted);margin:0;line-height:1.45}.narrative-music .narrative-music__eyebrow{color:var(--music-warm);text-transform:uppercase;font-size:.75rem;font-weight:750}.narrative-music__status{min-height:32px;color:var(--music-muted);flex:none;align-items:center;gap:8px;font-size:.82rem;display:flex}.narrative-music__status-stack{justify-items:end;gap:6px;display:grid}.narrative-music__ducking{color:var(--music-muted);text-align:end;justify-items:end;gap:2px;font-size:.74rem;display:grid}.narrative-music__ducking[data-active=true]{color:var(--music-accent-dark)}.narrative-music__ducking strong{font-size:.76rem}.narrative-music__status span{background:#8b949c;border-radius:50%;width:9px;height:9px}.narrative-music__status span.is-active{background:var(--music-accent);animation:1.8s ease-in-out infinite narrative-music-pulse;box-shadow:0 0 0 4px #087f8c26}.narrative-music__plan{border:0;margin:18px 0 0;padding:0}.narrative-music__plan legend,.narrative-music label>span{color:var(--music-ink);margin-bottom:7px;font-size:.82rem;font-weight:700;display:block}.narrative-music__plan p{min-height:20px;color:var(--music-muted);margin:8px 0 0;font-size:.82rem}.narrative-music__account{border-left:4px solid var(--music-accent);color:var(--music-muted);background:#e9f5f6;gap:3px;margin:0 0 12px;padding:10px 12px;font-size:.78rem;display:grid}.narrative-music__account strong{color:var(--music-accent-dark)}.narrative-music .narrative-music__restore{margin-top:10px}.narrative-music .narrative-music__restore-message{min-height:auto;margin-top:7px}.narrative-music__segments{border:1px solid var(--music-line);border-radius:7px;grid-template-columns:repeat(2,minmax(88px,1fr));display:inline-grid;overflow:hidden}.narrative-music button,.narrative-music select,.narrative-music input{font:inherit}.narrative-music button{border:1px solid var(--music-line);min-height:38px;color:var(--music-ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;display:inline-flex}.narrative-music button:hover:not(:disabled){border-color:var(--music-accent)}.narrative-music button:focus-visible,.narrative-music select:focus-visible,.narrative-music input:focus-visible{outline-offset:2px;outline:3px solid #087f8c47}.narrative-music button:disabled{cursor:not-allowed;opacity:.55}.narrative-music__segments button{border:0;border-radius:0}.narrative-music__segments button+button{border-left:1px solid var(--music-line)}.narrative-music__segments button.is-selected{color:#fff;background:var(--music-accent-dark)}.narrative-music__selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.narrative-music__selectors label:only-child{grid-column:1/-1}.narrative-music select{border:1px solid var(--music-line);width:100%;min-height:42px;color:var(--music-ink);background:#fff;border-radius:6px;padding:7px 34px 7px 10px}.narrative-music select:disabled{color:var(--music-muted);background:#edf1f3}.narrative-music label small{min-height:34px;color:var(--music-muted);margin-top:6px;font-size:.76rem;line-height:1.4;display:block}.narrative-music .narrative-music__favorite{color:var(--music-accent-dark);margin-top:8px}.narrative-music__adaptive{border:1px solid var(--music-line);background:#f0f5f6;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;margin-top:16px;padding:14px;display:grid}.narrative-music__adaptive strong{color:var(--music-accent-dark)}.narrative-music__adaptive p{color:var(--music-muted);margin:4px 0 0;font-size:.78rem;line-height:1.4}.narrative-music__adaptive ul{color:var(--music-muted);flex-wrap:wrap;grid-column:1/-1;gap:6px 18px;margin:0;padding-left:18px;font-size:.74rem;display:flex}.narrative-music .narrative-music__adaptive-message{color:var(--music-accent-dark);grid-column:1/-1;margin:0;font-weight:700}.narrative-music__favorite-count{color:var(--music-muted);margin:9px 0 0 10px;font-size:.76rem;display:inline-block}.narrative-music__range{margin-top:15px;display:block}.narrative-music__range>span{justify-content:space-between;gap:16px;display:flex!important}.narrative-music__range output,.narrative-music__volume output{min-width:42px;color:var(--music-accent-dark);font-variant-numeric:tabular-nums;text-align:right}.narrative-music input[type=range]{width:100%;accent-color:var(--music-accent)}.narrative-music__transport{border-top:1px solid var(--music-line);justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding-top:16px;display:flex}.narrative-music__buttons{gap:8px;display:flex}.narrative-music .narrative-music__primary{border-color:var(--music-accent-dark);color:#fff;background:var(--music-accent-dark)}.narrative-music .narrative-music__primary:hover:not(:disabled){border-color:var(--music-accent);background:var(--music-accent)}.narrative-music__volume{grid-template-columns:auto minmax(90px,150px) 42px;align-items:center;gap:9px;display:grid}.narrative-music__volume>span{margin:0!important}.narrative-music__progress{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px;display:grid}.narrative-music__progress progress{width:100%;height:8px;color:var(--music-accent);background:#dfe5e8;border:0;border-radius:4px;overflow:hidden}.narrative-music__progress progress::-webkit-progress-bar{background:#dfe5e8}.narrative-music__progress progress::-webkit-progress-value{background:var(--music-accent)}.narrative-music__progress progress::-moz-progress-bar{background:var(--music-accent)}.narrative-music__progress span{min-width:52px;color:var(--music-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.78rem}@keyframes narrative-music-pulse{50%{box-shadow:0 0 0 7px #087f8c14}}@media (width<=640px){.narrative-music{padding:16px}.narrative-music__header,.narrative-music__transport{flex-direction:column;align-items:stretch}.narrative-music__selectors{grid-template-columns:1fr}.narrative-music__status-stack,.narrative-music__ducking{text-align:start;justify-items:start}.narrative-music__selectors label{grid-column:auto}.narrative-music__buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.narrative-music__volume{grid-template-columns:auto 1fr 42px}}@media (prefers-reduced-motion:reduce){.narrative-music *,.narrative-music :before,.narrative-music :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.continuity-panel{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--panel) 94%, #dbeafe), var(--panel));box-shadow:var(--shadow-soft);border-radius:22px;margin:0 0 22px;padding:18px}.continuity-heading,.continuity-summary,.continuity-conflict>div{align-items:center;gap:12px;display:flex}.continuity-heading{justify-content:space-between}.continuity-heading p,.continuity-heading h2,.continuity-empty,.continuity-conflict p{margin:0}.continuity-heading p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.continuity-heading h2{margin-top:3px;font-size:1.12rem}.continuity-online,.continuity-offline,.continuity-summary span{align-items:center;gap:7px;font-weight:800;display:inline-flex}.continuity-online{color:#166534}.continuity-offline{color:#9a3412}.continuity-summary{flex-wrap:wrap;margin-top:15px}.continuity-summary span{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:8px 11px;font-size:.86rem}.continuity-summary button,.continuity-conflict button{background:var(--ink);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;font-weight:800;display:inline-flex}.continuity-summary button{margin-left:auto}.continuity-summary button:disabled{cursor:wait;opacity:.55}.continuity-empty{color:var(--muted);margin-top:12px;font-size:.9rem}.continuity-conflict{background:#fff7ed;border:1px solid #fdba74;border-radius:14px;margin-top:12px;padding:13px}.continuity-conflict p{color:#9a3412;margin:5px 0 10px}@media (width<=720px){.continuity-heading{align-items:flex-start}.continuity-summary button{justify-content:center;width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.continuity-panel *,.continuity-panel :before,.continuity-panel :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--a11y-text-scale:1;--a11y-motion-factor:1;--a11y-focus-width:3px;--a11y-control-border-width:1px}:root[data-accessibility-text-scale=small]{font-size:90%}:root[data-accessibility-text-scale=default]{font-size:100%}:root[data-accessibility-text-scale=large]{font-size:115%}:root[data-accessibility-text-scale=extra-large]{font-size:130%}:root[data-accessibility-contrast=high]{color:#000;--ink:#000;--muted:#303030;--line:#000;--surface:#fff;--surface-strong:#fff;--navy:#001b6b;--teal:#005a51;--orange:#9a3700;--rose:#90002b;--violet:#42129a;--green:#075f19;--shadow:0 0 0 2px #000;background:#fff}:root[data-accessibility-contrast=high] a{color:#0038a8}:root[data-accessibility-contrast=high] button,:root[data-accessibility-contrast=high] input,:root[data-accessibility-contrast=high] select,:root[data-accessibility-contrast=high] textarea{border-color:currentColor}:root[data-accessibility-clarity=enhanced] a:not([class]){text-underline-offset:.18em;text-decoration-thickness:.14em}:root[data-accessibility-clarity=enhanced] button,:root[data-accessibility-clarity=enhanced] input,:root[data-accessibility-clarity=enhanced] select,:root[data-accessibility-clarity=enhanced] textarea{border-width:var(--a11y-control-border-width)}:root :focus-visible{outline:var(--a11y-focus-width) solid #f59e0b;outline-offset:3px}:root[data-accessibility-motion=reduced] *,:root[data-accessibility-motion=reduced] :before,:root[data-accessibility-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:80ms!important;animation-duration:80ms!important;animation-delay:0s!important}:root[data-accessibility-motion=off] *,:root[data-accessibility-motion=off] :before,:root[data-accessibility-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.accessibility-sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:fixed!important;overflow:hidden!important}.accessibility-panel{color:var(--ink,#111827);background:var(--surface,#fff);border:var(--a11y-control-border-width) solid var(--line,#d8dee9);box-shadow:var(--shadow,0 12px 36px #0f172a1a);border-radius:18px;gap:16px;margin:0 0 22px;padding:18px;display:grid}.accessibility-panel__heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.accessibility-panel__heading p,.accessibility-panel__heading h2{margin:0}.accessibility-panel__heading>div>p{color:var(--teal,#0f766e);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.accessibility-panel__heading h2{margin-top:4px;font-size:1.18rem}.accessibility-panel__heading>p{color:var(--muted,#64748b);font-size:.9rem}.accessibility-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.accessibility-toggle,.accessibility-field{background:var(--surface-strong,#f8fafc);border:var(--a11y-control-border-width) solid var(--line,#d8dee9);border-radius:12px;min-width:0;padding:13px}.accessibility-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.accessibility-toggle>span{gap:4px;display:grid}.accessibility-toggle small{color:var(--muted,#64748b);line-height:1.35}.accessibility-toggle input{width:22px;height:22px;accent-color:var(--teal,#0f766e);flex:none}.accessibility-field{gap:8px;display:grid}.accessibility-field>span,.accessibility-field legend{color:var(--ink,#111827);font-weight:900}.accessibility-field select{width:100%;min-height:42px;color:var(--ink,#111827);background:var(--surface,#fff);border:var(--a11y-control-border-width) solid var(--line,#d8dee9);border-radius:9px;padding:8px 10px}fieldset.accessibility-field{margin:0}.accessibility-field--motion>div{flex-wrap:wrap;gap:8px;display:flex}.accessibility-field--motion label{cursor:pointer;position:relative}.accessibility-field--motion input{opacity:0;pointer-events:none;position:absolute}.accessibility-field--motion span{color:var(--muted,#64748b);background:var(--surface,#fff);border:var(--a11y-control-border-width) solid var(--line,#d8dee9);border-radius:999px;padding:8px 11px;font-weight:800;display:block}.accessibility-field--motion input:checked+span{color:#fff;background:var(--teal,#0f766e);border-color:var(--teal,#0f766e)}.accessibility-field--motion input:focus-visible+span{outline:var(--a11y-focus-width) solid #f59e0b;outline-offset:3px}.accessibility-panel__reset{min-height:42px;color:var(--navy,#172554);border:var(--a11y-control-border-width) solid currentColor;font:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-self:start;padding:9px 13px;font-weight:900}@media (width<=720px){.accessibility-panel__heading{align-items:start;display:grid}.accessibility-panel__grid{grid-template-columns:1fr}}.subtitle-player{--subtitle-accent:#0b6670;--subtitle-border:#c7d0d4;--subtitle-control:#fff;--subtitle-control-text:#17212b;--subtitle-viewport:#0a0e12eb;--subtitle-text:#fff;--subtitle-speaker:#a8e8ee;color:var(--subtitle-control-text);border:1px solid var(--subtitle-border);background:#f7f9fa;border-radius:8px;overflow:hidden}.subtitle-player *,.subtitle-player :before,.subtitle-player :after{box-sizing:border-box}.subtitle-player__header{justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.subtitle-player__header h2{margin:0;font-size:1rem;line-height:1.3}.subtitle-player__controls{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.subtitle-player button{border:1px solid var(--subtitle-border);min-height:38px;color:var(--subtitle-control-text);background:var(--subtitle-control);font:inherit;cursor:pointer;border-radius:6px;padding:6px 11px}.subtitle-player button:hover:not(:disabled){border-color:var(--subtitle-accent)}.subtitle-player button:focus-visible{outline-offset:2px;outline:3px solid #0b667047}.subtitle-player button:disabled{cursor:not-allowed;opacity:.55}.subtitle-player button[aria-pressed=true]{border-color:var(--subtitle-accent);color:#fff;background:var(--subtitle-accent)}.subtitle-player fieldset{border:0;min-width:0;margin:0;padding:0}.subtitle-player fieldset legend{color:#59646d;margin-bottom:3px;font-size:.72rem}.subtitle-player__size-options{display:flex}.subtitle-player__size-options button{border-radius:0;min-width:38px;padding-inline:8px}.subtitle-player__size-options button:first-child{border-radius:6px 0 0 6px;font-size:.78rem}.subtitle-player__size-options button:nth-child(2){border-left:0;font-size:.94rem}.subtitle-player__size-options button:last-child{border-left:0;border-radius:0 6px 6px 0;font-size:1.08rem}.subtitle-player__viewport{min-height:112px;color:var(--subtitle-text);background:var(--subtitle-viewport);text-align:center;place-items:center;padding:18px 24px;display:grid}.subtitle-player__cue{max-width:min(100%,52rem)}.subtitle-player__cue p{font-size:var(--subtitle-font-size,1.2rem);letter-spacing:.01em;text-wrap:balance;white-space:pre-line;text-shadow:0 1px 3px #000;margin:4px 0 0;font-weight:650;line-height:1.42}.subtitle-player--small{--subtitle-font-size:1rem}.subtitle-player--medium{--subtitle-font-size:1.2rem}.subtitle-player--large{--subtitle-font-size:1.55rem}.subtitle-player__speaker{color:var(--subtitle-speaker);letter-spacing:.03em;font-size:.78em;font-weight:750;display:block}.subtitle-player__placeholder{color:#c5cbd0;margin:0;font-size:.9rem}.subtitle-player__current-size,.subtitle-player__live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.subtitle-player__header{flex-direction:column;align-items:stretch}.subtitle-player__controls{align-items:stretch}.subtitle-player__controls>button{flex:auto}.subtitle-player__viewport{min-height:132px;padding:16px}}@media (prefers-reduced-motion:reduce){.subtitle-player *,.subtitle-player :before,.subtitle-player :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.adaptive-navigation-shell{width:100%}.adaptive-navigation ul{gap:10px;margin:0;padding:0;list-style:none;display:flex}.adaptive-navigation li{min-width:0}.adaptive-navigation button{width:100%;min-height:48px;color:var(--ink,#111827);background:var(--surface,#fff);border:1px solid var(--line,#d8dee9);font:inherit;text-align:start;cursor:pointer;border-radius:13px;align-items:center;gap:10px;padding:10px 13px;display:flex}.adaptive-navigation button:hover{border-color:var(--teal,#0f766e)}.adaptive-navigation button.is-active{color:#fff;background:var(--navy,#172554);border-color:var(--navy,#172554)}.adaptive-navigation button:focus-visible{outline-offset:3px;outline:3px solid #f59e0b}.adaptive-navigation__icon{flex:none;place-items:center;display:grid}.adaptive-navigation__text{gap:2px;min-width:0;display:grid}.adaptive-navigation__text small{color:var(--muted,#64748b);font-size:.78rem;line-height:1.25}.adaptive-navigation button.is-active small{color:#e2e8f0}.adaptive-navigation--desktop ul{flex-wrap:wrap}.adaptive-navigation--mobile{display:none}@media (width<=720px){.adaptive-navigation--desktop{display:none}.adaptive-navigation--mobile{z-index:15;background:color-mix(in srgb, var(--surface,#fff) 94%, transparent);border:1px solid var(--line,#d8dee9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:7px;display:block;position:sticky;bottom:8px;box-shadow:0 10px 30px #0f172a2e}.adaptive-navigation--mobile ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.adaptive-navigation--mobile button{text-align:center;justify-content:center;min-height:54px;padding:8px}.adaptive-navigation--mobile .adaptive-navigation__text{overflow-wrap:anywhere;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.adaptive-navigation *,.adaptive-navigation :before,.adaptive-navigation :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.narrative-motion{--motion-accent:#087f8c;--motion-danger:#b4362e;--motion-size:28px;justify-content:center;align-items:center;display:inline-flex}.narrative-motion__visual{width:var(--motion-size);height:var(--motion-size);place-items:center;display:inline-grid;position:relative}.narrative-motion__core,.narrative-motion__echo{border-radius:999px;position:absolute}.narrative-motion__core{background:var(--motion-accent);width:10px;height:10px}.narrative-motion__echo{border:2px solid var(--motion-accent);opacity:.55;inset:2px}.narrative-motion--recording{--motion-accent:var(--motion-danger)}.narrative-motion--publishing .narrative-motion__core{transform-origin:0;border-radius:3px;width:18px;height:5px}.narrative-motion[data-active=false] .narrative-motion__visual{opacity:.45}.narrative-motion[data-motion=full][data-active=true].narrative-motion--turn .narrative-motion__echo{animation:1.5s ease-in-out infinite narrative-turn-pulse}.narrative-motion[data-motion=full][data-active=true].narrative-motion--recording .narrative-motion__echo{animation:1.2s ease-out infinite narrative-recording-wave}.narrative-motion[data-motion=full][data-active=true].narrative-motion--publishing .narrative-motion__core{animation:1.8s ease-in-out infinite narrative-publishing-progress}.narrative-motion[data-motion=reduced][data-active=true] .narrative-motion__visual{animation:.16s ease-out narrative-motion-reduced}.narrative-motion[data-motion=off] .narrative-motion__visual{animation:none}.narrative-motion__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes narrative-turn-pulse{50%{opacity:.2}}@keyframes narrative-recording-wave{0%{opacity:.7;transform:scale(.45)}to{opacity:0;transform:scale(1.15)}}@keyframes narrative-publishing-progress{0%,to{transform:scaleX(.25)}50%{transform:scaleX(1)}}@keyframes narrative-motion-reduced{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.narrative-motion[data-motion=full] .narrative-motion__core,.narrative-motion[data-motion=full] .narrative-motion__echo,.narrative-motion[data-motion=full] .narrative-motion__visual{animation-name:narrative-motion-reduced!important;animation-duration:.16s!important;animation-iteration-count:1!important;transform:none!important}}.accessible-state{--state-accent:#087f8c;--state-surface:#f5f8f9;--state-border:#c8d0d5;--state-ink:#17212b;border:1px solid var(--state-border);color:var(--state-ink);background:var(--state-surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.accessible-state[data-motion=full]{animation:.22s ease-out both accessible-state-enter}.accessible-state[data-motion=reduced]{animation:.14s ease-out both accessible-state-fade}.accessible-state[data-motion=off]{animation:none}.accessible-state--error{--state-accent:#a82f27;--state-surface:#fff7f6;--state-border:#e2b9b5}.accessible-state--offline{--state-accent:#815f13;--state-surface:#fffaf0;--state-border:#dfcb9e}.accessible-state--success{--state-accent:#1b7550;--state-surface:#f3fbf7;--state-border:#a9d5c1}.accessible-state__visual{width:36px;height:36px;color:var(--state-accent);place-items:center;display:grid}.accessible-state__symbol{border:2px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.accessible-state--empty .accessible-state__symbol:before{content:"—"}.accessible-state--error .accessible-state__symbol:before{content:"!"}.accessible-state--offline .accessible-state__symbol:before{content:"×"}.accessible-state--success .accessible-state__symbol:before{content:"✓"}.accessible-state__content h3{color:var(--state-ink);margin:0;font-size:1rem;line-height:1.35}.accessible-state__content p{color:#57636d;margin:4px 0 0;line-height:1.5}.accessible-state__actions{flex-wrap:wrap;grid-column:2;gap:8px;display:flex}.accessible-state button{border:1px solid var(--state-accent);color:#fff;background:var(--state-accent);min-height:40px;font:inherit;cursor:pointer;border-radius:6px;padding:7px 13px;font-weight:700}.accessible-state button:hover{filter:brightness(.92)}.accessible-state button:focus-visible{outline:3px solid color-mix(in srgb, var(--state-accent) 28%, transparent);outline-offset:2px}.accessible-state .accessible-state__secondary{color:var(--state-ink);background:0 0}@keyframes accessible-state-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes accessible-state-fade{0%{opacity:.7}to{opacity:1}}@media (width<=520px){.accessible-state{text-align:center;grid-template-columns:1fr}.accessible-state__visual{margin-inline:auto}.accessible-state__actions{grid-column:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.accessible-state[data-motion=full],.accessible-state[data-motion=reduced]{animation-name:accessible-state-fade!important;animation-duration:.14s!important;transform:none!important}}@layer ui-system{:root{--ui-color-text:var(--ink,#111827);--ui-color-text-muted:var(--muted,#526077);--ui-color-border:var(--line,#64748b);--ui-color-surface:var(--surface,#fff);--ui-color-surface-subtle:var(--surface-strong,#f8fafc);--ui-color-primary:var(--navy,#172554);--ui-color-on-primary:#fff;--ui-color-accent:var(--teal,#0f766e);--ui-color-on-accent:#fff;--ui-color-success:var(--green,#15713a);--ui-color-warning:var(--orange,#9a4300);--ui-color-danger:var(--rose,#a80f38);--ui-color-focus:var(--focus-ring,#a84600);--ui-control-border-width:var(--a11y-control-border-width,1px);--ui-focus-width:var(--a11y-focus-width,3px);--ui-motion-factor:var(--a11y-motion-factor,1)}.ui-button{border:var(--ui-control-border-width) solid transparent;min-block-size:2.75rem;font:inherit;text-align:center;cursor:pointer;transition:transform calc(.12s * var(--ui-motion-factor)) ease, background-color calc(.12s * var(--ui-motion-factor)) ease;border-radius:.625rem;padding-block:.625rem;padding-inline:1rem;font-weight:750;line-height:1.2}.ui-button[data-ui-size=small]{min-block-size:2.25rem;padding-block:.4rem;padding-inline:.75rem;font-size:.875rem}.ui-button[data-ui-size=large]{min-block-size:3.25rem;padding-block:.8rem;padding-inline:1.25rem;font-size:1.125rem}.ui-button[data-ui-tone=primary]{--ui-button-color:var(--ui-color-primary);--ui-button-on-color:var(--ui-color-on-primary)}.ui-button[data-ui-tone=neutral]{--ui-button-color:var(--ui-color-text);--ui-button-on-color:var(--ui-color-surface)}.ui-button[data-ui-tone=success]{--ui-button-color:var(--ui-color-success);--ui-button-on-color:#fff}.ui-button[data-ui-tone=warning]{--ui-button-color:var(--ui-color-warning);--ui-button-on-color:#fff}.ui-button[data-ui-tone=danger]{--ui-button-color:var(--ui-color-danger);--ui-button-on-color:#fff}.ui-button[data-ui-variant=solid]{color:var(--ui-button-on-color);background:var(--ui-button-color);border-color:var(--ui-button-color)}.ui-button[data-ui-variant=outline]{color:var(--ui-button-color);background:var(--ui-color-surface);border-color:currentColor}.ui-button[data-ui-variant=ghost]{color:var(--ui-button-color);background:0 0}.ui-button:not(:disabled):active{transform:scale(.98)}.ui-button:disabled{cursor:not-allowed;opacity:.62}.ui-button:focus-visible{outline:var(--ui-focus-width) solid var(--ui-color-focus);outline-offset:3px}.ui-card{color:var(--ui-color-text);background:var(--ui-color-surface);border:var(--ui-control-border-width) solid var(--ui-color-border);border-radius:1rem;padding:clamp(1rem,2.5vw,1.5rem)}.ui-card--elevated{box-shadow:var(--ui-shadow,0 12px 36px #0f172a1f)}.ui-stack{align-items:var(--ui-layout-align,stretch);gap:var(--ui-layout-gap,1rem);flex-direction:column;display:flex}.ui-inline{align-items:var(--ui-layout-align,center);gap:var(--ui-layout-gap,.75rem);flex-wrap:wrap;display:flex}.ui-badge{border:var(--ui-control-border-width) solid currentColor;min-block-size:1.75rem;color:var(--ui-color-text);background:var(--ui-color-surface-subtle);border-radius:999px;align-items:center;padding-block:.2rem;padding-inline:.65rem;font-size:.75rem;font-weight:750;display:inline-flex}.ui-badge[data-ui-tone=primary]{color:var(--ui-color-primary)}.ui-badge[data-ui-tone=success]{color:var(--ui-color-success)}.ui-badge[data-ui-tone=warning]{color:var(--ui-color-warning)}.ui-badge[data-ui-tone=danger]{color:var(--ui-color-danger)}.ui-section-heading{text-align:start;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.ui-section-heading__copy{min-inline-size:0}.ui-section-heading__eyebrow{color:var(--ui-color-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:900}.ui-section-heading h2,.ui-section-heading h3,.ui-section-heading h4{color:var(--ui-color-text);margin:0;line-height:1.2}.ui-section-heading__description{max-inline-size:70ch;color:var(--ui-color-text-muted);margin:.5rem 0 0;line-height:1.55}.ui-section-heading__action{flex:none}.ui-visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:root[data-accessibility-contrast=high] .ui-button,:root[data-accessibility-contrast=high] .ui-card,:root[data-accessibility-contrast=high] .ui-badge{box-shadow:none;border-color:currentColor}:root[data-accessibility-motion=off] .ui-button,:root[data-accessibility-motion=reduced] .ui-button{transform:none}@media (width<=36rem){.ui-section-heading{flex-direction:column}.ui-section-heading__action{inline-size:100%}}@media (forced-colors:active){.ui-button,.ui-card,.ui-badge{forced-color-adjust:auto;border:2px solid canvastext}.ui-button:focus-visible{outline-color:highlight}}}.performance-panel{border:1px solid var(--line,#cbd5e1);background:var(--surface,#fff);margin:1rem 0;padding:1rem}.performance-panel__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.performance-panel__header p{color:var(--muted,#475569);margin:0;font-size:.8rem}.performance-panel__header h2{margin:.2rem 0;font-size:1.1rem}.performance-panel__header small,.performance-note{color:var(--muted,#475569)}.performance-summary{background:var(--surface-muted,#f8fafc);border-left:4px solid;justify-content:space-between;align-items:center;gap:1rem;margin:.9rem 0;padding:.65rem .8rem;display:flex}.performance-summary span{color:var(--muted,#475569);font-size:.85rem}.performance-summary.good,.performance-metric.good{color:#166534}.performance-summary.watch,.performance-metric.watch{color:#a16207}.performance-summary.poor,.performance-metric.poor{color:#b91c1c}.performance-summary.unknown,.performance-metric.unknown{color:#475569}.performance-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.performance-metric{border:1px solid var(--line,#cbd5e1);grid-template-columns:auto 1fr;align-items:center;gap:.35rem .5rem;min-width:0;padding:.65rem;display:grid}.performance-metric div{min-width:0}.performance-metric strong,.performance-metric span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.performance-metric span{color:var(--text,#0f172a);margin-top:.15rem;font-weight:700}.performance-metric em{grid-column:1/-1;font-size:.75rem;font-style:normal}@media (width<=760px){.performance-panel__header{flex-direction:column;align-items:flex-start}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-summary{flex-direction:column;align-items:flex-start}}.multitrack-composer{--mt-accent:#68f7d1;--mt-hot:#ff4fd8;--mt-blue:#55a7ff;color:#f4fbff;isolation:isolate;background:radial-gradient(circle at 90% 8%,#ff4fd829,#0000 32%),linear-gradient(145deg,#0b192ffa,#070d1efa);border:1px solid #68f7d152;border-radius:1.4rem;gap:.85rem;width:min(100%,52rem);margin-inline:auto;padding:clamp(.85rem,3vw,1.35rem);display:grid;position:relative;overflow:hidden;box-shadow:0 1.25rem 3.5rem #00000052,inset 0 0 2rem #55a7ff0d}.multitrack-composer:before{z-index:-1;content:"";pointer-events:none;opacity:.25;background-image:linear-gradient(#68f7d11c 1px,#0000 1px),linear-gradient(90deg,#68f7d114 1px,#0000 1px);background-size:2rem 2rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.multitrack-composer button,.multitrack-composer select{min-height:2.75rem;font:inherit}.multitrack-composer button{color:inherit;touch-action:manipulation;cursor:pointer;background:#10233fdb;border:1px solid #96b9e03d;border-radius:.85rem}.multitrack-composer button:focus-visible,.multitrack-composer select:focus-visible{outline:3px solid var(--mt-accent);outline-offset:2px}.multitrack-composer button:disabled{cursor:not-allowed;opacity:.42}.multitrack-composer__header,.multitrack-composer__transport,.multitrack-composer__lane-heading,.multitrack-composer__summary{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.multitrack-composer__header h2{letter-spacing:-.035em;margin:.15rem 0;font-size:clamp(1.35rem,6vw,2.1rem);line-height:1}.multitrack-composer__header p,.multitrack-composer__summary p{color:#a8bad0;margin:0;font-size:.82rem}.multitrack-composer__eyebrow{color:var(--mt-accent);letter-spacing:.15em;font-size:.68rem;font-weight:900}.multitrack-composer__live{color:#9fb1c9;border:1px solid #9fb1c938;border-radius:1rem;flex:none;place-items:center;min-width:4.6rem;padding:.55rem;font-size:.7rem;display:grid}.multitrack-composer__live svg{width:1.25rem}.multitrack-composer__live.is-playing{color:#07182a;background:var(--mt-accent);box-shadow:0 0 1.4rem #68f7d173}.multitrack-composer__transport{flex-wrap:wrap;justify-content:flex-start}.multitrack-composer .multitrack-action{justify-content:center;align-items:center;gap:.4rem;padding-inline:.9rem;font-weight:850;display:inline-flex}.multitrack-action svg,.multitrack-composer__tempo svg,.multitrack-composer__lane-heading svg{width:1rem;height:1rem}.multitrack-composer .multitrack-action--play{color:#07182a;background:var(--mt-accent);border-color:#0000;box-shadow:0 0 1.1rem #68f7d140}.multitrack-composer .multitrack-action--stop{background:#ff4fd82e;border-color:#ff4fd899}.multitrack-composer__tempo{background:#09162cb8;border:1px solid #55a7ff47;border-radius:.85rem;align-items:center;gap:.3rem;min-height:2.75rem;margin-left:auto;padding-inline:.85rem;display:flex}.multitrack-composer__tempo strong{font-size:1.15rem}.multitrack-composer__tempo span{color:#91a6c0;font-size:.62rem;font-weight:900}.multitrack-composer__bars{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:.38rem;display:grid}.multitrack-composer__bars>span{color:var(--mt-accent);letter-spacing:.1em;grid-column:1/4;font-size:.65rem;font-weight:900}.multitrack-composer__bars>output{color:#f4fbff;text-align:right;grid-column:4/-1;font-weight:900}.multitrack-composer__bars button{min-width:0;min-height:2.5rem;padding:0;font-weight:900}.multitrack-composer__bars button.is-selected{color:#041629;background:linear-gradient(145deg, var(--mt-accent), #55a7ff);border-color:#0000}.multitrack-composer__track-picker{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem;display:grid}.multitrack-composer__track-picker button{text-align:left;grid-template-columns:auto 1fr;gap:.08rem .45rem;padding:.6rem .7rem;display:grid}.multitrack-composer__track-picker button>span{color:var(--mt-blue);grid-row:1/3;align-self:center;font:900 .68rem/1 monospace}.multitrack-composer__track-picker strong,.multitrack-composer__track-picker small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multitrack-composer__track-picker small{color:#90a4bc;font-size:.66rem}.multitrack-composer__track-picker button.is-selected,.multitrack-composer__octaves button.is-selected{border-color:var(--mt-accent);background:linear-gradient(135deg,#68f7d133,#55a7ff26);box-shadow:inset 0 0 1.1rem #68f7d112}.multitrack-composer__selectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.multitrack-composer__selectors label{gap:.3rem;min-width:0;display:grid}.multitrack-composer__selectors label>span,.multitrack-composer__octaves>span{color:#91a6c0;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:800}.multitrack-composer__selectors select{color:#f4fbff;text-overflow:ellipsis;background:#10213c;border:1px solid #55a7ff52;border-radius:.78rem;width:100%;padding-inline:.7rem 2rem;overflow:hidden}.multitrack-composer__octaves{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.multitrack-composer__octaves>span{margin-right:.2rem}.multitrack-composer__octaves button{min-width:3rem;min-height:2.5rem;padding-inline:.65rem;font-weight:850}.multitrack-composer__lane-heading{padding-top:.15rem}.multitrack-composer__lane-heading>div{align-items:center;gap:.55rem;min-width:0;display:flex}.multitrack-composer__lane-heading>div>span{min-width:0;display:grid}.multitrack-composer__lane-heading small{color:#9db0c7;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.multitrack-composer__lane-heading>span{color:var(--mt-accent);flex:none;font-size:.7rem;font-weight:850}.multitrack-composer__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.35rem,1.8vw,.65rem);display:grid}.multitrack-composer__grid button{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:.25rem;min-width:0;min-height:clamp(3.25rem,15vw,4.4rem);padding:.5rem;display:grid;position:relative;overflow:hidden}.multitrack-composer__grid button>span{color:#8195ae;align-self:start;font:800 .62rem/1 monospace}.multitrack-composer__grid button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.68rem,2.6vw,.9rem);overflow:hidden}.multitrack-composer__grid button>i{background:#899db72e;border-radius:999px;height:.18rem;position:absolute;bottom:.35rem;left:.45rem;right:.45rem}.multitrack-composer__grid button.is-beat{border-left-color:var(--mt-blue)}.multitrack-composer__grid button.is-painted{color:#061426;background:linear-gradient(145deg, var(--mt-accent), #57b9ff);border-color:#0000;box-shadow:0 .4rem 1.2rem #55a7ff33}.multitrack-composer__overview{border-top:1px solid #68f7d12e;gap:.55rem;padding-top:.8rem;display:grid}.multitrack-composer__overview-heading{justify-content:space-between;align-items:end;gap:.7rem;display:flex}.multitrack-composer__overview-heading>div{display:grid}.multitrack-composer__overview-heading span{color:var(--mt-accent);letter-spacing:.14em;font-size:.62rem;font-weight:900}.multitrack-composer__overview-heading small{color:#91a6c0;text-align:right;font-size:.66rem}.multitrack-lane{background:#06122594;border:1px solid #55a7ff26;border-radius:.9rem;gap:.35rem;padding:.45rem;display:grid}.multitrack-lane.is-selected{border-color:#68f7d17a;box-shadow:inset 0 0 1.2rem #68f7d10d}.multitrack-composer .multitrack-lane__label{text-align:left;min-height:2.35rem;padding:.35rem .55rem;display:grid}.multitrack-lane__label small{color:#91a6c0;text-overflow:ellipsis;white-space:nowrap;font-size:.63rem;overflow:hidden}.multitrack-lane__steps{grid-template-columns:repeat(8,minmax(0,1fr));gap:.26rem;display:grid}.multitrack-composer .multitrack-lane__steps button{color:#7187a2;border-radius:.48rem;min-width:0;min-height:2.45rem;padding:0;font:800 .62rem/1 monospace}.multitrack-composer .multitrack-lane__steps button.is-painted{color:#041629;background:linear-gradient(145deg, var(--mt-accent), #55a7ff);border-color:#0000;box-shadow:0 0 .75rem #68f7d13d}.multitrack-composer .multitrack-lane__steps button.is-playhead{outline:2px solid var(--mt-hot);outline-offset:1px}@media (width>=760px){.multitrack-lane{grid-template-columns:11rem 1fr;align-items:center}.multitrack-lane__steps{grid-template-columns:repeat(16,minmax(0,1fr))}}.multitrack-composer__grid button.is-painted>span{color:#061426a6}.multitrack-composer__grid button.is-painted>i{background:#06142659}.multitrack-composer__grid button.is-playhead{outline:3px solid var(--mt-hot);outline-offset:1px;animation:.54s ease-in-out infinite alternate multitrack-playhead}.multitrack-composer__summary{background:#050f1f85;border:1px solid #68f7d129;border-radius:.9rem;flex-wrap:wrap;justify-content:flex-start;padding:.7rem .8rem}.multitrack-composer__summary>span{color:#91a6c0;font-size:.72rem}.multitrack-composer__summary>span strong{color:#fff}.multitrack-composer__summary p{flex-basis:100%}.multitrack-composer--empty{text-align:center;place-items:center;min-height:14rem}.multitrack-composer--empty h2,.multitrack-composer--empty p{margin:0}@keyframes multitrack-playhead{0%{box-shadow:0 0 #ff4fd800}to{box-shadow:0 0 1.35rem #ff4fd88c}}@media (width<=36rem){.multitrack-composer__selectors{grid-template-columns:1fr}.multitrack-composer__header{align-items:flex-start}.multitrack-composer__track-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=23rem){.multitrack-composer{padding-inline:.65rem}.multitrack-composer__grid{gap:.28rem}.multitrack-composer__grid button{padding:.4rem}.multitrack-composer__tempo{margin-left:0}}@media (prefers-reduced-motion:reduce){.multitrack-composer__grid button.is-playhead{animation:none}}.guided-tutorial{z-index:10000;pointer-events:none;position:fixed;inset:0}.guided-tutorial-shade{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02070fbd;position:absolute;inset:0}.guided-tutorial-highlight{z-index:1;border:2px solid #80fff1;border-radius:16px;animation:1.35s ease-in-out infinite tutorial-pulse;position:fixed;box-shadow:0 0 0 9999px #02070f4d,0 0 18px #4fffe1,inset 0 0 14px #4fffe140}.guided-tutorial-card{z-index:2;left:50%;bottom:max(20px, env(safe-area-inset-bottom));color:#effffc;pointer-events:auto;background:linear-gradient(145deg,#07141efa,#130c22fa);border:1px solid #80fff199;border-radius:20px;width:min(92vw,480px);padding:16px;position:absolute;transform:translate(-50%);box-shadow:0 22px 70px #000b,0 0 24px #4fffe12e}.guided-tutorial-card header,.guided-tutorial-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.guided-tutorial-card header span{color:#80fff1;letter-spacing:.12em;font:700 .72rem/1.2 ui-monospace,monospace}.guided-tutorial-card header button{min-width:40px;min-height:40px}.guided-tutorial-card progress{accent-color:#80fff1;width:100%;height:5px;margin:10px 0 12px}.guided-tutorial-card h3{margin:0 0 7px;font-size:1.2rem}.guided-tutorial-card p{color:#d9e8ed;margin:0 0 12px;line-height:1.45}.guided-tutorial-card aside{color:#ffe69a;background:#ffc9481a;border-radius:12px;gap:9px;margin-bottom:14px;padding:10px;display:flex}.guided-tutorial-card footer button{align-items:center;gap:5px;min-height:44px;display:inline-flex}@keyframes tutorial-pulse{50%{filter:brightness(1.35);transform:scale(1.015)}}@media (prefers-reduced-motion:reduce){.guided-tutorial-highlight{animation:none}}:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#111827;--muted:#64748b;--line:#d8dee9;--surface:#fff;--surface-strong:#f8fafc;--navy:#172554;--teal:#0f766e;--orange:#ea580c;--rose:#be123c;--violet:#6d28d9;--green:#15803d;--shadow:0 18px 60px #0f172a1f;--focus-ring:#f59e0b;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden}.skip-link{z-index:10000;border:3px solid var(--focus-ring);color:#fff;background:#111827;border-radius:8px;padding:10px 14px;font-weight:900;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:where(button,input,select,textarea,summary,a,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html[dir=rtl] .skip-link{left:auto;right:8px}html[dir=rtl] .brand,html[dir=rtl] .section-heading,html[dir=rtl] .fragment-header{text-align:right}@media (forced-colors:active){:where(button,input,select,textarea,article,section){border-color:canvastext}:where(button,input,select,textarea,summary,a,[tabindex]):focus-visible{outline-color:highlight}}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{flex-direction:column;gap:12px;width:min(1720px,100%);height:100dvh;min-height:0;margin:0 auto;padding:20px;display:flex;overflow:hidden}.finite-story-menu{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.finite-story-menu button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--surface-strong);border-radius:8px;padding:8px 14px}.finite-story-menu button.active,.finite-story-menu button:hover{color:#fff;border-color:var(--navy);background:var(--navy)}.story-menu-screen{flex:1;min-height:0;overflow:hidden}.story-menu-pane{height:100%;min-height:0;display:none;overflow:hidden}.story-home-pane,.story-options-pane{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px}.story-rooms-pane,.story-duo-pane,.story-profile-pane{grid-template-columns:minmax(0,1fr)}[data-story-menu=home] .story-home-pane,[data-story-menu=duo] .story-duo-pane,[data-story-menu=rooms] .story-rooms-pane,[data-story-menu=profile] .story-profile-pane,[data-story-menu=ranking] .story-ranking-pane,[data-story-menu=moderation] .story-moderation-pane,[data-story-menu=options] .story-options-pane{display:grid}.topbar,.status-grid,.workspace,.bottom-grid{width:100%}.topbar{color:#f8fafc;box-shadow:var(--shadow);background:linear-gradient(135deg,#172554f5,#0f766ee6),#172554;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.brand,.topbar-actions,.room-meta,.queue-header,.recorder-actions,.assistive-tools,.form-title,.fragment-header,.status-pill,.warning{align-items:center;display:flex}.brand{gap:14px;min-width:260px}.brand-icon{color:#172554;background:#061426;border-radius:14px;flex:none;place-items:center;width:50px;height:50px;display:grid;overflow:hidden}.brand-icon img{object-fit:cover;width:100%;height:100%}.brand h1,.brand p,.section-heading h2,.section-heading p,.live-header h2,.live-header p,.room-card h3,.story-fragment h3,.profile-card h2,.suggestions-card h2{margin:0}.dedicated-panel{gap:1rem;display:grid}.panel-note{color:var(--muted);margin:0}.dedicated-list{gap:.7rem;display:grid}.dedicated-row,.moderation-row{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.9rem;display:grid}.dedicated-row h3,.moderation-row p{margin:0}.dedicated-row span,.moderation-row span,.moderation-row small{color:var(--muted);font-size:.86rem}.dedicated-rank{color:var(--accent);font-size:1.2rem}.dedicated-metrics{text-align:end;gap:.2rem;display:grid}.moderation-row{grid-template-columns:1fr auto}.moderation-row>small{grid-column:1/-1}.moderation-actions{flex-wrap:wrap;justify-content:end;gap:.45rem;display:flex}.moderation-actions button{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .75rem}.moderation-actions button.active{background:var(--accent-soft);border-color:var(--accent)}.early-access-readiness{background:linear-gradient(145deg,#eef2ff,#fff);border:1px solid #c7d2fe;border-radius:14px;gap:12px;padding:16px;display:grid}.early-access-check-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.early-access-check{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:4px;min-width:0;padding:10px;display:grid}.early-access-check small{color:var(--muted);overflow-wrap:anywhere;font-size:.76rem}.early-access-check strong{font-size:.86rem}.early-access-check.ready{color:#166534;background:#f0fdf4;border-color:#86efac}.early-access-check.pending{color:#92400e;background:#fffbeb;border-color:#fde68a}.early-access-check.blocked{color:#991b1b;background:#fef2f2;border-color:#fecaca}.moderation-actions button.danger.active{background:#d85d5d2e;border-color:#d85d5d}.beta10d-readiness{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;gap:.8rem;padding:1rem;display:grid}.readiness-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.readiness-item{background:var(--surface);border-radius:10px;gap:.2rem;padding:.65rem;display:grid}.readiness-item small{color:var(--muted)}.readiness-item strong{text-transform:uppercase;font-size:.85rem}.readiness-item.ready,.readiness-item.granted{outline:1px solid #56a879}.readiness-item.pending,.readiness-item.prompt{outline:1px solid #c89a45}.readiness-item.denied,.readiness-item.unsupported{outline:1px solid #d85d5d}.readiness-actions{flex-wrap:wrap;gap:.45rem;display:flex}.readiness-actions button,.connected-view-note button{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .75rem}.connected-view-note{border-left:3px solid var(--accent);color:var(--muted);padding:.75rem}.connected-view-note button{color:inherit;margin-left:.35rem}@media (width<=720px){.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.brand h1{font-size:1.75rem;line-height:1.1}.brand p{color:#f8fafcd1;margin-top:4px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.field{color:var(--ink);gap:7px;display:grid}.field span{color:var(--muted);align-items:center;gap:7px;font-size:.82rem;font-weight:800;display:inline-flex}.field.compact{min-width:150px}.topbar .field span{color:#f8fafce6}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface);border-radius:10px;padding:10px 12px}textarea{resize:vertical;min-height:86px}.ghost-button,.primary-button,.secondary-button,.danger-button,.icon-button,.ending-button,.queue-header button,.gap-item button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 13px;font-weight:800;display:inline-flex}.ghost-button{color:#f8fafc;background:#ffffff24;border:1px solid #ffffff38}.primary-button{color:#fff;background:var(--navy)}.secondary-button{color:var(--navy);background:#e0f2fe}.danger-button{color:#fff;background:var(--rose)}.icon-button{width:40px;color:var(--navy);background:#e2e8f0;padding:0}.status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.module-nav{border:1px solid var(--line);background:#fff;gap:8px;margin:14px 0;padding:5px;display:flex}.module-nav button{min-height:42px;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:9px 13px;font-weight:900;display:inline-flex}.module-nav button.active{color:#fff;background:var(--navy)}.module-nav button.active.hiking{background:#14532d}.status-pill{min-height:62px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:8px;padding:12px 14px}button.status-pill{text-align:left;width:100%}.status-pill.backend-online{background:#f0fdf4;border-color:#86efac}.status-pill.backend-offline{background:#f8fafc;border-color:#cbd5e1}.status-pill svg{color:var(--teal);flex:none}.status-pill span{color:var(--muted);font-size:.82rem;font-weight:800}.status-pill strong{text-align:right;margin-left:auto}.workspace{grid-template-columns:minmax(250px,.82fr) minmax(300px,1fr) minmax(360px,1.35fr);align-items:start;gap:16px;display:grid}.narrative-panel,.rooms-panel,.live-panel,.profile-card,.suggestions-card,.roadmap-panel,.completed-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 36px #0f172a12}.section-heading,.live-header{justify-content:space-between;gap:14px;margin-bottom:14px;display:flex}.section-heading p,.live-header p{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.section-heading h2,.live-header h2{margin-top:4px;font-size:1.25rem}.section-heading svg,.live-header svg{color:var(--orange)}.section-heading.split{align-items:end}.genre-wheel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.genre-node{border:1px solid var(--line);border-left:6px solid var(--accent);text-align:left;min-height:74px;color:var(--ink);background:#fff;border-radius:14px;padding:12px;font-weight:900;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s}.genre-node.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 7px 18px color-mix(in srgb, var(--accent) 24%, transparent)}.subgenres{gap:8px;margin-top:14px;display:grid}.subgenre{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface-strong);border-radius:10px;align-items:center;gap:8px;padding:9px 10px;font-weight:800;transition:transform .16s,background-color .16s,border-color .16s;display:flex}.subgenre.active{color:var(--navy);background:#dbeafe;border-color:#93c5fd}.path-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;gap:6px;margin-top:14px;padding:12px;display:grid}.path-box span{color:var(--muted);font-size:.8rem;font-weight:900}.room-list{gap:10px;max-height:540px;padding-right:2px;display:grid;overflow:auto}.story-ranking-pane,.story-moderation-pane{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px}.room-card{border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:var(--surface-strong);border-radius:14px;gap:10px;padding:13px;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s;display:grid}.room-card.active{border-color:var(--navy);background:#eff6ff}.genre-node:hover,.subgenre:hover,.room-card:hover{transform:translateY(-2px)}.room-card:hover{box-shadow:0 8px 18px #0f172a17}.workspace>*{animation:.32s both panel-enter}.workspace>:nth-child(2){animation-delay:60ms}.workspace>:nth-child(3){animation-delay:.12s}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.voice-quality-switch,.profile-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.voice-quality-switch button{text-align:left;gap:3px;min-height:54px;display:grid}.voice-quality-switch button.active{background:linear-gradient(145deg,#d58a3238,#0e151ff0);border-color:#d58a32;box-shadow:inset 0 0 0 1px #ffbe602e,0 0 18px #d58a321f}.voice-quality-switch small{color:var(--muted)}.bso-name-field{border:1px solid var(--line);background:#04090f80;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.bso-name-field b{color:#ffc06a;border-right:1px solid var(--line);letter-spacing:.06em;place-items:center;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.bso-name-field input{min-width:0;border:0!important;border-radius:0!important}.profile-progress-panel{background:radial-gradient(circle at 85% 0,#d58a322e,#0000 38%),linear-gradient(145deg,#091119f7,#10161feb);border:1px solid #d58a3261;border-radius:18px;gap:12px;padding:16px;display:grid}.profile-progress-panel>header,.profile-progress-panel article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-progress-panel header span,.profile-progress-panel article span{color:#ffc06a;letter-spacing:.08em;align-items:center;gap:6px;font-size:.7rem;font-weight:900;display:flex}.profile-progress-panel h3{color:#f7f9ff;margin:3px 0 0}.profile-progress-panel article{background:#ffffff09;border:1px solid #ffffff17;border-radius:13px;gap:7px;padding:12px;display:grid}.profile-progress-panel article>strong,.profile-progress-panel article b{color:#f7f9ff}.profile-progress-panel article p{color:var(--muted);margin:0;font-size:.82rem}.profile-progress-panel article small,.profile-progress-panel>small{color:#aebbd0}.profile-progress-panel progress{accent-color:#d58a32;width:100%}@media (width<=560px){.profile-progress-grid{grid-template-columns:1fr}}.topbar-profile{background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.82rem;font-weight:850;display:inline-flex}.nexo-home-screen,.mods-module,.options-module{background:#fffffff0;border:1px solid #94a3b847;border-radius:22px;width:min(1100px,100%);min-height:0;margin-inline:auto;padding:clamp(16px,3vw,28px);overflow:auto;box-shadow:0 20px 54px #02061738}.nexo-home-screen{text-align:center;flex:1;align-content:center;gap:18px;display:grid}.nexo-home-core{justify-items:center;gap:8px;display:grid}.nexo-home-core p,.nexo-home-core h2,.home-safety-note p,.module-screen-header p,.module-screen-header h2,.module-lead{margin:0}.nexo-home-core>p:first-child,.module-screen-header p{color:#0e7490;letter-spacing:.11em;font-size:.72rem;font-weight:950}.nexo-home-core h2,.module-screen-header h2{color:var(--ink);font-size:clamp(1.55rem,4vw,2.45rem)}.nexo-home-core>p:last-child,.module-lead{max-width:720px;color:var(--muted);line-height:1.55}.home-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.home-launch-grid button{color:#172554;text-align:left;background:linear-gradient(135deg,#fff,#eef2ff);border:1px solid #a5b4fc;border-radius:14px;align-items:center;gap:11px;min-width:0;min-height:66px;padding:12px 14px;display:flex;box-shadow:0 7px 18px #1e40af17}.home-launch-grid button:active{transform:translateY(1px)scale(.99)}.home-launch-grid button span{gap:3px;min-width:0;display:grid}.home-launch-grid button small{color:#64748b;font-size:.76rem;line-height:1.3}.home-status-grid,.mods-roadmap-grid,.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-status-grid article,.mods-roadmap-grid article{background:#f8fafc;border:1px solid #cbd5e1;border-radius:15px;justify-items:center;gap:5px;padding:16px;display:grid}.home-status-grid span,.mods-roadmap-grid span{color:var(--muted);font-size:.8rem}.home-safety-note{color:#854d0e;background:#fffbeb;border:1px solid #fcd34d;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:12px;font-size:.84rem;display:flex}.module-screen-header{border-bottom:1px solid #dbe3ed;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.mods-module{color:#fdf4ff;background:linear-gradient(145deg,#1e1b4bf5,#581c87f5);border-color:#f472b661}.mods-module .module-screen-header h2,.mods-module .module-screen-header p,.mods-module .module-lead{color:inherit}.mods-roadmap-grid{margin:18px 0}.mods-roadmap-grid article{color:#fff;background:#0f172a85;border-color:#f472b657;justify-items:start}.mods-roadmap-grid span{color:#e9d5ff}.sampler-workspace{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px;margin-top:16px;display:grid}.sampler-recorder,.sampler-pads{background:#02061794;border:1px solid #67e8f952;border-radius:17px;min-width:0;padding:14px;box-shadow:inset 0 0 28px #22d3ee12}.sampler-recorder{gap:12px;display:grid}.sampler-recorder-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sampler-recorder-head>div{gap:3px;display:grid}.sampler-recorder-head span{color:#67e8f9;letter-spacing:.12em;font-size:.68rem;font-weight:900}.sampler-recorder progress{accent-color:#22d3ee;width:100%}.sampler-waveform{background:linear-gradient(#0000 49%,#67e8f938 50%,#0000 51%),#0f172ad1;border:1px solid #818cf852;border-radius:11px;align-items:center;gap:2px;height:94px;padding:8px;display:flex;position:relative;overflow:hidden}.sampler-waveform i{background:linear-gradient(#f472b6,#22d3ee);border-radius:999px;flex:1 1 0;min-width:1px;max-height:100%;transition:opacity .14s,filter .14s;box-shadow:0 0 7px #22d3ee5c}.sampler-waveform i.is-muted{opacity:.16;filter:saturate(.3)}.sampler-waveform i.is-selected{opacity:1}.sampler-countdown{aspect-ratio:1;color:#fff;background:#0f172ae0;border:2px solid #67e8f9;border-radius:50%;place-items:center;width:54px;font-size:1.6rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #22d3ee85}.sampler-state-recording .sampler-waveform{border-color:#fb7185;box-shadow:0 0 20px #f43f5e33}.sampler-recorder-actions{grid-template-columns:1fr auto;gap:9px;display:grid}.sampler-pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.sampler-pads button{border:1px solid color-mix(in srgb, var(--pad-color) 72%, white);color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--pad-color) 34%, #0f172a), #0f172a 70%);min-width:0;min-height:74px;box-shadow:inset 0 0 18px color-mix(in srgb, var(--pad-color) 18%, transparent), 0 5px 14px #00000038;border-radius:13px;place-items:center;gap:4px;padding:8px;display:grid}.sampler-pads button:active{background:var(--pad-color);color:#111827;transform:translateY(2px)scale(.97)}.sampler-pads button small{color:#e9d5ff;font-size:.68rem}.sampler-status{color:#f5d0fe;background:#0f172a85;border:1px solid #f472b64d;border-radius:11px;min-height:42px;margin-top:12px;padding:10px 12px;font-size:.82rem}.sampler-editor{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:12px;margin-top:12px;display:grid}.sampler-trim-panel,.sampler-performance-panel{background:#0f172a94;border:1px solid #c084fc57;border-radius:15px;gap:10px;min-width:0;padding:12px;display:grid}.sampler-editor-heading,.sampler-bpm,.sampler-trim-panel label{align-items:center;gap:9px;display:grid}.sampler-editor-heading{grid-template-columns:auto 1fr}.sampler-editor-heading strong{color:#67e8f9;letter-spacing:.12em;font-size:.7rem}.sampler-editor-heading output{color:#f5d0fe;font-variant-numeric:tabular-nums;justify-self:end;font-size:.78rem}.sampler-trim-panel label{color:#e9d5ff;grid-template-columns:48px 1fr;font-size:.76rem;font-weight:800}.sampler-trim-panel input,.sampler-bpm input{accent-color:#22d3ee;width:100%}.sampler-performance-panel{align-content:center}.sampler-toggle-row,.sampler-octaves{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.sampler-toggle-row button,.sampler-octaves button{color:#e9d5ff;background:#1e293bd1;border:1px solid #c084fc6b;border-radius:10px;min-width:0;min-height:38px;padding:7px 8px;font-size:.72rem}.sampler-toggle-row button.is-active,.sampler-octaves button.is-active{color:#082f49;background:linear-gradient(135deg,#67e8f9,#c084fc);border-color:#67e8f9;box-shadow:0 0 16px #22d3ee42}.sampler-bpm{color:#e9d5ff;grid-template-columns:auto 1fr 42px;font-size:.75rem;font-weight:850}.sampler-bpm output{color:#67e8f9;text-align:right;font-variant-numeric:tabular-nums}.sampler-beats{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.sampler-beats i{background:#94a3b84d;border-radius:999px;height:5px}.sampler-beats i.is-active{background:#f472b6;box-shadow:0 0 11px #f472b6}.mods-screen-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.mods-screen-tabs button{color:#e9d5ff;background:#0f172a8f;border:1px solid #c084fc61;border-radius:12px;min-height:42px}.mods-screen-tabs button.is-active{color:#082f49;background:linear-gradient(135deg,#67e8f9,#c084fc);border-color:#67e8f9;box-shadow:0 0 18px #22d3ee38}.mods-screen-tabs button span{opacity:.78;margin-left:6px;font-size:.68rem}.effects-rack{gap:11px;margin-top:14px;display:grid}.effects-rack-toolbar{background:#02061794;border:1px solid #67e8f952;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.effects-rack-toolbar>div{gap:2px;display:grid}.effects-rack-toolbar span,.effect-card header span{color:#67e8f9;letter-spacing:.1em;font-size:.64rem;font-weight:900}.effects-rack-toolbar small{color:#e9d5ff;font-size:.72rem}.effects-chain{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.effects-chain span{color:#94a3b8;text-align:center;background:#0f172a7a;border:1px solid #94a3b842;border-radius:8px;min-width:0;padding:6px;font-size:.62rem}.effects-chain span.is-active{color:#fff;background:#8318438a;border-color:#f472b6;box-shadow:0 0 12px #f472b62e}.effects-preview{background:#0f172a85;border:1px solid #f472b647;border-radius:12px;grid-template-columns:minmax(170px,1fr) repeat(4,auto);align-items:center;gap:7px;padding:9px;display:grid}.effects-preview>div{color:#f5d0fe;align-items:center;gap:7px;font-size:.76rem;display:flex}.effects-preview button{border-radius:9px;min-height:36px;padding:7px 9px;font-size:.7rem}.effects-preview button.is-active{color:#082f49;background:#67e8f9}.effects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.effect-card{opacity:.72;background:#02061785;border:1px solid #94a3b840;border-radius:14px;gap:8px;min-width:0;padding:11px;transition:border-color .16s,opacity .16s,box-shadow .16s;display:grid}.effect-card.is-enabled{opacity:1;border-color:#67e8f98a;box-shadow:inset 0 0 24px #22d3ee0f,0 0 18px #c084fc1a}.effect-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.effect-card header>div{gap:2px;display:grid}.effect-card header button{color:#cbd5e1;background:#1e293b;border:1px solid #94a3b84d;border-radius:999px;min-height:34px;padding:6px 9px;font-size:.66rem}.effect-card header button.is-active{color:#082f49;background:#67e8f9;border-color:#67e8f9}.effect-card p{color:#c4b5fd;min-height:28px;margin:0;font-size:.7rem;line-height:1.35}.effect-knobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.effect-knob{color:#e9d5ff;text-align:center;justify-items:center;gap:4px;min-width:0;display:grid}.effect-knob-dial{aspect-ratio:1;background:radial-gradient(circle at 40% 34%,#475569,#0f172a 68%);border:2px solid #67e8f973;border-radius:50%;width:52px;display:block;position:relative;box-shadow:inset 0 0 11px #0000006b,0 4px 10px #00000038}.effect-knob-dial i{width:2px;height:16px;transform:translateX(50%) rotate(var(--knob-angle));transform-origin:50% 21px;background:#f472b6;border-radius:999px;position:absolute;inset:5px 50% auto auto;box-shadow:0 0 6px #f472b6}.effect-knob strong{font-size:.66rem}.effect-knob input{accent-color:#f472b6;width:100%;min-height:24px}.effect-knob output{color:#67e8f9;font-variant-numeric:tabular-nums;font-size:.65rem}.effect-knob.is-disabled{opacity:.42}.sequencer-panel{gap:11px;margin-top:14px;display:grid}.sequencer-toolbar{background:#02061794;border:1px solid #67e8f952;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.sequencer-toolbar>div{gap:2px;display:grid}.sequencer-toolbar span{color:#67e8f9;letter-spacing:.1em;font-size:.64rem;font-weight:900}.sequencer-toolbar small{color:#e9d5ff;font-size:.72rem}.sequencer-octaves,.sequencer-quantization{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.sequencer-octaves button,.sequencer-quantization button,.sequencer-controls>button,.sequencer-editing button{color:#e9d5ff;background:#0f172a94;border:1px solid #c084fc57;border-radius:10px;min-height:38px;padding:7px 9px;font-size:.7rem}.sequencer-octaves button.is-active,.sequencer-quantization button.is-active,.sequencer-controls>button.is-active{color:#082f49;background:#67e8f9;border-color:#67e8f9}.chromatic-keyboard{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;display:grid}.chromatic-keyboard button{color:#312e81;background:linear-gradient(#fff,#ddd6fe);border:1px solid #c4b5fd;border-radius:9px;align-content:end;justify-items:center;gap:2px;min-width:0;min-height:68px;padding:7px 3px;display:grid;box-shadow:inset 0 -7px 12px #4c1d951a}.chromatic-keyboard button.is-accidental{color:#f5d0fe;background:linear-gradient(#334155,#09090b);border-color:#475569;min-height:60px}.chromatic-keyboard button.is-selected{color:#082f49;background:linear-gradient(145deg,#67e8f9,#f472b6);border-color:#67e8f9;transform:translateY(2px);box-shadow:0 0 17px #67e8f957}.chromatic-keyboard button strong{font-size:.75rem}.chromatic-keyboard button small{opacity:.68;font-size:.52rem}.sequencer-controls{grid-template-columns:minmax(180px,1fr) auto auto;gap:7px;display:grid}.sequencer-controls>button{min-width:108px}.sequencer-editing{color:#e9d5ff;background:#0f172a7a;border:1px solid #f472b647;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:.72rem;display:flex}.sequencer-editing>div{gap:6px;display:flex}.sequencer-editing button{min-height:34px}.sequencer-step-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.sequencer-step-grid button{color:#94a3b8;text-align:left;background:#0206178a;border:1px solid #94a3b847;border-radius:11px;align-content:center;gap:4px;min-width:0;min-height:62px;padding:7px;display:grid}.sequencer-step-grid button span{color:#67e8f9;letter-spacing:.08em;font-size:.58rem;font-weight:900}.sequencer-step-grid button strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.sequencer-step-grid button.has-notes{color:#f5d0fe;background:#581c878f;border-color:#c084fca3}.sequencer-step-grid button.contains-selected{border-color:#f472b6;box-shadow:inset 0 0 16px #f472b624}.sequencer-step-grid button.is-playhead{color:#082f49;background:#67e8f9;border-color:#67e8f9;transform:translateY(-2px);box-shadow:0 0 18px #67e8f96b}.mods-library{gap:11px;margin-top:14px;display:grid}.mods-library-toolbar{background:#02061794;border:1px solid #67e8f952;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mods-library-toolbar>div{gap:2px;display:grid}.mods-library-toolbar span,.library-project-summary>div>span{color:#67e8f9;letter-spacing:.1em;font-size:.64rem;font-weight:900}.mods-library-toolbar small{color:#e9d5ff;font-size:.72rem}.mods-library-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.mods-library-tabs button{color:#e9d5ff;background:#0f172a94;border:1px solid #c084fc57;border-radius:10px;min-height:40px;font-size:.72rem}.mods-library-tabs button.is-active{color:#082f49;background:#67e8f9;border-color:#67e8f9}.mods-library-tabs button span{opacity:.72;margin-left:5px}.library-integrity-warning{color:#ffe4e6;background:#881337a3;border:1px solid #fb7185;border-radius:11px;align-items:center;gap:8px;padding:10px;font-size:.73rem;display:flex}.library-screen,.library-project-list{gap:9px;display:grid}.library-save-panel{background:#0f172a80;border:1px solid #f472b647;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:11px;display:grid}.library-save-panel label{color:#e9d5ff;gap:5px;font-size:.7rem;font-weight:850;display:grid}.library-save-panel input,.library-save-panel select,.library-metadata-editor input,.library-metadata-editor textarea,.library-metadata-editor select{color:#fff;background:#020617a8;border:1px solid #c084fc6b;border-radius:9px;min-height:40px;padding:8px 10px}.library-save-panel select,.library-metadata-editor select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.library-save-panel button{min-height:40px}.library-save-panel>small{color:#c4b5fd;grid-column:1/-1;font-size:.67rem}.library-project-card,.library-trash-card,.library-versions{background:#02061785;border:1px solid #94a3b840;border-radius:13px;gap:9px;padding:11px;display:grid}.library-project-card.is-active{border-color:#67e8f9;box-shadow:inset 0 0 22px #22d3ee14}.library-project-card>div:last-child,.library-project-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.library-trash-card>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.library-project-card button,.library-trash-card button,.library-project-actions button,.library-versions button{border-radius:9px;min-height:36px;padding:6px 8px;font-size:.68rem}.library-project-summary{grid-template-columns:minmax(160px,1fr) minmax(250px,1.35fr);gap:10px;display:grid}.library-project-summary>div:first-child{align-content:center;gap:2px;min-width:0;display:grid}.library-project-summary>div>strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.library-project-summary>div>small{color:#c4b5fd;font-size:.64rem}.library-project-summary>div>p{color:#ddd6fe;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.64rem;overflow:hidden}.library-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.library-tags i{color:#f5d0fe;background:#83184347;border:1px solid #f472b64d;border-radius:999px;padding:2px 6px;font-size:.56rem;font-style:normal}.library-metadata-editor{background:#082f493d;border:1px solid #67e8f93d;border-radius:12px;grid-template-columns:minmax(0,1.4fr) minmax(130px,.7fr) auto;align-items:end;gap:8px;padding:11px;display:grid}.library-metadata-editor header{color:#cffafe;grid-column:1/-1;align-items:center;gap:8px;display:flex}.library-metadata-editor header div,.library-metadata-editor label{gap:3px;display:grid}.library-metadata-editor header small,.library-metadata-editor label span{color:#c4b5fd;font-size:.64rem}.library-metadata-editor textarea{resize:vertical;min-height:58px}.library-project-summary dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;display:grid}.library-project-summary dl div{text-align:center;border:1px solid #c084fc3d;border-radius:8px;place-content:center;min-width:0;min-height:46px;display:grid}.library-project-summary dt{color:#94a3b8;text-transform:uppercase;font-size:.56rem}.library-project-summary dd{color:#67e8f9;margin:0;font-size:.7rem;font-weight:900}.library-versions header{color:#e9d5ff;align-items:center;gap:8px;display:flex}.library-versions header div{display:grid}.library-versions header small,.library-versions p{color:#c4b5fd;margin:0;font-size:.67rem}.library-versions article{background:#0f172a7a;border:1px solid #94a3b838;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.library-versions article>div{color:#f5d0fe;font-size:.72rem;display:grid}.library-versions article span{color:#94a3b8;font-size:.62rem}.library-empty{color:#c4b5fd;text-align:center;background:#0f172a52;border:1px dashed #c084fc57;border-radius:13px;place-items:center;gap:7px;min-height:130px;padding:18px;display:grid}.library-status{color:#cffafe;background:#082f4970;border:1px solid #67e8f938;border-radius:10px;padding:9px 10px;font-size:.7rem}.mods-transfer{gap:10px;display:grid}.mods-transfer>header{color:#cffafe;background:linear-gradient(115deg,#082f49a3,#581c8761);border:1px solid #67e8f947;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.mods-transfer>header div{gap:2px;display:grid}.mods-transfer>header span{color:#67e8f9;letter-spacing:.1em;font-size:.61rem;font-weight:900}.mods-transfer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mods-transfer-grid article{color:#e9d5ff;background:#02061785;border:1px solid #c084fc42;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:11px;display:grid}.mods-transfer-grid article>div{gap:2px;display:grid}.mods-transfer-grid article small{color:#c4b5fd;font-size:.65rem}.mods-transfer-grid button,.mods-transfer-grid label{color:#cffafe;cursor:pointer;background:#082f4994;border:1px solid #67e8f95c;border-radius:9px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 10px;font-size:.7rem;font-weight:900;display:inline-flex}.mods-transfer-grid label.is-disabled{cursor:not-allowed;opacity:.45}.mods-transfer-grid input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mods-transfer>p{color:#c4b5fd;background:#581c8738;border-left:3px solid #f472b6;margin:0;padding:9px 10px;font-size:.67rem}.option-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:15px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.option-card-heading{align-items:center;gap:8px;display:flex}.option-card-heading strong{flex:1}.option-card-heading button{color:#075985;background:#ecfeff;border:1px solid #bae6fd;border-radius:8px;min-height:34px;padding:5px 8px;font-size:.72rem;font-weight:850}.option-switch,.option-range{color:var(--muted);align-items:center;gap:10px;font-size:.83rem;font-weight:800;display:flex}.option-switch input{accent-color:#0891b2;width:21px;height:21px}.option-range input{accent-color:#7c3aed;flex:1}.option-card select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-height:44px;padding-inline:10px}.legal-option-card p{color:var(--muted);margin:0;font-size:.82rem}.nexo-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617c2;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.nexo-modal{color:#e2e8f0;background:linear-gradient(145deg,#0f172a,#172554);border:1px solid #67e8f96b;border-radius:20px;gap:13px;width:min(560px,100%);max-height:min(82dvh,680px);padding:clamp(18px,4vw,28px);display:grid;overflow:auto;box-shadow:0 24px 80px #00000085,inset 0 0 30px #22d3ee14}.nexo-modal>p,.nexo-modal h2,.nexo-modal h3{margin:0}.nexo-modal>p:first-child{color:#67e8f9;letter-spacing:.11em;font-size:.7rem;font-weight:950}.mode-entry-dialog ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.mode-entry-dialog li,.risk-note{color:#fde68a;background:#78350f33;border:1px solid #fbbf244d;border-radius:10px;align-items:flex-start;gap:8px;padding:10px;font-size:.82rem;line-height:1.42;display:flex}.nexo-modal-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.nexo-modal-actions button{justify-content:center;min-height:46px}.app-universe-home .holographic-backdrop,.app-universe-options .holographic-backdrop{background:radial-gradient(circle at 50% 0,#cffafe 0,#e0e7ff 38%,#f8fafc 100%)}.app-universe-mods .holographic-backdrop{background:radial-gradient(circle at 30% 0,#f0abfc 0,#4c1d95 38%,#020617 100%)}[data-app-theme=dark]{--ink:#e2e8f0;--muted:#a8b3c7;--surface:#111827;--surface-strong:#1f2937;--line:#334155;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-app-theme=dark] .nexo-home-screen,[data-app-theme=dark] .options-module,[data-app-theme=dark] .option-card,[data-app-theme=dark] .home-status-grid article{color:#e2e8f0;background:#0f172af5;border-color:#334155}@media (width<=720px){.app-universe-stories:has(.story-menu-screen[data-story-menu=duo]){height:100dvh;min-height:0;overflow:hidden}:is(.app-universe-stories:has(.story-menu-screen[data-story-menu=duo]) .topbar,.app-universe-stories:has(.story-menu-screen[data-story-menu=duo]) .beta-meta-bar,.app-universe-stories:has(.story-menu-screen[data-story-menu=duo]) .welcome-panel){display:none}.app-universe-stories:has(.story-menu-screen[data-story-menu=duo]) .finite-story-menu{inset:max(8px, env(safe-area-inset-top)) 8px auto;z-index:40;position:fixed}.app-universe-stories:has(.story-menu-screen[data-story-menu=duo]) .story-menu-screen{inset:calc(max(8px, env(safe-area-inset-top)) + 108px) 8px calc(max(72px, env(safe-area-inset-bottom) + 64px));height:auto;position:fixed;overflow:hidden}.app-universe-stories:has(.story-menu-screen[data-story-menu=duo]) .story-duo-pane{height:100%;overflow:hidden}.nexo-home-screen,.mods-module,.options-module{border-radius:16px;padding:14px}.home-status-grid,.mods-roadmap-grid,.options-grid{grid-template-columns:1fr}.home-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-launch-grid button{align-items:center;min-height:58px;padding:9px}.home-launch-grid button small{display:none}.sampler-workspace{grid-template-columns:1fr;gap:10px}.sampler-editor{grid-template-columns:1fr;gap:9px}.sampler-trim-panel,.sampler-performance-panel{padding:10px}.effects-chain,.effects-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.effects-preview>div{grid-column:1/-1}.effects-preview button{width:100%}.effects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.effect-card{padding:9px}.effect-card p{display:none}.effect-card header{align-items:start}.effect-card header button{padding-inline:7px}.effect-knob-dial{width:46px}.effect-knob-dial i{transform-origin:50% 19px;height:14px}.mods-screen-tabs button{padding-inline:4px;font-size:.7rem}.mods-screen-tabs button span{margin:1px 0 0;font-size:.56rem;display:block}.chromatic-keyboard{grid-template-columns:repeat(6,minmax(0,1fr))}.chromatic-keyboard button,.chromatic-keyboard button.is-accidental{min-height:52px}.chromatic-keyboard button small{display:none}.sequencer-controls{grid-template-columns:1fr 1fr}.sequencer-quantization{grid-column:1/-1}.sequencer-controls>button{width:100%;min-width:0}.sequencer-editing{flex-direction:column;align-items:stretch}.sequencer-editing>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sequencer-step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library-save-panel{grid-template-columns:1fr}.mods-library-tabs{grid-template-columns:1fr 1fr}.library-save-panel>small{grid-column:auto}.library-project-summary{grid-template-columns:1fr}.library-project-summary dl{grid-template-columns:repeat(5,minmax(0,1fr))}.library-project-card>div:last-child,.library-trash-card>div:last-child,.library-project-actions{grid-template-columns:1fr 1fr}.library-metadata-editor{grid-template-columns:1fr}.library-metadata-editor header{grid-column:auto}.mods-transfer-grid{grid-template-columns:1fr}.sampler-recorder,.sampler-pads{padding:10px}.sampler-waveform{height:72px}.sampler-pads button{min-height:60px}.adaptive-navigation--mobile ul{grid-template-columns:repeat(3,minmax(0,1fr))}.nexo-modal-actions{grid-template-columns:1fr}}.account-security-panel{color:#e2e8f0;background:linear-gradient(145deg,#0f172af5,#1e293bf0);border:1px solid #22d3ee47;border-radius:18px;gap:14px;padding:18px;display:grid;box-shadow:0 16px 38px #0206174d}.account-verification-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.account-verification-grid>span{background:#0f172a94;border:1px solid #94a3b83d;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;padding:10px;display:grid}.account-verification-grid strong{color:#fbbf24;grid-column:1/-1;font-size:.76rem}.account-password-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.password-checks{flex-wrap:wrap;gap:7px;display:flex}.password-checks span{background:#94a3b829;border-radius:999px;padding:5px 8px;font-size:.72rem}.password-checks .ready,.account-local-result.ready{color:#86efac}.password-checks .pending,.account-local-result.pending{color:#fbbf24}.account-local-result{font-size:.82rem}@media (width<=720px){.account-verification-grid,.account-password-grid{grid-template-columns:1fr}}.nexo-splash{color:#f2f5e2;background:radial-gradient(circle at 50% 42%,#0b3440 0,#061426 40%,#040f1d 100%);place-items:center;min-height:100dvh;display:grid;overflow:hidden}.nexo-splash-core{letter-spacing:.12em;text-align:center;justify-items:center;gap:8px;display:grid;position:relative}.nexo-splash-core img{width:min(58vw,260px);height:auto}.nexo-splash-core strong{letter-spacing:.035em;font:650 clamp(2rem,10vw,4.5rem)/.95 Bahnschrift,Segoe UI,sans-serif}.nexo-splash-status{color:#67e8f9;letter-spacing:.12em;text-transform:uppercase;margin-top:10px;font-size:.68rem}.experimental-banner{left:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:20;color:#e2e8f0;letter-spacing:.06em;pointer-events:none;background:#0f172ad1;border:1px solid #94a3b880;border-radius:999px;padding:5px 8px;font:700 .62rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed;box-shadow:0 0 18px #22d3ee2e}.app-universe-stories .holographic-backdrop{background:radial-gradient(circle at 50% 10%,#312e81 0,#0f172a 45%,#020617 100%)}.app-universe-stories .topbar{background:linear-gradient(110deg,#020617,#172554 48%,#581c87)}.app-universe-stories .finite-story-menu button.active,.app-universe-stories .finite-story-menu button:hover,.app-universe-stories .module-nav button.active{color:#fff;background:linear-gradient(135deg,#06b6d4,#6366f1 52%,#d946ef);box-shadow:0 0 20px #6366f173}.app-universe-stories .quick-start,.app-universe-stories .story-menu-pane>*{border-color:#6366f152;box-shadow:0 16px 42px #02061747}.app-universe-stories button{transition:transform .16s,box-shadow .16s,filter .16s}.app-universe-stories button:hover{filter:saturate(1.25);transform:translateY(-1px)}.app-universe-hiking .holographic-backdrop{background:radial-gradient(circle at 70% 0,#dcfce7 0,#14532d 38%,#052e16 100%)}.app-universe-hiking .topbar{background:linear-gradient(110deg,#052e16,#166534 52%,#365314)}.app-universe-hiking .finite-story-menu button.active,.app-universe-hiking .finite-story-menu button:hover,.app-universe-hiking .module-nav button.active{color:#fff;background:linear-gradient(135deg,#166534,#15803d 55%,#a16207);box-shadow:0 0 20px #22c55e57}.app-universe-hiking .hiking-module button,.app-universe-hiking .hiking-start-button{border-color:#86efac}.app-universe-hiking .hiking-module button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #16653438}@media (prefers-reduced-motion:reduce){.app-universe-stories button,.app-universe-hiking .hiking-module button{transition:none}}.room-card-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.room-card h3{font-size:1rem;line-height:1.25}.consent-onboarding{align-items:stretch}.consent-document{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;max-height:260px;padding:14px;line-height:1.5;overflow-y:auto}.consent-document h2{margin:0 0 10px;font-size:1.05rem}.consent-choice{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.35;display:flex}.consent-choice input{margin-top:3px}.access-pass-card{border:1px solid var(--line);background:#ecfeff;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;display:grid}.access-pass-card div{gap:3px;display:grid}.access-pass-card span{color:var(--muted);font-size:.88rem}.publication-rights-choice{padding:2px 0}@media (width<=540px){.access-pass-card{grid-template-columns:1fr}}.room-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.82rem}.room-meta span{align-items:center;gap:4px;display:inline-flex}.rating-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.rating-strip span{min-width:0;color:var(--muted);text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:2px;padding:7px 5px;font-size:.68rem;display:grid}.rating-strip strong{color:var(--ink);font-size:.86rem}.create-room{border-top:1px solid var(--line);gap:10px;margin-top:14px;padding-top:14px;display:grid}.opening-recorder{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;gap:9px;padding:12px;display:grid}.opening-recorder>div:first-child{color:var(--muted);justify-content:space-between;gap:10px;font-weight:900;display:flex}.opening-recorder strong{color:var(--ink)}.opening-note{color:#166534;margin:0;font-size:.84rem;font-weight:800;line-height:1.45}.form-title{color:var(--navy);gap:8px}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.live-panel{gap:14px;display:grid}.live-header{margin-bottom:0}.status{color:#064e3b;text-transform:uppercase;background:#d1fae5;border-radius:999px;align-self:start;padding:6px 10px;font-size:.78rem;font-weight:900}.status.ending{color:#7c2d12;background:#ffedd5}.warning{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;gap:8px;padding:10px 12px;font-weight:800}.progress-box,.queue-box,.active-turn,.story-fragment,.recorder,.report-form,.gaps,.creator-approval{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;gap:10px;padding:13px;display:grid}.active-turn{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;gap:10px;padding:13px;display:grid}.active-turn.your-turn{background:#ecfdf5;border-color:#34d399}.turn-state,.turn-actions,.penalty-list{align-items:center;gap:9px;display:flex}.turn-state{justify-content:space-between}.turn-state span,.penalty-list{color:var(--muted);font-weight:800}.turn-state span{align-items:center;gap:7px;display:inline-flex}.turn-clock{color:var(--navy);font-size:1.8rem;font-weight:900}.your-turn-message{color:#047857;margin:0;font-weight:900}.ai-transcript-draft{border-left:3px solid var(--teal);color:var(--ink);background:#ecfdf5;margin:0;padding:10px;line-height:1.45}.chapter-list{gap:6px;display:grid}.chapter-list details{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 10px}.chapter-list summary{cursor:pointer;font-weight:900}.chapter-list p{margin:8px 0 0}.turn-actions{flex-wrap:wrap}.penalty-list{flex-wrap:wrap;padding-top:4px;font-size:.82rem}.penalty-list span{color:#991b1b;background:#fff;border:1px solid #fecaca;border-radius:6px;padding:4px 7px}.creator-approval{background:#f0fdf4;border-color:#bbf7d0;grid-template-columns:1fr auto;align-items:center}.creator-approval div{gap:4px;display:grid}.creator-approval span{color:var(--muted);font-size:.86rem;font-weight:800}.progress-box div,.recorder div:first-child{color:var(--muted);justify-content:space-between;gap:12px;font-weight:800;display:flex}progress{background:#e2e8f0;border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}progress::-webkit-progress-bar{background:#e2e8f0}progress::-webkit-progress-value{background:var(--teal)}.queue-header{justify-content:space-between;gap:12px}.queue-header button,.gap-item button,.ending-button{color:var(--navy);background:#dbeafe}.queue-list{flex-wrap:wrap;gap:7px;display:flex}.queue-list span{color:var(--ink);background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 9px;font-size:.82rem;font-weight:800}.queue-list .you{color:#fff;background:var(--navy)}.segments{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.segment{border:1px solid var(--line);text-align:left;min-height:88px;color:var(--ink);background:#fff;border-radius:12px;gap:6px;padding:10px;display:grid}.segment.active{border-color:var(--teal);background:#ecfdf5}.segment span{color:var(--muted);font-size:.8rem;font-weight:900}.segment strong{font-size:1.2rem}.stars{color:#ca8a04;gap:2px;display:inline-flex}.story-fragment.removed{background:#fff1f2;border-color:#fecdd3}.fragment-header{justify-content:space-between;gap:12px}.fragment-header span{color:var(--muted);font-weight:900}.story-fragment p{color:#1f2937;margin:0;font-size:1.05rem;line-height:1.6}.assistive-tools{flex-wrap:wrap;gap:8px}.assistive-tools .ghost-button{color:var(--navy);background:#e0f2fe;border-color:#bae6fd}.segmented-control{border:1px solid #cbd5e1;border-radius:10px;display:inline-flex;overflow:hidden}.segmented-control button{min-height:38px;color:var(--muted);background:#fff;border:0;align-items:center;gap:6px;padding:8px 11px;font-weight:900;display:inline-flex}.segmented-control button.active{color:#fff;background:var(--teal)}.reaction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.reaction-button{min-height:74px;color:var(--navy);background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;justify-items:center;gap:5px;padding:9px;font-weight:900;display:grid}.reaction-button span{font-size:.78rem}.gaps{background:#fffbeb;border-color:#fde68a}.gap-item{background:#fff;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;display:grid}.gap-item p{margin:0}.gap-item span{color:var(--muted);font-size:.82rem;font-weight:800}.recorder-actions{flex-wrap:wrap;gap:8px}.recorder .ghost-button{color:var(--navy);background:#eef2ff;border-color:#c7d2fe}.audio-preview{width:100%}.voice-capture-panel{color:#ecfeff;background:linear-gradient(135deg,#082f49f5,#1e293bf0);border:1px solid #67e8f96b;border-radius:16px;gap:10px;padding:12px;display:grid;box-shadow:inset 0 0 24px #22d3ee14,0 10px 24px #082f4929}.voice-capture-panel.compact{border-radius:13px;padding:10px}.voice-capture-heading,.voice-capture-heading>div{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.voice-capture-heading>div{flex-direction:column;gap:2px}.voice-capture-heading span,.voice-capture-panel small{color:#a5f3fc;font-size:.76rem;line-height:1.35}.voice-quality-badge{letter-spacing:.04em;border:1px solid #67e8f980;border-radius:999px;flex:none;padding:4px 7px;font-weight:900}.voice-mode-switch{background:#0206178c;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.voice-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.voice-privacy-notice{background:#fbbf2414;border-left:3px solid #fbbf24;border-radius:7px;padding:8px 9px;color:#fde68a!important}.voice-effects-editor{background:#0206176b;border:1px solid #22d3ee4d;border-radius:13px;gap:9px;padding:10px;display:grid}.voice-effects-editor>header,.voice-effects-editor>header div,.voice-effects-list article,.voice-effects-list label,.voice-effects-list label span{display:flex}.voice-effects-editor>header{color:#67e8f9;justify-content:space-between;align-items:flex-start}.voice-effects-editor>header div{flex-direction:column;gap:2px}.voice-effects-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.voice-effects-list article{background:#0f172ab8;border:1px solid #94a3b829;border-radius:10px;flex-direction:column;gap:7px;min-width:0;padding:8px}.voice-effects-list article.active{border-color:#22d3ee7a;box-shadow:inset 0 0 16px #22d3ee12}.voice-effects-list button{color:#bae6fd;background:#ffffff0a;border:1px solid #94a3b838;border-radius:8px;align-items:center;gap:5px;min-height:32px;font-weight:850;display:flex}.voice-effects-list article.active button{color:#fff;background:#0e7490}.voice-effects-list label{flex-direction:column;gap:3px}.voice-effects-list label span{color:#a5f3fc;justify-content:space-between;gap:5px;font-size:.7rem}.voice-effects-list input{accent-color:#22d3ee;width:100%}.voice-effects-reset{justify-self:start;align-items:center;gap:5px;display:inline-flex}.voice-ab-monitor{background:#082f4980;border-radius:11px;gap:7px;padding:9px;display:grid}.voice-ab-monitor>label{align-items:center;gap:7px;font-size:.78rem;font-weight:850;display:flex}.voice-ab-monitor>label input{accent-color:#22d3ee;width:18px;height:18px}.voice-ab-monitor>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.voice-ab-monitor button{color:#cffafe;background:#0e749066;border:1px solid #67e8f959;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:38px;font-weight:850;display:inline-flex}.voice-ab-monitor button.active{color:#fff;background:#dc2626;animation:1.2s infinite voice-monitor-pulse}.voice-monitor-error{color:#fecaca!important}@keyframes voice-monitor-pulse{50%{box-shadow:0 0 0 4px #f871711f}}.voice-data-consent{color:#ecfdf5;background:linear-gradient(145deg,#06201ef5,#0c1826f5);border:1px solid #4ade8059;border-radius:15px;gap:9px;padding:12px;display:grid}.voice-data-consent.compact{padding:10px}.voice-data-consent header,.voice-data-consent header div,.voice-data-consent label,.voice-data-consent label span{gap:8px;display:flex}.voice-data-consent header{color:#86efac;align-items:flex-start}.voice-data-consent header div,.voice-data-consent label span{flex-direction:column;gap:2px}.voice-data-consent label{background:#ffffff09;border-radius:10px;align-items:flex-start;padding:8px}.voice-data-consent input{accent-color:#22c55e;flex:none;width:19px;height:19px}.voice-data-consent small,.voice-data-consent header span{color:#a7f3d0;font-size:.73rem;line-height:1.3}@media (width<=520px){.voice-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-effects-list{grid-template-columns:1fr}}.voice-mode-switch button{color:#bae6fd;background:0 0;border:1px solid #0000;border-radius:9px;min-height:38px;font-weight:900}.voice-mode-switch button.active{color:#fff;background:linear-gradient(135deg,#0891b2,#2563eb);border-color:#67e8f9b3;box-shadow:0 0 18px #22d3ee47}.voice-noise-toggle{align-items:center;gap:9px;min-height:34px;font-size:.84rem;font-weight:850;display:flex}.voice-noise-toggle input{accent-color:#22d3ee;width:19px;height:19px}.report-form{background:#fff}.bottom-grid{grid-template-columns:minmax(280px,.7fr) minmax(300px,1fr);gap:16px;margin-top:16px;display:grid}.stat-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:44px;display:flex}.stat-row span{color:var(--muted);font-weight:900}.stat-row strong{color:var(--navy);font-size:1.4rem}.profile-kpis{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.best-story{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;gap:8px;margin-top:14px;padding:12px;display:grid}.best-story>span{color:var(--muted);font-size:.8rem;font-weight:900}.best-story>strong{color:var(--ink);font-size:1.05rem}.best-story div{flex-wrap:wrap;gap:7px;display:flex}.best-story div span{color:#7c2d12;background:#fed7aa;border-radius:999px;padding:6px 8px;font-size:.78rem;font-weight:900}.profile-kpis span{color:#064e3b;background:#d1fae5;border-radius:999px;padding:8px 10px;font-weight:900}.suggestions-card{gap:10px;display:grid}.feedback-local-note{color:#115e59;background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;margin:0;padding:9px 11px;font-size:.86rem;line-height:1.4}.feedback-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.feedback-character-count{color:var(--muted);font-size:.78rem;font-weight:800}.feedback-draft{color:var(--ink);background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:7px;padding:12px;display:grid}.feedback-draft span{color:var(--muted);font-size:.82rem;font-weight:800}.feedback-draft textarea{background:#fff;min-height:120px}.feedback-empty-state{min-height:96px;padding:12px;font-size:.86rem}.suggestion-list{gap:8px;display:grid}.suggestion-list article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:5px;padding:10px;display:grid}.suggestion-list span{color:#fff;background:var(--teal);text-transform:uppercase;border-radius:999px;justify-self:start;padding:4px 7px;font-size:.7rem;font-weight:900}.suggestion-list p{margin:0;line-height:1.4}.suggestion-list small{color:var(--muted);font-weight:800}.roadmap-panel{margin-top:16px}.bundle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.bundle-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:14px;align-content:start;gap:10px;min-height:220px;padding:14px;display:grid}.bundle-card.current{background:#ecfdf5;border-color:#86efac}.bundle-card.next{background:#eff6ff;border-color:#bfdbfe}.bundle-card.done{background:#f8fafc}.bundle-card>span,.version-card>div>span{color:#fff;background:var(--navy);text-transform:uppercase;border-radius:999px;justify-self:start;padding:5px 8px;font-size:.72rem;font-weight:1000}.bundle-card h3,.bundle-card p,.version-card h3,.version-card p{margin:0}.bundle-card h3{font-size:1rem}.bundle-card p{color:#334155;line-height:1.45}.bundle-card div{flex-wrap:wrap;gap:6px;display:flex}.bundle-card strong{color:var(--navy);background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:6px 8px;font-size:.76rem}.version-ladder{gap:10px;margin-top:14px;display:grid}.version-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(210px,.8fr) 1fr;gap:14px;padding:14px;display:grid}.version-card.current{border-color:var(--teal);box-shadow:inset 4px 0 0 var(--teal)}.version-card.done{box-shadow:inset 4px 0 #94a3b8}.version-card.planned{box-shadow:inset 4px 0 #f59e0b}.version-card>div{gap:7px;display:grid}.version-card p{color:var(--muted);line-height:1.45}.version-card ul{flex-wrap:wrap;align-content:start;gap:7px;margin:0;padding:0;list-style:none;display:flex}.version-card li{color:#1f2937;background:#f1f5f9;border-radius:999px;padding:7px 9px;font-size:.8rem;font-weight:800}.completed-panel{margin-top:16px}.completed-list{gap:12px;display:grid}.completed-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;grid-template-columns:auto 1fr minmax(150px,auto);gap:14px;padding:14px;display:grid}.rank-badge{color:#fff;background:var(--navy);border-radius:14px;place-items:center;width:54px;height:54px;font-size:1.1rem;font-weight:1000;display:grid}.completed-main{gap:9px;display:grid}.completed-title{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.completed-title h3,.completed-main p{margin:0}.completed-title h3{font-size:1.08rem}.completed-title span,.completed-meta span{color:var(--muted);font-size:.82rem;font-weight:900}.completed-main p{line-height:1.55}.completed-meta{flex-wrap:wrap;gap:8px;display:flex}.completed-meta span{align-items:center;gap:5px;display:inline-flex}.completed-audio{color:var(--navy);background:#e0f2fe;border-color:#bae6fd;justify-self:start}.collective-narration{border:1px solid color-mix(in srgb, var(--violet) 32%, var(--line));background:color-mix(in srgb, var(--surface) 92%, var(--violet));border-radius:1rem;gap:.75rem;padding:.9rem;display:grid}.collective-narration__heading{align-items:flex-start;gap:.65rem;display:flex}.collective-narration__heading>span{width:2rem;height:2rem;color:var(--violet);background:color-mix(in srgb, var(--violet) 14%, transparent);border-radius:50%;flex:0 0 2rem;place-items:center;display:grid}.collective-narration__heading p,.collective-narration small{color:var(--muted);margin:.25rem 0 0}.collective-narration__style,.collective-narration__requirements{gap:.45rem;display:grid}.collective-narration__style select{width:100%}.collective-narration__requirements span{color:var(--muted);align-items:flex-start;gap:.4rem;display:flex}.collective-narration__requirements span.met{color:var(--green)}.collective-narration audio{width:100%}.completed-score{text-align:right;align-content:center;justify-items:end;gap:4px;display:grid}.completed-score strong{color:var(--orange);font-size:1.45rem}.completed-score span{color:var(--ink);font-weight:900}.completed-score small{color:var(--muted);font-weight:800}.empty-state{min-height:140px;color:var(--muted);text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;place-items:center;padding:16px;font-weight:800;display:grid}.toast{color:#fff;max-width:min(420px,100vw - 40px);box-shadow:var(--shadow);z-index:20;background:#111827;border-radius:12px;padding:13px 16px;font-weight:900;position:fixed;bottom:20px;right:20px}.private-access-shell{background:#eef2f6;place-items:center;min-height:100vh;padding:24px;display:grid}.private-access-band{background:#fff;border:1px solid #d6dde6;border-radius:8px;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);align-items:center;gap:28px;width:min(760px,100%);padding:32px;display:grid;box-shadow:0 18px 48px #1118271f}.private-access-brand,.private-access-form{gap:16px;display:grid}.private-access-brand{grid-template-columns:auto 1fr;align-items:start}.private-access-brand h1,.private-access-form h2{letter-spacing:0;margin:0}.private-access-brand p,.private-access-form p{color:var(--muted);margin:6px 0 0}.private-access-form{border-left:1px solid #d6dde6;padding-left:28px}.private-access-form>svg{color:#0f766e}.private-access-form .primary-button{justify-content:center;width:100%}.private-language{grid-column:1/-1;width:min(260px,100%)}.form-error{font-weight:800;color:#b42318!important}.early-access-nav{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px auto 0;padding:7px;display:flex;box-shadow:0 8px 24px #0f172a12}.early-access-nav button,.beta-footer-nav a{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:.82rem;font-weight:900;text-decoration:none;display:inline-flex}.early-access-nav button:hover,.early-access-nav button.active,.beta-footer-nav a:hover{color:var(--navy);background:#eff6ff;border-color:#bfdbfe}.beta-meta-bar{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:14px;margin:10px 4px 16px;font-size:.8rem;font-weight:800;display:flex}.beta-meta-bar span,.beta-meta-bar time,.moderation-notice{align-items:center;gap:6px;display:inline-flex}.moderation-inline{color:var(--green)}.beta-kicker{letter-spacing:.08em;font-size:.75rem;font-weight:1000;color:var(--teal)!important;margin:0 0 5px!important}.beta-registration-band{max-width:820px}.beta-registration-band .private-access-brand{align-self:start}.beta-registration-shell .beta-registration-band:not(.consent-onboarding){gap:16px;height:min(680px,100dvh - 24px);min-height:0;padding:20px;overflow:hidden}.beta-registration-shell .private-access-form{align-content:center;gap:9px;min-height:0}.beta-registration-shell .private-access-form .field{gap:4px}.beta-registration-shell .private-access-form input,.beta-registration-shell .private-access-form button{min-height:42px}.moderation-notice{color:#075985;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;margin:0;padding:10px;font-size:.82rem;line-height:1.4}.star-rating{border:0;align-items:center;gap:8px;margin:14px 0;padding:0;display:flex}.star-rating legend{color:var(--muted);margin-right:4px;font-size:.82rem;font-weight:900}.star-rating div{gap:2px;display:flex}.star-rating button{color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:grid}.star-rating button:hover,.star-rating button.selected{color:var(--orange);background:#fff7ed}.star-rating button.selected svg{animation:.22s ease-out star-pop}.star-rating>span{color:var(--orange);font-weight:1000}.creator-tools{gap:10px;margin:12px 0;display:grid}.narrator-guide{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px}.narrator-guide strong,.narrator-guide p,.narrator-guide small{margin:0;display:block}.narrator-guide p{margin-top:5px;line-height:1.45}.narrator-guide small{color:var(--muted);margin-top:7px;line-height:1.4}.beta-footer-nav{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0 4px;padding-top:12px;display:flex}@keyframes star-pop{0%{transform:scale(.82)}70%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.star-rating button.selected svg{animation:none}}@media (width<=1180px){.workspace{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr)}.live-panel{grid-column:1/-1}}@media (width<=820px){.app-shell{padding:12px}.topbar,.brand,.topbar-actions{align-items:stretch}.topbar,.workspace,.bottom-grid{grid-template-columns:1fr}.topbar{display:grid}.topbar-actions{grid-template-columns:1fr;display:grid}.status-grid{grid-template-columns:1fr 1fr}.workspace{display:grid}.section-heading.split,.queue-header,.fragment-header{flex-direction:column;align-items:stretch}.segments,.reaction-grid,.rating-strip,.form-row,.creator-approval,.completed-card,.bundle-grid,.version-card{grid-template-columns:1fr}.completed-score{text-align:left;justify-items:start}.gap-item{grid-template-columns:1fr}.private-access-band{grid-template-columns:1fr;padding:22px}.private-access-form{border-top:1px solid #d6dde6;border-left:0;padding-top:22px;padding-left:0}.beta-meta-bar{justify-content:flex-start}.star-rating{flex-direction:column;align-items:flex-start}}@media (width<=520px){.status-grid,.genre-wheel{grid-template-columns:1fr}.brand{min-width:0}.brand h1{font-size:1.28rem}}@media (width<=700px){.beta-registration-shell:not(:has(.consent-onboarding)){height:100dvh;min-height:0;padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));overflow:hidden}.beta-registration-shell .beta-registration-band:not(.consent-onboarding){grid-template-rows:auto minmax(0,1fr) auto;gap:7px;height:100%;padding:9px}.beta-registration-shell .private-access-brand{align-items:center}.beta-registration-shell .private-access-brand h1{font-size:1.15rem}.beta-registration-shell .private-access-brand p:not(.beta-kicker){-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;display:-webkit-box;overflow:hidden}.beta-registration-shell .private-access-form{gap:6px;padding-top:7px}.beta-registration-shell .private-access-form>svg{display:none}.beta-registration-shell .private-access-form h2{font-size:1rem}.beta-registration-shell .private-access-form>div:first-of-type>p{display:none}.beta-registration-shell .private-access-form input,.beta-registration-shell .private-access-form button{min-height:40px}.beta-registration-shell .private-language{width:100%}}@media (width<=720px){html,body{overflow-x:hidden}body{overflow-y:auto}.app-shell{height:auto;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 10px max(88px, env(safe-area-inset-bottom));overflow:visible}.finite-story-menu{top:max(8px, env(safe-area-inset-top));z-index:12;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid;position:sticky;box-shadow:0 8px 22px #0f172a1a}.finite-story-menu button{overflow-wrap:anywhere;min-width:0;min-height:44px;padding:7px 4px;font-size:.78rem;line-height:1.15}.story-menu-screen,.story-menu-pane{height:auto;overflow:visible}.room-list{max-height:none;padding-right:0;overflow:visible}.dedicated-row,.moderation-row{grid-template-columns:1fr;align-items:start}.early-access-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dedicated-metrics,.moderation-actions{text-align:start;justify-content:start;justify-items:start}.moderation-actions button{min-height:42px}.topbar{border-radius:14px}}.welcome-panel,.quick-start{width:min(920px,100%);margin-inline:auto}.welcome-panel{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:12px 16px;animation:.26s both panel-enter;display:flex}.welcome-panel div{gap:3px;display:grid}.welcome-panel span{color:#35624a;font-size:.86rem}.welcome-dismiss{color:#14532d;white-space:nowrap;background:0 0;border:1px solid #86efac;border-radius:8px;min-height:42px;padding:9px 12px;font-weight:800}.quick-start{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);align-items:center;gap:22px;margin-top:14px;padding:18px;display:grid;box-shadow:0 8px 26px #0f172a12}.quick-start-copy{min-width:0}.quick-start-copy h2,.quick-start-copy p{margin:0}.quick-start-copy h2{color:var(--ink);font-size:1.2rem}.quick-start-copy>p:last-child{color:var(--muted);margin-top:5px;font-size:.86rem}.quick-start-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-start-button{text-align:start;justify-content:flex-start;min-height:68px;padding:12px 14px;transition:transform .16s,box-shadow .16s}.quick-start-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f172a26}.quick-start-button>span{flex:1;gap:3px;min-width:0;display:grid}.quick-start-button small{color:#ffffffc7;font-size:.74rem;font-weight:600}.hiking-start-button{color:#fff;background:#14532d;border:0;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;min-height:68px;padding:12px 14px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex}.hiking-start-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #14532d38}.early-access-nav-label{width:min(920px,100%);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:18px auto 7px;font-size:.74rem;font-weight:900}.adaptive-navigation-shell{width:min(920px,100%);margin-inline:auto;overflow:visible}.adaptive-navigation--desktop ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.adaptive-navigation--desktop li{flex:initial}.adaptive-navigation--desktop button{text-align:center;justify-content:center;min-height:50px}.suggestions-card input,.suggestions-card select,.suggestions-card textarea,.suggestions-card button{min-width:0}.suggestions-card button,.adaptive-navigation-shell button{min-height:44px}@media (width<=520px){.suggestions-card{overflow-wrap:anywhere}.feedback-form-footer{flex-direction:column;align-items:stretch}.feedback-form-footer button{width:100%}.feedback-draft textarea{max-width:100%}}@media (width<=720px){.quick-start{grid-template-columns:1fr;gap:14px;padding:16px}.quick-start-actions{grid-template-columns:1fr}.early-access-nav-label{margin-top:14px}}@media (prefers-reduced-motion:reduce){.welcome-panel,.quick-start-button,.hiking-start-button{transition:none;animation:none}}.beta-ui-v02{--surface-raised:#fff;--surface-tint:#f1f5f9}.beta-ui-v02 .topbar{border:1px solid #ffffff2e;position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a2e}.beta-ui-v02 .topbar:after{content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-46px;right:20px}.beta-ui-v02 .brand,.beta-ui-v02 .topbar-actions{z-index:1;position:relative}.beta-ui-v02 .brand-icon{box-shadow:0 8px 18px #02061729}.beta-ui-v02 .quick-start{border-color:#cbd5e1;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a17}.beta-ui-v02 .quick-start:before{background:var(--orange);content:"";width:4px;position:absolute;inset:0 auto 0 0}.beta-ui-v02 .quick-start-copy{padding-left:4px}.beta-ui-v02 .beta-kicker{color:var(--teal);letter-spacing:.1em;font-size:.7rem;font-weight:950}.beta-ui-v02 .quick-start-button,.beta-ui-v02 .hiking-start-button{border:1px solid #0000;min-height:76px;box-shadow:0 6px 14px #0f172a1f}.beta-ui-v02 .quick-start-button:active,.beta-ui-v02 .hiking-start-button:active,.beta-ui-v02 .room-card:active,.beta-ui-v02 .genre-node:active,.beta-ui-v02 .subgenre:active{transform:translateY(1px)scale(.99)}.beta-ui-v02 .quick-start-button:focus-visible,.beta-ui-v02 .hiking-start-button:focus-visible{outline-offset:4px}.beta-ui-v02 .beta-meta-bar{background:var(--surface-tint);border:1px solid #dbe3ed;border-radius:10px;width:min(920px,100%);margin:14px auto 0;padding:8px 12px;box-shadow:0 4px 12px #0f172a0d}.beta-ui-v02 .adaptive-navigation-shell{margin:0 auto 10px}.beta-ui-v02 .quick-start{min-height:0}.beta-ui-v02 .module-nav{border-color:#cbd5e1;border-radius:12px;box-shadow:0 6px 16px #0f172a0f}.beta-ui-v02 .module-nav button{border-radius:8px;transition:color .16s,background-color .16s,transform .16s}.beta-ui-v02 .module-nav button:hover{color:var(--navy);background:#eff6ff}.beta-ui-v02 .module-nav button.active{box-shadow:0 4px 10px #1725542e}.beta-ui-v02 .status-grid{gap:10px}.beta-ui-v02 .status-pill{border-color:#dbe3ed;min-height:68px;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 5px 15px #0f172a0d}.beta-ui-v02 .status-pill:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a17}.beta-ui-v02 .narrative-panel,.beta-ui-v02 .rooms-panel,.beta-ui-v02 .live-panel,.beta-ui-v02 .profile-card,.beta-ui-v02 .suggestions-card,.beta-ui-v02 .roadmap-panel,.beta-ui-v02 .completed-panel{border-color:#dbe3ed;box-shadow:0 9px 24px #0f172a0f}.beta-ui-v02 .section-heading{border-bottom:1px solid #e5eaf1;padding-bottom:10px}.beta-ui-v02 .section-heading h2{letter-spacing:0}.beta-ui-v02 .room-card{background:#fbfdff}.beta-ui-v02 .room-card.active{box-shadow:inset 4px 0 0 var(--navy), 0 7px 16px #0f172a14}.beta-ui-v02 .rating-strip{gap:6px}.beta-ui-v02 .rating-strip>span{align-content:center;gap:4px;min-height:58px;padding:7px 6px}.beta-ui-v02 .rating-strip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.beta-ui-v02 .rating-strip-track{background:#e2e8f0;border-radius:999px;width:100%;height:5px;display:block;overflow:hidden}.beta-ui-v02 .rating-strip-fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal), #38bdf8);transform-origin:0;height:100%;animation:.42s both rating-fill-in;display:block}@keyframes rating-fill-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.beta-ui-v02 .bundle-card,.beta-ui-v02 .version-card,.beta-ui-v02 .completed-card{transition:transform .16s,border-color .16s,box-shadow .16s}.beta-ui-v02 .bundle-card:hover,.beta-ui-v02 .version-card:hover,.beta-ui-v02 .completed-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a14}.beta-ui-v02 .suggestions-card textarea:focus,.beta-ui-v02 .suggestions-card select:focus,.beta-ui-v02 .create-room input:focus,.beta-ui-v02 .create-room textarea:focus,.beta-ui-v02 .create-room select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}@media (width<=820px){.beta-ui-v02 .topbar{border-radius:14px}.beta-ui-v02 .status-pill{min-height:64px}.beta-ui-v02 .rating-strip>span{min-height:54px}}@media (width<=520px){.beta-ui-v02 .quick-start,.beta-ui-v02 .narrative-panel,.beta-ui-v02 .rooms-panel,.beta-ui-v02 .live-panel,.beta-ui-v02 .profile-card,.beta-ui-v02 .suggestions-card,.beta-ui-v02 .roadmap-panel,.beta-ui-v02 .completed-panel{border-radius:12px}.beta-ui-v02 .quick-start-button,.beta-ui-v02 .hiking-start-button{min-height:70px}}@media (prefers-reduced-motion:reduce){.beta-ui-v02 .status-pill,.beta-ui-v02 .module-nav button,.beta-ui-v02 .bundle-card,.beta-ui-v02 .version-card,.beta-ui-v02 .completed-card{transition:none}.beta-ui-v02 .rating-strip-fill{animation:none}}.beta-ui-holographic{--holo-cyan:#0f766e;--holo-blue:#1d4ed8;--holo-gold:#f59e0b;--holo-rose:#be123c;--holo-ink:#0b1120;isolation:isolate;background:0 0;position:relative}.beta-ui-holographic>:not(.holographic-backdrop){z-index:1;position:relative}.holographic-backdrop{z-index:0;pointer-events:none;background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 34%,#f8fbf4 63%,#fff7ed 100%);position:fixed;inset:0;overflow:hidden}.holographic-layer{pointer-events:none;position:absolute;inset:0}.holographic-depth-grid{opacity:.34;transform-origin:bottom;background-color:#0000;background-image:linear-gradient(#0f766e2e 1px,#0000 1px),linear-gradient(90deg,#1d4ed829 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:58%;animation:16s linear infinite holographic-grid-drift;inset:auto -20% -20%;transform:perspective(900px)rotateX(61deg)translateY(34px)}.holographic-spectral-wash{opacity:.72;filter:blur(12px);background:linear-gradient(115deg,#0f766e2e,#0000 24%,#f59e0b24 49%,#0000 69%,#be123c1f),linear-gradient(45deg,#0000,#1d4ed81a 42%,#0000 72%);animation:18s ease-in-out infinite alternate holographic-spectrum}.holographic-scanlines{opacity:.14;background:repeating-linear-gradient(#0000 0 13px,#0b112029 13px 14px);animation:12s linear infinite holographic-scan}.holographic-focus-frame{opacity:.82;background:linear-gradient(90deg,#0000 0,#0f766e1a 50%,#0000 100%) 0 0/100% 1px no-repeat,linear-gradient(#0000 0,#be123c1a 50%,#0000 100%) 100% 0/1px 100% no-repeat;border:1px solid #0f766e29;inset:10px}.beta-ui-holographic .topbar{background:linear-gradient(135deg,#0b1120f5,#0f766eeb 48%,#be123cd1),#0b1120;border-color:#ffffff47;box-shadow:0 22px 54px #0f172a38}.beta-ui-holographic .topbar:after{background:linear-gradient(110deg,#0000 0 24%,#ffffff2e 38%,#0000 52%),repeating-linear-gradient(90deg,#0000 0 31px,#ffffff14 31px 32px);border:0;border-radius:0;width:auto;height:auto;animation:8s ease-in-out infinite holographic-sheen;inset:0;transform:translate(-30%)}.beta-ui-holographic .brand-icon{color:#f8fafc;-webkit-backdrop-filter:blur(16px)saturate(135%);backdrop-filter:blur(16px)saturate(135%);background:#ffffff21;border:1px solid #ffffff3d}.beta-ui-holographic .finite-story-menu,.beta-ui-holographic .adaptive-navigation-shell,.beta-ui-holographic .beta-meta-bar{-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:#ffffffc7;border-color:#ffffffbd;box-shadow:0 12px 34px #0f172a1f}.beta-ui-holographic .finite-story-menu button,.beta-ui-holographic .module-nav button{border-radius:8px}.beta-ui-holographic .finite-story-menu button.active,.beta-ui-holographic .finite-story-menu button:hover,.beta-ui-holographic .module-nav button.active{color:#fff;background:linear-gradient(135deg, var(--holo-ink), var(--holo-cyan) 58%, var(--holo-rose));border-color:#ffffff61;box-shadow:0 7px 18px #0f766e3d}.beta-ui-holographic .quick-start{background:linear-gradient(145deg, #fffffff0, #f8fafcdb), var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ffffffb8;box-shadow:0 18px 46px #0f172a21}.beta-ui-holographic .quick-start:before{background:linear-gradient(180deg, var(--holo-cyan), var(--holo-gold), var(--holo-rose));width:5px}.beta-ui-holographic .quick-start-button,.beta-ui-holographic .hiking-start-button{box-shadow:0 12px 28px #0f172a26}.beta-ui-holographic .hiking-start-button{background:linear-gradient(135deg, #14532d, var(--holo-cyan))}.beta-ui-holographic .narrative-panel,.beta-ui-holographic .rooms-panel,.beta-ui-holographic .live-panel,.beta-ui-holographic .profile-card,.beta-ui-holographic .suggestions-card,.beta-ui-holographic .roadmap-panel,.beta-ui-holographic .completed-panel,.beta-ui-holographic .dedicated-panel,.beta-ui-holographic .private-access-band{background:#fffffff5;border-color:#e2e8f0f0;box-shadow:0 12px 34px #0f172a17}.beta-ui-holographic.private-access-shell{background:0 0}.beta-ui-holographic .private-access-band{border-color:#ffffffc2;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a2e}.beta-ui-holographic .private-access-band:before{background:linear-gradient(180deg, var(--holo-cyan), var(--holo-gold), var(--holo-rose));content:"";width:5px;position:absolute;inset:0 auto 0 0}.beta-ui-holographic .private-access-brand,.beta-ui-holographic .private-access-form,.beta-ui-holographic .private-language,.beta-ui-holographic .consent-document,.beta-ui-holographic .consent-choice,.beta-ui-holographic .private-access-band>button{z-index:1;position:relative}.beta-ui-holographic .private-access-form{background:linear-gradient(145deg,#f8fafcd6,#ffffffb8);border-left-color:#0f766e2e}.beta-ui-holographic .consent-document{background:#f8fafcf5;border-color:#0f766e2e}.beta-ui-holographic .room-card.active,.beta-ui-holographic .bundle-card.current,.beta-ui-holographic .version-card.current{box-shadow:inset 4px 0 0 var(--holo-cyan), 0 12px 24px #0f766e21;border-color:#0f766e94}.beta-ui-holographic .early-access-readiness{background:linear-gradient(145deg, #ecfdf5bd, #fffffff5), var(--surface);border-color:#0f766e4d}.beta-ui-holographic .status-pill,.beta-ui-holographic .early-access-check,.beta-ui-holographic .readiness-item{border-radius:8px}@keyframes holographic-grid-drift{0%{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}@keyframes holographic-spectrum{0%{transform:translate(-1.5%,-.5%)}to{transform:translate(1.5%,.5%)}}@keyframes holographic-scan{0%{transform:translateY(0)}to{transform:translateY(14px)}}@keyframes holographic-sheen{0%,38%{transform:translate(-46%)}72%,to{transform:translate(46%)}}[data-immersive-motion=reduced] .holographic-depth-grid,[data-immersive-motion=reduced] .holographic-spectral-wash,[data-immersive-motion=reduced] .holographic-scanlines,[data-immersive-motion=reduced] .topbar:after,[data-immersive-motion=off] .holographic-depth-grid,[data-immersive-motion=off] .holographic-spectral-wash,[data-immersive-motion=off] .holographic-scanlines,[data-immersive-motion=off] .topbar:after{animation:none}[data-immersive-motion=off] .holographic-backdrop{opacity:.45}@media (width<=720px){.holographic-depth-grid{opacity:.22;background-size:34px 34px;height:44%}.holographic-spectral-wash{filter:blur(8px);opacity:.56}.beta-ui-holographic .finite-story-menu,.beta-ui-holographic .adaptive-navigation-shell,.beta-ui-holographic .beta-meta-bar{-webkit-backdrop-filter:blur(12px)saturate(130%);backdrop-filter:blur(12px)saturate(130%)}}@media (prefers-reduced-motion:reduce){.holographic-depth-grid,.holographic-spectral-wash,.holographic-scanlines,.beta-ui-holographic .topbar:after{animation:none}}.beta-ui-holographic>.experimental-banner{left:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:30;position:fixed}@media (width<=720px){.app-shell{padding:max(8px, env(safe-area-inset-top)) 8px max(76px, env(safe-area-inset-bottom));gap:8px}.topbar,.beta-ui-v02 .topbar{border-radius:14px;align-items:center;gap:9px;padding:10px 12px;display:flex}.brand{flex:auto;gap:9px;min-width:0}.brand-icon{border-radius:11px;width:40px;height:40px}.brand h1{text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;line-height:1.05;overflow:hidden}.brand p{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.68rem;line-height:1.15;overflow:hidden}.topbar-actions{flex:0 auto;display:flex}.topbar-profile{text-overflow:ellipsis;white-space:nowrap;max-width:132px;padding:6px 8px;font-size:.72rem;overflow:hidden}.adaptive-navigation--mobile{border-radius:14px;padding:5px}.adaptive-navigation--mobile ul{gap:5px}.adaptive-navigation--mobile button{gap:6px;min-height:46px;padding:6px 5px}.adaptive-navigation--mobile .adaptive-navigation__text{font-size:.72rem}.experimental-banner,.beta-ui-holographic>.experimental-banner{left:7px;bottom:max(7px, env(safe-area-inset-bottom));padding:4px 7px;font-size:.56rem}html,body{width:100%;height:100%;overflow:hidden}.app-shell{width:100%;height:100dvh;min-height:0;overflow:hidden}.beta-ui-holographic>.skip-link{position:fixed}.holographic-backdrop{contain:strict}.nexo-home-screen{gap:10px;padding:12px;overflow:hidden}.nexo-home-core{gap:4px}.nexo-home-core>p:last-child,.home-safety-note p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.home-status-grid article,.home-safety-note{min-height:0;padding:8px}}
