.overlay.overlay-top{z-index:var(--z-overlay-nested)}.pin-dots{gap:var(--space-sm);justify-content:center;min-height:1.5rem;display:flex}.pin-dot{border:.2rem solid var(--color-ink-muted);border-radius:50%;width:1.25rem;height:1.25rem}.pin-dot.filled{background:var(--color-accent);border-color:var(--color-accent)}.pin-message{min-height:1.5em;color:var(--color-ink-muted);font-weight:var(--weight-bold)}.pin-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.pin-action{font-size:var(--text-xl)}.unlock-note{color:var(--color-ink-muted);max-width:28rem}.home-switch.is-static{cursor:default}@media (max-height:640px){.pin-grid{grid-template-columns:repeat(6,1fr)}.pin-grid .btn-answer{min-height:3.5rem}}.install-hint{inset-inline:max(var(--space-md), env(safe-area-inset-left)) max(var(--space-md), env(safe-area-inset-right));z-index:var(--z-overlay);align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-body);box-shadow:var(--elevation-2);bottom:max(var(--space-md), env(safe-area-inset-bottom));display:flex;position:fixed}.install-hint__text{gap:var(--space-3xs);flex-direction:column;flex:1;display:flex}.install-hint__text span{color:var(--color-ink-muted)}.install-hint__ok{min-height:2.75rem;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-ink-on-accent);font-weight:var(--weight-bold);border:0;flex:none}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/baloo-bhaijaan-2-arabic-CRcpK9-Q.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/baloo-bhaijaan-2-latin-Dg-XQwW0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tf-night-950:#071a22;--tf-night-900:#0b2530;--tf-night-800:#113340;--tf-night-700:#1a4553;--tf-night-600:#255a6a;--tf-night-500:#31707f;--tf-sand-50:#fff7e8;--tf-mist-200:#b9d3d6;--tf-saffron-400:#ffc53d;--tf-saffron-300:#ffd76e;--tf-saffron-600:#b8862a;--tf-coral-400:#ff7f66;--tf-mint-400:#4fddb8;--tf-mint-600:#2e8f76;--tf-sky-300:#8fb4ff;--tf-lilac-300:#c9a7ff;--color-bg:var(--tf-night-900);--color-bg-deep:var(--tf-night-950);--color-surface:var(--tf-night-800);--color-surface-raised:var(--tf-night-700);--color-surface-quiet:var(--tf-night-600);--color-line:var(--tf-night-500);--color-ink:var(--tf-sand-50);--color-ink-muted:var(--tf-mist-200);--color-ink-on-accent:var(--tf-night-900);--color-accent:var(--tf-saffron-400);--color-accent-hover:var(--tf-saffron-300);--color-focus:var(--tf-saffron-400);--color-focus-gap:var(--tf-night-950);--color-scrim:#071a22e0;--color-player-bg:#000;--tone-1:var(--tf-mint-400);--tone-2:var(--tf-coral-400);--tone-3:var(--tf-sky-300);--tone-4:var(--tf-lilac-300);--tone-5:var(--tf-saffron-400);--space-3xs:.25rem;--space-2xs:.375rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-safe-inline:4rem;--space-safe-block:2.5rem;--radius-chip:12px;--radius-button:20px;--radius-card:26px;--radius-panel:32px;--radius-pill:999px;--radius-sm:.5rem;--radius-md:var(--radius-chip);--radius-lg:var(--radius-button);--radius-xl:var(--radius-panel);--arch-w:12rem;--radius-arch:calc(var(--arch-w) / 2) calc(var(--arch-w) / 2) var(--radius-lg) var(--radius-lg);--elevation-1:0 4px 0 #0000004d;--elevation-2:0 6px 0 #00000059;--elevation-3:0 10px 0 #00000059;--elevation-focus:var(--elevation-3);--focus-width:6px;--focus-offset:4px;--focus-scale:1.06;--press-scale:.97;--sp-4:var(--space-3xs);--sp-8:var(--space-xs);--sp-12:var(--space-sm);--sp-16:var(--space-md);--sp-24:var(--space-lg);--sp-32:var(--space-xl);--sp-48:var(--space-2xl);--sp-64:var(--space-3xl);--fs-display:34px;--fs-h1:28px;--fs-h2:23px;--fs-card-title:17px;--fs-body:15px;--fs-caption:12px;--fw-display:800;--fw-h1:800;--fw-h2:800;--fw-card-title:700;--fw-body:500;--fw-caption:600;--section-gap:28px;--touch:48px;--font-brand:"Baloo Bhaijaan 2", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Arabic", "Geeza Pro", Tahoma, sans-serif;--font-ui:var(--font-brand);--weight-regular:500;--weight-medium:600;--weight-bold:700;--weight-black:800;--text-xs:.8rem;--text-sm:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--leading-tight:1.15;--leading-body:1.4;--dur-instant:80ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.36s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.34, 1.4, .64, 1);--z-player-parked:-1;--z-player-stage:1;--z-player:2;--z-controls:5;--z-overlay:10;--z-lock:20;--z-overlay-nested:30;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:600px){:root{--fs-display:44px;--fs-h1:36px;--fs-h2:28px;--fs-card-title:20px;--fs-body:17px;--fs-caption:14px;--section-gap:36px}}@media (min-width:1024px){:root{--fs-display:48px;--fs-h1:40px;--fs-h2:32px;--fs-card-title:22px;--fs-body:18px}}:root.tv-mode{--u:calc(100vw / 1920);--fs-display:calc(64 * var(--u));--fs-h1:calc(52 * var(--u));--fs-h2:calc(40 * var(--u));--fs-card-title:calc(30 * var(--u));--fs-body:calc(24 * var(--u));--fs-caption:calc(18 * var(--u));--section-gap:calc(56 * var(--u));--touch:calc(72 * var(--u))}:root:lang(ar){--leading-tight:1.35;--leading-body:1.65;letter-spacing:0}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--focus-scale:1}}button{position:relative}.btn,.ctl,.profile,.card,.home-switch,.see-all,.nav-item{transition:transform var(--dur-fast) var(--ease-pop);border:0;outline:0}.profile-arch,.card-frame{position:relative}.btn:after,.ctl:after,.home-switch:after,.see-all:after,.nav-item:after,.profile-arch:after,.card-frame:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 var(--focus-offset) var(--color-focus-gap), 0 0 0 calc(var(--focus-offset) + var(--focus-width)) var(--ring,var(--color-focus));transition:opacity var(--dur-instant) linear;position:absolute;top:0;bottom:0;left:0;right:0}.card-frame:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 var(--lift,6px) 0 #00000059;transition:opacity var(--dur-fast) linear;position:absolute;top:0;bottom:0;left:0;right:0}:root[data-input=key] .btn.focused:after,:root[data-input=key] .ctl.focused:after,:root[data-input=key] .home-switch.focused:after,:root[data-input=key] .see-all.focused:after,:root[data-input=key] .nav-item.focused:after,:root[data-input=key] .profile.focused .profile-arch:after,:root[data-input=key] .card.focused .card-frame:after{opacity:1}.btn:focus-visible:after{opacity:1}.ctl:focus-visible:after{opacity:1}.home-switch:focus-visible:after{opacity:1}.see-all:focus-visible:after{opacity:1}.nav-item:focus-visible:after{opacity:1}.profile:focus-visible .profile-arch:after{opacity:1}.card:focus-visible .card-frame:after{opacity:1}:root[data-input=key] .card.focused .card-frame:before{opacity:1;--lift:10px}.card:focus-visible .card-frame:before{opacity:1;--lift:10px}:root[data-input=key] .btn.focused,:root[data-input=key] .ctl.focused,:root[data-input=key] .profile.focused,:root[data-input=key] .card.focused,:root[data-input=key] .home-switch.focused,:root[data-input=key] .see-all.focused,:root[data-input=key] .nav-item.focused{transform:scale(var(--focus-scale))}.btn:focus-visible{transform:scale(var(--focus-scale))}.ctl:focus-visible{transform:scale(var(--focus-scale))}.profile:focus-visible{transform:scale(var(--focus-scale))}.card:focus-visible{transform:scale(var(--focus-scale))}.home-switch:focus-visible{transform:scale(var(--focus-scale))}.see-all:focus-visible{transform:scale(var(--focus-scale))}.nav-item:focus-visible{transform:scale(var(--focus-scale))}:root[data-input=key] .btn.focused{box-shadow:0 8px 0 var(--drop,transparent)}.btn:focus-visible{box-shadow:0 8px 0 var(--drop,transparent)}@media (hover:hover){:root[data-input=pointer] .card:hover,:root[data-input=pointer] .profile:hover,:root[data-input=pointer] .home-switch:hover{transform:translateY(-3px)}:root[data-input=pointer] .card:hover .card-frame:before{opacity:1}:root[data-input=pointer] .btn:hover{background-color:var(--btn-hover,var(--color-accent-hover))}:root[data-input=pointer] .see-all:hover{color:var(--color-ink)}}html:root[data-input] .card:active,html:root[data-input] .profile:active,html:root[data-input] .ctl:active,html:root[data-input] .home-switch:active,html:root[data-input] .see-all:active,html:root[data-input] .nav-item:active{transform:scale(var(--press-scale))}html:root[data-input] .btn:active{transform:translateY(3px) scale(var(--press-scale));box-shadow:0 1px 0 var(--drop,transparent)}@media (forced-colors:active){.btn:after,.ctl:after,.home-switch:after,.see-all:after,.nav-item:after,.profile-arch:after,.card-frame:after{box-shadow:none;outline:3px solid highlight}}@supports not (aspect-ratio:1){.card-thumb:before{content:"";padding-top:56.25%;display:block}}.btn{--drop:var(--tf-saffron-600);--ring:var(--color-ink);justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--touch);padding-block:var(--space-xs);padding-inline:var(--space-lg);border-radius:var(--radius-button);background:var(--color-accent);color:var(--color-ink-on-accent);font-size:var(--fs-card-title);font-weight:var(--fw-card-title);box-shadow:0 4px 0 var(--drop);line-height:1;display:inline-flex}.btn-quiet{--drop:var(--tf-night-950);--ring:var(--color-focus);--btn-hover:var(--tf-night-500);background:var(--color-surface-quiet);color:var(--color-ink)}.btn-approve{--drop:var(--tf-mint-600);--ring:var(--color-ink);--btn-hover:#7be8cb;background:var(--tf-mint-400);color:var(--color-ink-on-accent);font-size:var(--fs-body)}.btn-parent{--drop:transparent;--ring:var(--color-focus);--btn-hover:var(--color-surface);border-radius:var(--radius-pill);box-shadow:none;color:var(--color-ink);font-size:var(--fs-body);outline:2px solid var(--color-line);outline-offset:-2px;background:0 0}.btn:disabled,.btn[aria-disabled=true]{--drop:transparent;background:var(--color-surface-quiet);color:var(--color-ink-muted);box-shadow:none;opacity:.55;cursor:default;transform:none}.btn-answer{--drop:var(--tf-night-950)}.ctl-primary{--ring:var(--color-ink)}.chip{align-items:center;gap:var(--space-xs);min-height:var(--touch);padding:0 var(--space-md) 0 var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-ink);font-size:var(--fs-card-title);font-weight:var(--fw-card-title);display:inline-flex}.chip-time{padding-left:var(--space-2xs)}.ring{width:calc(var(--touch) * .7);height:calc(var(--touch) * .7);flex:none}.ring-track,.ring-fill{fill:none;stroke-width:5px}.ring-track{stroke:var(--color-surface-quiet)}.ring-fill{stroke:var(--tf-mint-400);stroke-linecap:round;transform-origin:18px 18px;transform:rotate(-90deg)}.chip-time.is-low .ring-fill{stroke:var(--tf-coral-400)}.chip-done{background:var(--color-bg-deep);box-shadow:inset 0 0 0 2px var(--color-surface-quiet)}.chip-done .icon,.chip-stars .icon{color:var(--tf-saffron-300)}.chip-stars{min-height:calc(var(--touch) * .85);font-size:var(--fs-body)}.logo{display:block}.profile{--arch-w:10rem;align-items:center;gap:var(--sp-12);width:var(--arch-w);color:var(--color-ink);background:0 0;flex-direction:column;padding:0;display:flex}.profile-arch{width:100%;padding:var(--sp-24) var(--sp-16) var(--sp-16);border-radius:var(--radius-arch);background:var(--color-surface-raised);box-shadow:var(--elevation-1);place-items:center;display:grid}:root[data-input=key] .profile.focused .profile-arch{background:var(--color-surface-quiet)}.profile-avatar{width:100%}.profile-name{font-size:var(--fs-h2);font-weight:var(--fw-card-title);line-height:var(--leading-tight);overflow-wrap:anywhere}.home-switch{border-radius:var(--radius-pill);background:var(--color-surface-raised)}:root[data-input=key] .home-switch.focused{background:var(--color-surface-quiet)}@media (max-width:640px){.profile{--arch-w:100%;width:auto}.profile-arch{padding:var(--sp-16) var(--sp-8) var(--sp-8);border-radius:5rem 5rem var(--radius-lg) var(--radius-lg)}.profile-name{font-size:var(--fs-card-title)}}@media (max-height:500px){.profile{--arch-w:8rem;width:var(--arch-w)}.profile-arch{padding:var(--sp-12) var(--sp-8) var(--sp-8)}.profile-name{font-size:var(--fs-body)}}.section-head{justify-content:space-between;align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-8);display:flex}.home-section-title{align-items:center;gap:var(--sp-8);font-size:var(--fs-h2);font-weight:var(--fw-h2);margin:0;display:flex}.dot{--tone:var(--tone-1);background:var(--tone);border-radius:50%;flex:none;width:.6em;height:.6em}.see-all{align-items:center;gap:var(--sp-4);min-height:var(--touch);padding-inline:var(--sp-12);border-radius:var(--radius-pill);color:var(--tf-mint-400);font-size:var(--fs-body);background:0 0;font-weight:700;display:inline-flex}:root[dir=rtl] .icon-flip{transform:scaleX(-1)}.tone-2{--tone:var(--tone-2)}.tone-3{--tone:var(--tone-3)}.tone-4{--tone:var(--tone-4)}.tone-5{--tone:var(--tone-5)}.card{--tone:var(--tone-1);align-items:stretch;gap:var(--sp-12);min-width:0;color:var(--color-ink);text-align:start;background:0 0;flex-direction:column;padding:0;display:flex}.card-frame{border-radius:var(--radius-card);display:block}.card-thumb{aspect-ratio:16/9;border-radius:var(--radius-card);background-color:var(--tone);display:block;position:relative;overflow:hidden}.card-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.card-title{-webkit-line-clamp:2;font-size:var(--fs-card-title);font-weight:var(--fw-card-title);line-height:var(--leading-tight);min-height:calc(2em * var(--leading-tight));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-channel{color:var(--color-ink-muted);font-size:var(--fs-caption);font-weight:var(--fw-caption);text-overflow:ellipsis;white-space:nowrap;margin-top:calc(-1 * var(--sp-8));overflow:hidden}.card-duration{bottom:var(--sp-8);right:var(--sp-8);padding:2px var(--sp-8);border-radius:var(--radius-pill);background:var(--color-bg-deep);color:var(--color-ink);font-size:var(--fs-caption);font-weight:700;line-height:1.4;position:absolute}.card-done{top:var(--sp-8);left:var(--sp-8);background:var(--tf-mint-400);width:1.6em;height:1.6em;color:var(--color-ink-on-accent);font-size:var(--fs-body);border-radius:50%;place-items:center;display:grid;position:absolute}.card-lock{color:var(--color-ink);font-size:var(--fs-h2);background:#071a22b8;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.card.is-locked .card-title,.card.is-locked .card-channel{opacity:.6}.card-progress{background:#071a2299;height:6px;position:absolute;bottom:0;left:0;right:0}.card-progress i{background:var(--tf-mint-400);transform-origin:0;height:100%;display:block}.card-skel .card-thumb{background-color:var(--color-surface-raised)}.card-skel-line{background:var(--color-surface-raised);border-radius:8px;width:90%;height:14px;display:block}.card-skel-line.is-short{width:55%;height:10px;margin-top:calc(-1 * var(--sp-4))}.state{justify-content:center;align-items:center;gap:var(--sp-24);padding:var(--sp-24);border-radius:var(--radius-panel);background:var(--color-surface);text-align:start;flex-wrap:wrap;display:flex}.state-art{flex:none;width:5.5rem;height:auto}.arch-body{fill:var(--color-surface-raised)}.arch-face{fill:var(--color-ink)}.arch-mouth{fill:none;stroke:var(--color-ink);stroke-width:4px;stroke-linecap:round}.dot-on{fill:var(--color-ink)}.dot-off{fill:var(--color-surface-quiet)}.state-text{gap:var(--sp-4);flex-direction:column;max-width:28rem;display:flex}.state-text h2{font-size:var(--fs-card-title);font-weight:var(--fw-card-title)}.state-text p{color:var(--color-ink-muted);font-size:var(--fs-body)}.empty{margin-top:var(--space-3xl)}.player-oops{max-width:36rem}@media (max-width:640px) and (orientation:portrait){.player-oops .state-art{width:4rem}}@media (max-height:500px){.player-oops .state-art{width:4rem}}:root[dir=rtl] .card-duration{right:auto;left:var(--sp-8)}:root[dir=rtl] .card-done{left:auto;right:var(--sp-8)}:root[dir=rtl] .chip{padding:0 var(--space-sm) 0 var(--space-md)}:root[dir=rtl] .chip-time{padding-left:0;padding-right:var(--space-2xs)}.nav-item{justify-content:center;align-items:center;gap:var(--sp-8);min-height:var(--touch);padding:var(--sp-8) var(--sp-16);border-radius:var(--radius-button);color:var(--color-ink-muted);font-size:var(--fs-body);text-align:start;background:0 0;font-weight:700;display:inline-flex}.nav-item .icon{width:1.5em;height:1.5em}.nav-item.is-current{--ring:var(--color-ink);background:var(--color-accent);color:var(--color-ink-on-accent)}.nav-item.is-parents{box-shadow:inset 0 0 0 2px var(--tf-night-500)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:max(14px,min(1.25vw,28px))}body{background:var(--color-bg) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%20preserveAspectRatio='xMidYMax%20slice'%3e%3cpath%20fill='%230e2d39'%20d='M1460%201080V880a230%20230%200%200%201%20460%200v200Z'/%3e%3cpath%20fill='%23102f3c'%20d='M1620%201080V960a150%20150%200%200%201%20300%200v120Z'/%3e%3cpath%20fill='%230d2a35'%20d='M-40%201080v-90a170%20170%200%200%201%20340%200v90Z'/%3e%3ccircle%20cx='160'%20cy='760'%20r='6'%20fill='%238fb4ff'%20opacity='.45'/%3e%3ccircle%20cx='380'%20cy='930'%20r='5'%20fill='%23ffc53d'%20opacity='.45'/%3e%3ccircle%20cx='1560'%20cy='720'%20r='6'%20fill='%234fddb8'%20opacity='.4'/%3e%3c/svg%3e") center bottom / cover no-repeat;min-height:100vh;min-height:100dvh;color:var(--color-ink);font-family:var(--font-ui);font-weight:var(--weight-regular);line-height:var(--leading-body);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}h1,h2,p{margin:0}h1,h2{line-height:var(--leading-tight);font-weight:var(--weight-black)}button{font:inherit;color:inherit;cursor:pointer}img{display:block}.icon{flex:none;width:1.25em;height:1.25em}.screen{height:100vh;height:100dvh;padding-block:max(var(--space-safe-block), env(safe-area-inset-top)) max(var(--space-safe-block), env(safe-area-inset-bottom));padding-inline:max(var(--space-safe-inline), env(safe-area-inset-left)) max(var(--space-safe-inline), env(safe-area-inset-right));scrollbar-width:none;background:var(--color-bg) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%20preserveAspectRatio='xMidYMax%20slice'%3e%3cpath%20fill='%230e2d39'%20d='M1460%201080V880a230%20230%200%200%201%20460%200v200Z'/%3e%3cpath%20fill='%23102f3c'%20d='M1620%201080V960a150%20150%200%200%201%20300%200v120Z'/%3e%3cpath%20fill='%230d2a35'%20d='M-40%201080v-90a170%20170%200%200%201%20340%200v90Z'/%3e%3ccircle%20cx='160'%20cy='760'%20r='6'%20fill='%238fb4ff'%20opacity='.45'/%3e%3ccircle%20cx='380'%20cy='930'%20r='5'%20fill='%23ffc53d'%20opacity='.45'/%3e%3ccircle%20cx='1560'%20cy='720'%20r='6'%20fill='%234fddb8'%20opacity='.4'/%3e%3c/svg%3e") center bottom / cover no-repeat;overflow-y:auto}.screen::-webkit-scrollbar{display:none}.avatar{aspect-ratio:1;width:100%;height:auto;display:block}.avatar-text{place-items:center;font-size:4rem;line-height:1;display:grid}.picker{align-items:center;gap:var(--space-xl);text-align:center;flex-direction:column;display:flex}.picker:before,.picker:after{content:"";flex:1 0 0}.picker-logo{width:auto;height:3.6rem}.picker-title{font-size:var(--fs-display);font-weight:var(--fw-display)}.picker-row{justify-content:center;gap:var(--space-xl);padding:var(--space-md);flex-wrap:wrap;display:flex}.picker-lang{margin-top:var(--space-sm)}.home-header{justify-content:space-between;align-items:center;gap:var(--space-md) var(--space-xl);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.home-hello{align-items:center;gap:var(--space-md);display:flex}.home-avatar{flex:none;width:4rem}.home-switch{align-items:center;gap:var(--space-md);min-height:3.5rem;padding:var(--space-2xs) var(--space-lg) var(--space-2xs) var(--space-2xs);padding-inline:var(--space-2xs) var(--space-lg);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--elevation-1);text-align:start;display:inline-flex}.home-switch-text{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.home-switch-name{font-size:var(--fs-h1);font-weight:var(--fw-h1);line-height:var(--leading-tight);overflow-wrap:anywhere}.home-switch-hint{align-items:center;gap:var(--space-2xs);font-size:var(--fs-body);font-weight:var(--weight-bold);color:var(--color-accent);display:inline-flex}.home-switch-hint .icon{width:1.25em;height:1.25em}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-meta{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.home-sections{gap:var(--section-gap);padding-bottom:var(--space-3xl);flex-direction:column;display:flex}.home-row{--card-w:calc((100% - 3 * var(--row-gap)) / 4);--row-gap:var(--space-lg);gap:var(--row-gap);padding:var(--space-md);margin:calc(-1 * var(--space-md));overflow-anchor:none;scrollbar-width:none;margin-top:0;display:flex;overflow-x:auto}.home-row::-webkit-scrollbar{display:none}.home-row>.card{flex:0 0 var(--card-w);min-width:11rem}@media (max-width:1100px){.home-row{--card-w:calc((100% - 2 * var(--row-gap)) / 3)}}.home-row-gap{width:calc(var(--n) * max(var(--card-w), 11rem) + (var(--n) - 1) * var(--row-gap));flex:none}.kid-shell{background:var(--color-bg);height:100vh;flex-direction:column;height:100dvh;display:flex}.kid-shell>.screen{flex:1 1 0;min-width:0;height:auto;min-height:0}.kid-nav{background:var(--color-bg-deep);flex:none}.kid-nav-items{display:flex}.nav-label{overflow-wrap:anywhere;min-width:0}.nav-end{align-items:center;gap:var(--space-md);display:flex}.nav-logo{flex:none;width:auto;height:2.4rem}.home-parents{gap:var(--space-2xs)}.kid-shell[data-layout=tablet],.kid-shell[data-layout=desktop]{flex-direction:row}.kid-shell[data-layout=tablet] .kid-nav{width:6.5rem;padding:var(--space-xl) var(--space-xs) var(--space-lg);flex-direction:column;display:flex}.kid-shell[data-layout=tablet] .kid-nav-items{gap:var(--space-sm);flex-direction:column;flex:1}.kid-shell[data-layout=tablet] .nav-item{padding:var(--space-xs) var(--space-3xs);font-size:var(--fs-caption);text-align:center;flex-direction:column;gap:2px;line-height:1.2}.kid-shell[data-layout=tablet] .nav-item.is-parents{margin-top:auto}.kid-shell[data-layout=desktop] .kid-nav{width:17rem;padding:var(--space-xl) var(--space-md) var(--space-lg);gap:var(--space-xl);flex-direction:column;display:flex}.kid-shell[data-layout=desktop] .kid-nav-items{gap:var(--space-2xs);flex-direction:column;flex:1}.kid-shell[data-layout=desktop] .nav-item{font-size:var(--fs-body);justify-content:flex-start}.kid-shell[data-layout=desktop] .nav-item.is-parents{margin-top:auto}.kid-shell[data-layout=tv]{--space-safe-inline:calc(96 * var(--u));--space-safe-block:calc(60 * var(--u))}.kid-shell[data-layout=tv] .kid-nav{align-items:center;gap:calc(20 * var(--u));padding-block:var(--space-safe-block) calc(12 * var(--u));padding-inline:var(--space-safe-inline);background:0 0;display:flex}.kid-shell[data-layout=tv] .nav-logo{height:calc(64 * var(--u))}.kid-shell[data-layout=tv] .kid-nav-items{gap:calc(12 * var(--u))}.kid-shell[data-layout=tv] .kid-nav-items:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(16 * var(--u))}.kid-shell[data-layout=tv] .kid-nav-items:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(16 * var(--u))}.kid-shell[data-layout=tv] .kid-nav-items:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(16 * var(--u))}.kid-shell[data-layout=tv] .kid-nav-items:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(16 * var(--u))}.kid-shell[data-layout=tv] .kid-nav-items:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(16 * var(--u))}.kid-shell[data-layout=tv] .kid-nav-items:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(16 * var(--u))}.kid-shell[data-layout=tv] .kid-nav-items:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(16 * var(--u))}.kid-shell[data-layout=tv] .nav-end{gap:calc(16 * var(--u))}.kid-shell[data-layout=tv] .nav-end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.kid-shell[data-layout=tv] .nav-end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.kid-shell[data-layout=tv] .nav-end:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.kid-shell[data-layout=tv] .nav-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.kid-shell[data-layout=tv] .nav-end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.kid-shell[data-layout=tv] .nav-end:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.kid-shell[data-layout=tv] .nav-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.kid-shell[data-layout=tv] .nav-item{min-height:calc(72 * var(--u));padding-top:0;padding-bottom:0;padding-inline:calc(32 * var(--u));border-radius:var(--radius-pill);font-size:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-item.is-current{background:var(--tf-night-600);color:var(--color-ink);--ring:var(--color-focus)}.kid-shell[data-layout=tv]>.screen{padding-top:calc(16 * var(--u))}.kid-shell[data-layout=tv] .nav-item,.kid-shell[data-layout=tv] .nav-end>*{flex:none}.kid-shell[data-layout=tv] .nav-label,.kid-shell[data-layout=tv] .nav-end .chip,.kid-shell[data-layout=tv] .home-switch-name{white-space:nowrap}.kid-shell[data-layout=tv] .nav-end .chip{height:calc(72 * var(--u));font-size:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-switch{min-height:calc(72 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-switch:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-switch:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-switch:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-switch:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-switch:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-switch:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-switch:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-switch-name{font-size:calc(26 * var(--u))}.kid-shell[data-layout=tv] .nav-end .home-avatar{width:calc(54 * var(--u))}.player-layer{position:fixed;left:0}.player-layer.is-stage{width:100%;height:100vh;height:100dvh;z-index:var(--z-player-stage);background:var(--color-player-bg);top:0;right:0}.player-layer.is-parked{width:400px;max-width:100vw;height:225px;z-index:var(--z-player-parked);pointer-events:none;contain:strict;top:0}.player-layer.is-parked:after{content:"";background:var(--color-bg);position:absolute;top:0;bottom:0;left:0;right:0}.player-layer.is-parked .player-host{opacity:1;transition:none}.focus-boundary,.home-hold{display:contents}.home-hold.is-held>*{visibility:hidden}.player{width:100%;height:100vh;height:100dvh;z-index:var(--z-player);position:fixed;top:0;left:0;right:0}.intro-skip-group{z-index:2;position:absolute;top:0;bottom:0;left:0;right:0}.intro-skip{background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.intro-skip.focused{outline:none}.player-stage{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.player-host,.player-host iframe{border:0;width:100%;height:100%}.player-host{opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.player-host.live{opacity:1}.player-cover{z-index:1;justify-content:center;align-items:center;gap:var(--space-md);background:var(--color-bg) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%20preserveAspectRatio='xMidYMax%20slice'%3e%3cpath%20fill='%230e2d39'%20d='M1460%201080V880a230%20230%200%200%201%20460%200v200Z'/%3e%3cpath%20fill='%23102f3c'%20d='M1620%201080V960a150%20150%200%200%201%20300%200v120Z'/%3e%3cpath%20fill='%230d2a35'%20d='M-40%201080v-90a170%20170%200%200%201%20340%200v90Z'/%3e%3ccircle%20cx='160'%20cy='760'%20r='6'%20fill='%238fb4ff'%20opacity='.45'/%3e%3ccircle%20cx='380'%20cy='930'%20r='5'%20fill='%23ffc53d'%20opacity='.45'/%3e%3ccircle%20cx='1560'%20cy='720'%20r='6'%20fill='%234fddb8'%20opacity='.4'/%3e%3c/svg%3e") center bottom / cover no-repeat;font-size:var(--text-lg);font-weight:var(--weight-bold);transition:opacity var(--dur-slow) var(--ease-out);flex-direction:column;padding-bottom:10rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.player-cover.is-hidden{opacity:0;pointer-events:none}.player-cover.has-play{padding-bottom:0}.stage-play{background:var(--color-accent);width:8rem;height:8rem;color:var(--color-ink-on-accent);box-shadow:var(--elevation-2);font-size:var(--text-3xl);border:0;border-radius:50%;place-items:center;display:grid}.stage-play:active{transform:scale(.94)}.sound-chip{z-index:2;top:var(--space-lg);position:absolute}.sound-chip:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-lg)}.sound-chip:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-lg)}.sound-chip:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-lg)}.sound-chip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-lg)}.sound-chip:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-lg)}.sound-chip:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-lg)}.sound-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-lg)}.player-shield{position:absolute;top:0;bottom:0;left:0;right:0}.player-message{justify-content:center;align-items:center;gap:var(--space-md);background:var(--color-bg);font-size:var(--text-lg);font-weight:var(--weight-bold);text-align:center;flex-direction:column;padding-bottom:10rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.player-code{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted)}.loader{gap:var(--space-xs);display:flex}.loader i{background:var(--tone-1);width:1rem;height:1rem;animation:loader-hop .9s var(--ease-out) infinite;border-radius:50%}.loader i:nth-child(2){background:var(--tone-5);animation-delay:.15s}.loader i:nth-child(3){background:var(--tone-2);animation-delay:.3s}@keyframes loader-hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.6rem)}}.controls{z-index:var(--z-controls);padding-block:var(--space-3xl) max(var(--space-safe-block), env(safe-area-inset-bottom));padding-inline:max(var(--space-safe-inline), env(safe-area-inset-left)) max(var(--space-safe-inline), env(safe-area-inset-right));transition:opacity var(--dur-slow) var(--ease-out);background:linear-gradient(#0000,#071a22eb 45%);position:absolute;bottom:0;left:0;right:0}.controls.hidden{opacity:0;pointer-events:none}.controls-title{font-size:var(--text-xl);margin-bottom:var(--space-md)}.progress{border-radius:var(--radius-pill);background:#fff7e838;height:.6rem;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--color-accent);min-width:.6rem;height:100%}.progress-times{margin-block:var(--space-xs) var(--space-lg);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);justify-content:space-between;display:flex}.controls-row{justify-content:center;align-items:center;gap:var(--space-lg);direction:ltr;display:flex}.ctl{background:var(--color-surface-quiet);width:4.5rem;height:4.5rem;color:var(--color-ink);font-size:var(--text-xl);box-shadow:var(--elevation-1);border-radius:50%;place-items:center;display:grid}.ctl .icon{width:1.15em;height:1.15em}.ctl-primary{background:var(--color-accent);width:6rem;height:6rem;color:var(--color-ink-on-accent);font-size:var(--text-2xl)}:root[data-input=key] .ctl.focused:not(.ctl-primary){background:var(--color-surface-raised)}.overlay{z-index:var(--z-overlay);padding:var(--space-md);background:var(--color-scrim);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.overlay .overlay{z-index:var(--z-overlay-nested)}.dialog{--arch-w:38rem;align-items:center;gap:var(--space-lg);width:min(var(--arch-w), 100%);padding:var(--space-3xl) var(--space-2xl) var(--space-2xl);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--elevation-2);text-align:center;flex-direction:column;display:flex;position:relative}.dialog-badge{border:.35rem solid var(--color-surface);background:var(--color-accent);width:4.5rem;height:4.5rem;color:var(--color-ink-on-accent);font-size:var(--text-xl);border-radius:50%;place-items:center;margin-left:auto;margin-right:auto;display:grid;position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.dialog-title{font-size:var(--text-2xl)}.gate-question{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink-muted)}.gate-options{gap:var(--space-md);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.btn-answer{border-radius:var(--radius-lg);background:var(--color-surface-raised);min-height:5rem;color:var(--color-ink);font-size:var(--text-2xl);font-weight:var(--weight-black)}:root[data-input=key] .btn-answer.focused{background:var(--color-accent);color:var(--color-ink-on-accent)}.lock{z-index:var(--z-lock);background:var(--color-bg-deep) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%20preserveAspectRatio='xMidYMax%20slice'%3e%3cpath%20fill='%230e2d39'%20d='M1460%201080V880a230%20230%200%200%201%20460%200v200Z'/%3e%3cpath%20fill='%23102f3c'%20d='M1620%201080V960a150%20150%200%200%201%20300%200v120Z'/%3e%3cpath%20fill='%230d2a35'%20d='M-40%201080v-90a170%20170%200%200%201%20340%200v90Z'/%3e%3ccircle%20cx='160'%20cy='760'%20r='6'%20fill='%238fb4ff'%20opacity='.45'/%3e%3ccircle%20cx='380'%20cy='930'%20r='5'%20fill='%23ffc53d'%20opacity='.45'/%3e%3ccircle%20cx='1560'%20cy='720'%20r='6'%20fill='%234fddb8'%20opacity='.4'/%3e%3c/svg%3e") center bottom / cover no-repeat}.lock-panel{align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;max-width:40rem;display:flex}.lock-art{width:14rem;height:14rem;margin-bottom:var(--space-sm)}.lock-title{font-size:var(--fs-display)}.lock-body{font-size:var(--fs-card-title);color:var(--color-ink-muted);margin-bottom:var(--space-lg)}.twinkle{animation:2.8s ease-in-out infinite twinkle}.twinkle-2{animation-delay:.9s}.twinkle-3{animation-delay:1.8s}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.35}}@media (max-width:640px){:root{--space-safe-inline:16px;--space-safe-block:1.25rem}html{font-size:15px}.picker{gap:var(--space-lg)}.picker-logo{height:3rem}.picker-row{gap:var(--space-sm);width:100%;max-width:30rem;padding:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(6.6rem,1fr));display:grid}.home-avatar{width:3rem}.home-row{--card-w:calc((100% - var(--row-gap)) / 2);--row-gap:var(--space-sm);padding:var(--space-sm);margin:calc(-1 * var(--space-sm));margin-top:0}.gate-options{grid-template-columns:repeat(2,1fr)}.dialog{padding:var(--space-3xl) var(--space-lg) var(--space-lg)}.controls{padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right))}.controls-row{gap:var(--space-xs)}.ctl{aspect-ratio:1;flex:0 auto;width:3.5rem;min-width:44px;height:auto;min-height:44px}.ctl-primary{aspect-ratio:1;width:4.5rem;min-width:44px;height:auto;min-height:44px}}@media (max-width:640px) and (orientation:portrait){.player-cover{gap:var(--space-xs);font-size:var(--text-md);padding-bottom:0}.stage-play{width:6rem;height:6rem}.sound-chip{top:var(--space-xs)}.sound-chip:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-xs)}.sound-chip:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-xs)}.sound-chip:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-xs)}.sound-chip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-xs)}.sound-chip:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-xs)}.sound-chip:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-xs)}.sound-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-xs)}.player-message{padding:var(--space-sm);font-size:var(--text-md);gap:var(--space-xs);padding-bottom:var(--space-sm)}}@media (max-height:500px){:root{--space-safe-block:.75rem}html{font-size:14px}.picker{gap:var(--space-sm)}.picker-logo{display:none}.picker-title{font-size:var(--fs-h1)}.picker-row{gap:var(--space-md);padding:var(--space-xs);flex-wrap:nowrap;display:flex}.picker-lang{margin-top:0}.home-header{margin-bottom:var(--space-sm)}.player-message,.player-cover{padding-bottom:6rem}.controls{padding-top:var(--space-xl)}.controls-title{font-size:var(--text-md);margin-bottom:var(--space-xs)}.progress-times{margin-bottom:var(--space-xs)}.dialog{padding-block:var(--space-2xl) var(--space-md);gap:var(--space-sm)}.gate-options{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.splash{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.splash h1{font-size:var(--text-2xl)}.link{align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.link-title{font-size:var(--text-2xl)}.link-body{justify-content:center;align-items:center;gap:var(--space-2xl);flex-wrap:wrap;display:flex}.link-qr{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.qr{border-radius:var(--radius-md);width:18rem;max-width:42vh;height:18rem;max-height:42vh}.link-scan{color:var(--color-ink-muted);font-weight:var(--weight-bold)}.link-info{gap:var(--space-sm);text-align:start;flex-direction:column;max-width:30rem;display:flex}.link-steps{font-size:var(--text-lg)}.link-open{color:var(--color-ink-muted)}.link-code{font-size:4.2rem;line-height:1.1;font-weight:var(--weight-black);letter-spacing:.12em;color:var(--color-accent)}.link-wait{align-items:center;gap:var(--space-sm);color:var(--color-ink-muted);display:flex}.menu-actions{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.picker-lang{gap:var(--space-md);display:flex}@media (max-width:640px){.qr{width:12rem;height:12rem}.link-body{gap:var(--space-lg)}.link-info{text-align:center}}.splash-note{color:var(--color-ink-muted);font-size:var(--text-md)}.link-lang{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.lock-actions{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}@media (max-width:640px){.link-code{font-size:2.6rem}.qr{max-width:30vh;max-height:30vh}}