@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg: #08070a;--bg-soft: #0e0c11;--bg-elev: #17141b;--bg-elev-2: #221d29;--ink: #f4f1ec;--ink-80: rgb(244 241 236 / .8);--ink-60: rgb(244 241 236 / .6);--ink-45: rgb(244 241 236 / .45);--ink-25: rgb(244 241 236 / .25);--ink-12: rgb(244 241 236 / .12);--accent: #e8c47a;--accent-bright: #f6dfae;--accent-deep: #b98b3f;--accent-glow: rgb(232 196 122 / .28);--positive: #7ec49a;--font-display: "Anton", "Haettenschweiler", "Arial Narrow", Impact, sans-serif;--font-ui: "Archivo", ui-sans-serif, system-ui, "Helvetica Neue", Arial, sans-serif;--t-micro: clamp(10px, .62vw, 12px);--t-xs: clamp(11px, .73vw, 13.5px);--t-sm: clamp(12.5px, .83vw, 15px);--t-md: clamp(14px, .95vw, 17px);--t-lg: clamp(16px, 1.16vw, 21px);--t-xl: clamp(19px, 1.6vw, 28px);--t-2xl: clamp(26px, 3.2vw, 62px);--t-hero: clamp(52px, 8.4vw, 158px);--t-ident: clamp(38px, 6.2vw, 104px);--gutter: clamp(20px, 5.2vw, 100px);--space-1: clamp(4px, .3vw, 6px);--space-2: clamp(8px, .6vw, 12px);--space-3: clamp(12px, .9vw, 18px);--space-4: clamp(18px, 1.4vw, 28px);--space-5: clamp(26px, 2.2vw, 44px);--space-6: clamp(36px, 3.4vw, 68px);--radius-sm: 4px;--radius-md: 7px;--radius-lg: 12px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.62, .02, .24, 1);--ease-spring: cubic-bezier(.34, 1.32, .52, 1);--dur-fast: .16s;--dur-base: .32s;--dur-slow: .7s;--dur-fly: .95s;--shadow-card: 0 18px 44px -16px rgb(0 0 0 / .8);--shadow-lift: 0 30px 70px -20px rgb(0 0 0 / .9);--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-fly: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--t-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}::selection{background:var(--accent);color:#100e13}*{scrollbar-width:thin;scrollbar-color:var(--ink-25) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--ink-12);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-25);background-clip:content-box}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px}@keyframes slow-zoom{0%{transform:scale(1.04)}to{transform:scale(1.14)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes ident-in{0%{opacity:0;letter-spacing:.6em;transform:scale(.92)}42%{opacity:1;letter-spacing:.17em;transform:scale(1)}82%{opacity:1;letter-spacing:.17em;transform:scale(1)}to{opacity:0;letter-spacing:.14em;transform:scale(1.04)}}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.app{position:relative;min-height:100%;isolation:isolate}.is-locked,.is-locked body{overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:clamp(11px,.85vw,15px) clamp(20px,1.7vw,32px);border-radius:var(--radius-sm);font-size:var(--t-lg);font-weight:600;line-height:1;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.975)}.btn--primary{background:var(--ink);color:#100e13;font-weight:700}.btn--primary:hover{background:#fff}.btn--ghost{background:#f4f1ec24;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{background:#f4f1ec42}.btn__icon{flex:none;width:1.15em;height:1.15em}.img{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-elev)}.img__el{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.img__el[data-loaded=true]{opacity:1}.img__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,hsl(var(--hue) 32% 26%),transparent 60%),linear-gradient(140deg,hsl(var(--hue) 24% 17%),var(--bg-elev))}.img__fallback span{font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:.18em;text-transform:uppercase;color:#f4f1ec38}.wordmark{font-family:var(--font-display);font-size:clamp(19px,1.62vw,32px);letter-spacing:.14em;line-height:1;text-transform:uppercase;color:var(--accent);text-shadow:0 0 34px var(--accent-glow)}.eyebrow{display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-xs);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:clamp(16px,1.4vw,28px);height:1px;background:currentColor}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--gutter)}.gate[data-flying=true]{pointer-events:none}.gate__curtain{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);transition:opacity var(--dur-slow) var(--ease-out) .12s}.gate__curtain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 55% at 50% 45%,rgb(232 196 122 / .07),transparent 70%)}.gate[data-flying=true] .gate__curtain{opacity:0}.gate__brand,.gate__title,.gate__list,.gate__hint{position:relative;z-index:1}.gate__brand{position:absolute;top:var(--space-5);left:var(--gutter)}.gate__title{font-size:var(--t-2xl);font-weight:400;letter-spacing:-.015em;text-align:center;text-wrap:balance;animation:fade-up var(--dur-slow) var(--ease-out) backwards}.gate__hint{position:absolute;bottom:var(--space-5);font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-25);animation:fade-in var(--dur-slow) var(--ease-out) .9s backwards}.gate__brand,.gate__title,.gate__hint,.gate__name{transition:opacity var(--dur-base) var(--ease-out)}.gate[data-flying=true] .gate__brand,.gate[data-flying=true] .gate__title,.gate[data-flying=true] .gate__hint,.gate[data-flying=true] .gate__name{opacity:0}.gate[data-flying=true] .gate__title,.gate[data-flying=true] .gate__hint,.gate[data-flying=true] .gate__profile,.gate[data-flying=true] .gate__item{animation:none}.gate__list{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(18px,2.6vw,50px);list-style:none;margin:0;padding:0}.gate__profile{animation:fade-up var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(90ms + var(--i) * 70ms)}.gate__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);transition:opacity var(--dur-base) var(--ease-out)}.gate__item:focus-visible{box-shadow:none}.gate__item[data-refused=true]{animation:refus .44s var(--ease-out)}@keyframes refus{0%,to{transform:translate(0)}12%{transform:translate(-9px)}28%{transform:translate(8px)}44%{transform:translate(-6px)}60%{transform:translate(4px)}78%{transform:translate(-2px)}}.gate[data-flying=true] .gate__item:not([data-picked=true]){opacity:0}.gate__avatar{display:block;position:relative;width:clamp(96px,12.5vw,210px);aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);transform-origin:top left;transition:transform var(--dur-fly) var(--ease-in-out),box-shadow var(--dur-base) var(--ease-out)}.gate__item:hover .gate__avatar,.gate__item:focus-visible .gate__avatar{box-shadow:0 0 0 3px var(--accent),0 22px 50px -18px var(--accent-glow)}.gate[data-flying=true] .gate__avatar{box-shadow:none}.gate__name{font-size:var(--t-lg);font-weight:500;color:var(--ink-60)}.gate__item:hover .gate__name,.gate__item:focus-visible .gate__name{color:var(--ink)}@media (max-width: 560px){.gate__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,320px)}.gate__avatar{width:100%}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg)}.backdrop__media{position:absolute;top:0;right:0;bottom:0;left:0;animation:slow-zoom 44s var(--ease-in-out) infinite alternate}.backdrop__media .img,.backdrop__media .img__el{width:100%;height:100%}.backdrop__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.backdrop__scrim--side{background:linear-gradient(90deg,#08070af2,#08070abd 36%,#08070a2e,#08070a99)}.backdrop__scrim--vert{background:linear-gradient(180deg,rgb(8 7 10 / .82) 0%,rgb(8 7 10 / 0) 26%,rgb(8 7 10 / 0) 48%,var(--bg) 92%)}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--gutter);transition:background var(--dur-base) var(--ease-out),backdrop-filter var(--dur-base) var(--ease-out)}.site-header[data-scrolled=true]{background:#08070ae0;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 0 var(--ink-12)}.site-header__left,.site-header__right{display:flex;align-items:center;gap:clamp(16px,2.3vw,44px)}.site-header__right{gap:var(--space-3)}.site-nav{display:flex;gap:clamp(12px,1.4vw,26px);font-size:var(--t-sm);font-weight:500}.site-nav__link{position:relative;color:var(--ink-60);padding-block:2px;transition:color var(--dur-fast) var(--ease-out)}.site-nav__link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}.site-nav__link:hover,.site-nav__link[aria-current=page]{color:var(--ink)}.site-nav__link:hover:after,.site-nav__link[aria-current=page]:after{transform:scaleX(1)}.site-header__profile{font-size:var(--t-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-45)}.site-header__avatar{width:clamp(32px,2.4vw,46px);aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent-deep));background-size:cover;background-position:center;transition:opacity var(--dur-fast) var(--ease-out)}.site-header__avatar[data-hidden=true]{opacity:0}.browse{position:relative;z-index:1}.hero{display:flex;flex-direction:column;justify-content:center;min-height:min(74svh,780px);padding:var(--space-6) var(--gutter) var(--space-5);max-width:min(1000px,62vw);animation:fade-up 1s var(--ease-out) both}.hero__title{font-family:var(--font-display);font-size:var(--t-hero);font-weight:400;line-height:.86;letter-spacing:-.01em;text-transform:uppercase;margin-block:var(--space-3) var(--space-1);text-shadow:0 22px 60px rgb(0 0 0 / .55)}.hero__subtitle{font-size:var(--t-xl);font-weight:500;color:var(--ink-80)}.hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block:var(--space-4);font-size:var(--t-sm);color:var(--ink-60)}.hero__match{color:var(--positive);font-weight:700}.hero__tag{border:1px solid var(--ink-25);border-radius:2px;padding:1px 7px;font-size:var(--t-micro);letter-spacing:.06em}.hero__synopsis{max-width:58ch;font-size:var(--t-md);line-height:1.6;color:var(--ink-80);text-wrap:pretty}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.rows{position:relative;display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-6);background:linear-gradient(180deg,transparent,var(--bg) 14%)}.row{position:relative}.row__title{display:flex;align-items:baseline;gap:.4ch;margin:0 var(--gutter) var(--space-3);font-size:var(--t-lg);font-weight:600;color:var(--ink-80)}.row__title em{font-style:normal;color:var(--accent)}.row__viewport{position:relative}.row__track{display:flex;gap:clamp(8px,.85vw,16px);padding:18px var(--gutter);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none}.row__track::-webkit-scrollbar{display:none}.row__arrow{position:absolute;top:18px;bottom:18px;z-index:5;width:clamp(38px,var(--gutter),76px);display:grid;place-items:center;color:var(--ink);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.row__arrow[hidden]{display:none}.row__arrow--prev{left:0;background:linear-gradient(90deg,var(--bg) 30%,transparent)}.row__arrow--next{right:0;background:linear-gradient(270deg,var(--bg) 30%,transparent)}.row:hover .row__arrow,.row:focus-within .row__arrow{opacity:1}.row__arrow svg{width:22px;height:22px;transition:transform var(--dur-fast) var(--ease-out)}.row__arrow:hover svg{transform:scale(1.25)}.card{display:block;position:relative;flex:none;width:clamp(148px,17.5vw,320px);scroll-snap-align:start;text-align:left;transition:transform var(--dur-base) var(--ease-out)}.card:hover,.card:focus-visible{transform:translateY(-6px) scale(1.035);z-index:2}.card:focus-visible{box-shadow:none}.card__art{display:block;position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-base) var(--ease-out)}.card__art .img__el{filter:saturate(.9) brightness(.88);transform:scale(1.01);transition:filter var(--dur-base) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.card:hover .card__art .img__el,.card:focus-visible .card__art .img__el{filter:none;transform:scale(1.06)}.card__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #f4f1ec14;transition:box-shadow var(--dur-base) var(--ease-out)}.card:hover .card__art,.card:focus-visible .card__art{box-shadow:var(--shadow-lift)}.card:hover .card__art:after,.card:focus-visible .card__art:after{box-shadow:inset 0 0 0 2px var(--accent)}.card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(8 7 10 / .4) 0%,transparent 26%),linear-gradient(0deg,rgb(8 7 10 / .94) 0%,rgb(8 7 10 / .66) 24%,rgb(8 7 10 / .16) 52%,transparent 72%);transition:opacity var(--dur-base) var(--ease-out)}.card__caption{position:absolute;left:0;right:0;bottom:0;padding:clamp(8px,.7vw,14px) clamp(10px,.85vw,16px);display:flex;flex-direction:column;gap:1px}.card__title{display:block;font-size:var(--t-md);font-weight:600;line-height:1.2;color:var(--ink);text-shadow:0 1px 12px rgb(0 0 0 / .7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{display:block;font-size:var(--t-xs);color:#f4f1ec9e;text-shadow:0 1px 8px rgb(0 0 0 / .7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur-fast) var(--ease-out)}.card:hover .card__meta,.card:focus-visible .card__meta{color:var(--accent)}.card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#08070a1a,#08070a9e);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.card:hover .card__play,.card:focus-visible .card__play{opacity:1}.card__play svg{width:clamp(26px,2.6vw,44px);height:clamp(26px,2.6vw,44px);filter:drop-shadow(0 4px 14px rgb(0 0 0 / .6))}.card__badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px 7px;border-radius:3px;background:var(--accent);color:#100e13;font-size:var(--t-micro);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.card__scrim{z-index:1}.card__play{z-index:2}.card__badge,.card__caption{z-index:3}.card--locked{cursor:default}.card--locked .card__art{background:repeating-linear-gradient(118deg,rgb(244 241 236 / .035) 0 1.5px,transparent 1.5px 11px),radial-gradient(120% 130% at 32% 18%,hsl(var(--hue) 20% 26%),transparent 64%),linear-gradient(150deg,hsl(var(--hue) 16% 17%),var(--bg-elev) 78%)}.card__motif{position:absolute;top:0;right:0;bottom:24%;left:0;width:100%;height:76%;padding:6% 0;color:hsl(var(--hue) 46% 84%);opacity:.3}.card__lock{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;place-items:center;width:clamp(26px,2.3vw,38px);aspect-ratio:1;border-radius:50%;background:#08070a8c;box-shadow:inset 0 0 0 1px #f4f1ec1f}.card__lock svg{width:58%;height:58%;color:#f4f1ec9e}.card--locked .card__scrim{background:linear-gradient(0deg,rgb(8 7 10 / .86) 0%,rgb(8 7 10 / .4) 26%,transparent 58%)}.card--locked .card__title{color:var(--ink-60)}@media (max-width: 620px){.card__meta{display:none}}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-5) var(--gutter) var(--space-6);border-top:1px solid var(--ink-12);font-size:var(--t-xs);color:var(--ink-25)}.site-footer button{color:var(--ink-45);text-decoration:underline;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out)}.site-footer button:hover{color:var(--accent)}@media (max-width: 860px){.hero{max-width:none;min-height:min(66svh,620px)}.site-nav{display:none}.backdrop__scrim--side{background:linear-gradient(90deg,#08070ae6,#08070a8c)}}@media (max-width: 560px){.site-header__profile{display:none}.hero__actions .btn{flex:1 1 auto}.hero__tag--quality{display:none}}@media (max-height: 520px) and (orientation: landscape){.hero{min-height:auto;padding-block:var(--space-4)}.hero__synopsis{display:none}}.player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000}.player[data-idle=true]{cursor:none}.player__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.player__video[data-visible=true]{opacity:1}.ident{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#000;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out)}.ident[data-done=true]{opacity:0}.ident__word{font-family:var(--font-display);font-size:var(--t-ident);letter-spacing:.17em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 90px var(--accent-glow);animation:ident-in var(--ident-duration, 4.2s) var(--ease-out) forwards}.ident__bar{position:absolute;bottom:0;left:0;right:0;height:3px;transform-origin:left;background:linear-gradient(90deg,var(--accent-deep),var(--accent-bright));animation:bar-grow var(--ident-duration, 4.2s) linear forwards}.player__top{position:absolute;top:0;left:0;right:0;z-index:32;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(180deg,rgb(0 0 0 / .72),transparent);transition:opacity var(--dur-base) var(--ease-out)}.player__title{font-size:var(--t-lg);font-weight:600;color:var(--ink-80)}.controls{position:absolute;bottom:0;left:0;right:0;z-index:20;padding:var(--space-6) var(--space-5) var(--space-4);background:linear-gradient(0deg,rgb(0 0 0 / .86) 12%,transparent);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.player__top[data-visible=false],.controls[data-visible=false]{opacity:0;pointer-events:none}.controls[data-visible=false]{transform:translateY(10px)}.controls__row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.controls__spacer{flex:1}.controls__time{font-size:var(--t-sm);font-variant-numeric:tabular-nums;color:var(--ink-60);white-space:nowrap}.icon-btn{display:grid;place-items:center;width:clamp(34px,2.6vw,44px);height:clamp(34px,2.6vw,44px);border-radius:var(--radius-pill);color:var(--ink-80);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.icon-btn:hover{color:var(--ink);background:#f4f1ec1f}.icon-btn:active{transform:scale(.9)}.icon-btn svg{width:55%;height:55%}.icon-btn--lg svg{width:68%;height:68%}.scrub{position:relative;height:18px;display:flex;align-items:center;cursor:pointer;touch-action:none}.scrub__rail{position:relative;width:100%;height:4px;border-radius:var(--radius-pill);background:#f4f1ec26;overflow:hidden;transition:height var(--dur-fast) var(--ease-out)}.scrub:hover .scrub__rail,.scrub:focus-visible .scrub__rail{height:7px}.scrub:focus-visible{box-shadow:none}.scrub:focus-visible .scrub__rail{box-shadow:0 0 0 2px var(--accent-glow)}.scrub__buffer,.scrub__fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;border-radius:inherit}.scrub__buffer{background:#f4f1ec29}.scrub__fill{background:linear-gradient(90deg,var(--accent-deep),var(--accent))}.scrub__knob{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 2px 10px #0009;transform:translate(-50%,-50%) scale(0);transition:transform var(--dur-fast) var(--ease-spring);pointer-events:none}.scrub:hover .scrub__knob,.scrub:focus-visible .scrub__knob,.scrub[data-dragging=true] .scrub__knob{transform:translate(-50%,-50%) scale(1)}.scrub__tip{position:absolute;bottom:calc(100% + 8px);padding:3px 8px;border-radius:var(--radius-sm);background:#08070af0;border:1px solid var(--ink-12);font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--ink);transform:translate(-50%);pointer-events:none;white-space:nowrap}.volume{display:flex;align-items:center}.volume__slider{width:0;opacity:0;overflow:hidden;transition:width var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.volume:hover .volume__slider,.volume:focus-within .volume__slider{width:clamp(64px,6vw,104px);opacity:1}.volume__slider input{display:block;width:100%;margin:0 var(--space-2) 0 0;accent-color:var(--accent);cursor:pointer}.picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--gutter);text-align:center;background:radial-gradient(80% 70% at 50% 40%,var(--bg-soft),#000 75%);transition:outline-color var(--dur-fast) var(--ease-out);outline:2px dashed transparent;outline-offset:-22px}.picker[data-dragging=true]{outline-color:var(--accent)}.picker__title{font-size:var(--t-xl);font-weight:500}.picker__text{max-width:52ch;font-size:var(--t-md);line-height:1.6;color:var(--ink-45);text-wrap:pretty}.picker__text code{padding:1px 6px;border-radius:3px;background:#f4f1ec17;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em;color:var(--accent)}.picker__text strong{color:var(--ink-80);font-weight:600}.picker__error{font-size:var(--t-sm);color:#e39a8c}.picker__label{display:inline-flex}.spinner{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;z-index:15;border:3px solid rgb(244 241 236 / .18);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.endcard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:28;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--gutter);text-align:center;background:radial-gradient(70% 60% at 50% 45%,#18141cf5,#000 80%);animation:fade-in var(--dur-slow) var(--ease-out) both}.endcard__word{font-family:var(--font-display);font-size:var(--t-2xl);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--accent);animation:fade-up .9s var(--ease-out) both}.endcard__note{max-width:46ch;font-size:var(--t-lg);line-height:1.6;color:var(--ink-60);text-wrap:pretty;animation:fade-up .9s var(--ease-out) .18s both}.endcard__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2);animation:fade-up .9s var(--ease-out) .34s both}@media (max-width: 620px){.controls__skip,.volume__slider{display:none}}