:root{--void: #030304;--abyss: #08080c;--obsidian: #0f0f14;--smoke: #16161f;--ember: #ff5533;--ember-light: #ff6644;--ember-dark: #e84422;--ember-glow: rgba(255, 85, 51, .5);--ember-dim: rgba(255, 85, 51, .1);--sage: #7dd3c0;--pearl: #ebeef2;--mist: rgba(235, 238, 242, .7);--ghost: rgba(235, 238, 242, .5);--whisper: rgba(235, 238, 242, .08);--glass-bg: rgba(20, 20, 28, .6);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--glass-blur: 24px;--glass-saturate: 180%;--noise-opacity: .18;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--font-display: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--spring: cubic-bezier(.5, 1.5, .5, 1);--screen-border: rgba(255, 255, 255, .05);--screen-shadow-color: rgba(0, 0, 0, .7);--screen-shadow-y: 30px;--screen-shadow-blur: 60px;--screen-shadow-spread: -15px;--screen-glow-base: 80px;--screen-inner-glow: var(--ember-dim);--screen-border-gradient: linear-gradient(160deg, rgba(255, 255, 255, .15) 0%, transparent 40%, transparent 60%, rgba(255, 85, 51, .1) 100%);--icon-hue: 12}[data-theme=light]{--void: #faf9f7;--abyss: #f5f3ef;--obsidian: #ebe8e3;--smoke: #ddd9d2;--ember: #d63920;--ember-light: #ff6644;--ember-dark: #c43018;--ember-glow: rgba(214, 57, 32, .3);--ember-dim: rgba(214, 57, 32, .06);--sage: #1a8a7d;--pearl: #1a1a22;--mist: rgba(26, 26, 34, .8);--ghost: rgba(26, 26, 34, .62);--whisper: rgba(26, 26, 34, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-highlight: rgba(255, 255, 255, 1);--noise-opacity: .08;--screen-border: rgba(0, 0, 0, .06);--screen-shadow-color: rgba(0, 0, 0, .15);--screen-shadow-y: 25px;--screen-shadow-blur: 50px;--screen-shadow-spread: -15px;--screen-glow-base: 60px;--screen-inner-glow: transparent;--screen-border-gradient: linear-gradient(160deg, rgba(0, 0, 0, .08) 0%, transparent 40%, transparent 60%, rgba(214, 57, 32, .06) 100%)}[data-theme=light] .gradient-mesh{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(214,57,32,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(26,138,125,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 60% 80%,rgba(214,57,32,.04) 0%,transparent 50%)}[data-theme=light] .vignette{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.03) 100%)}[data-theme=light] .command-glass{background:#ffffffe6;border-color:#00000014;box-shadow:0 15px 40px -10px #0000001f,inset 0 1px #fff}[data-theme=light] .cmd-btn.primary{background:linear-gradient(135deg,var(--ember) 0%,var(--ember-dark) 100%);color:#fff;box-shadow:0 4px 15px -4px var(--ember-glow),inset 0 1px #fff3}[data-theme=light] .player-group{background:linear-gradient(180deg,#ffffffe6,#faf8f5f2);border-color:#00000014;box-shadow:0 8px 30px -10px #0000001a,inset 0 1px #fff}[data-theme=light] .player-link{background:#00000008;border-color:#00000014}[data-theme=light] .player-link:hover{background:#0000000f;box-shadow:0 6px 20px -6px #00000026,0 0 15px -8px var(--ember-glow)}[data-theme=light] .keyboard-hints{border-color:#0000000f}[data-theme=light] .hint kbd{background:linear-gradient(180deg,#fff,#f5f3ef);border-color:#0000001f;box-shadow:0 2px 4px #00000014}[data-theme=light] .toast{background:linear-gradient(180deg,#fffffffa,#faf8f5fa);border-color:#00000014;box-shadow:0 12px 40px -10px #00000026,inset 0 1px #fff}[data-theme=light] .theme-toggle{background:#ffffffe6;border-color:#0000001a;box-shadow:0 2px 8px #00000014}[data-theme=light] .title{text-shadow:none}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--void);color:var(--pearl);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease;overscroll-behavior:none;touch-action:pan-y}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--smoke);border:2.5px solid var(--void);border-radius:99px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--ghost)}.cmd-btn,.theme-toggle,.player-link,.group-label,.meta-tag,.hint,.toast,.footer-link,.drawer-trigger{-webkit-user-select:none;user-select:none}.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden}.gradient-mesh{position:absolute;inset:-50%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(255,85,51,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(125,211,192,.04) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 60% 80%,rgba(255,85,51,.03) 0%,transparent 50%);animation:meshFloat 40s ease-in-out infinite;filter:blur(60px);will-change:transform}@keyframes meshFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,3%) rotate(1deg)}50%{transform:translate(-1%,2%) rotate(-1deg)}75%{transform:translate(1%,-2%) rotate(.5deg)}}.noise{position:absolute;inset:0;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:overlay;transition:opacity .4s ease}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,var(--void) 100%);pointer-events:none}.viewport{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:var(--space-lg);padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.masthead{width:100%;max-width:1100px;margin-bottom:var(--space-xl);opacity:0;animation:fadeSlideDown .8s var(--ease-out-expo) .2s forwards;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.75rem);font-weight:400;letter-spacing:-.03em;color:var(--pearl);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-shadow:0 0 30px rgba(255,255,255,.1);flex:1;min-width:0}.title:before{content:"";display:inline-block;width:10px;height:10px;background:var(--ember);border-radius:50%;margin-right:var(--space-md);box-shadow:0 0 20px var(--ember-glow);animation:pulse 2s var(--spring) infinite;position:relative;top:-2px;will-change:transform,opacity}.title-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.title-group .title{flex:none}.file-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding-left:calc(10px + var(--space-md))}.meta-tag[hidden]{display:none!important}.skeleton-text{display:inline-block;width:60px;height:12px;background:linear-gradient(90deg,var(--whisper) 25%,var(--whisper) 37%,rgba(235,238,242,.15) 50%,var(--whisper) 63%,var(--whisper) 75%);background-size:400% 100%;animation:skeletonPulse 1.5s ease infinite;border-radius:4px;vertical-align:middle}[data-theme=light] .skeleton-text{background:linear-gradient(90deg,var(--whisper) 25%,var(--whisper) 37%,rgba(26,26,34,.15) 50%,var(--whisper) 63%,var(--whisper) 75%);background-size:400% 100%}@keyframes skeletonPulse{0%{background-position:100% 50%}to{background-position:0% 50%}}.meta-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--mist);transition:all .4s var(--ease-out-expo);box-shadow:0 2px 8px -2px #0000001a}.meta-tag svg{width:13px;height:13px;fill:currentColor;opacity:.8;transition:all .4s ease}.meta-tag.loaded{background:#7dd3c00f;border-color:#7dd3c066;color:var(--pearl);box-shadow:0 4px 12px -3px #0000004d,0 0 15px -5px #7dd3c033;animation:metaPopIn .35s var(--ease-out-expo) forwards}@keyframes metaPopIn{0%{opacity:.6;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}.meta-tag.unavailable{color:var(--ghost);opacity:.6}.meta-tag.loaded svg{color:var(--sage);opacity:1;filter:drop-shadow(0 0 8px rgba(125,211,192,.5))}[data-theme=light] .meta-tag{background:#fff9;border-color:#0000000f;color:var(--mist)}[data-theme=light] .meta-tag.loaded{background:#1a8a7d14;border-color:#1a8a7d4d;color:#12665c;box-shadow:0 4px 12px -3px #00000014,0 0 10px -4px #1a8a7d33}[data-theme=light] .meta-tag.loaded svg{color:#12665c}.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:50%;color:var(--mist);cursor:pointer;transition:all .3s var(--ease-out-expo);flex-shrink:0;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--whisper);color:var(--pearl);transform:scale(1.05)}media-google-cast-button,media-airplay-button{display:none!important}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;width:20px;height:20px;fill:currentColor;transition:transform .5s var(--ease-out-back),opacity .3s ease}.theme-toggle .icon-sun{opacity:1;transform:rotate(0) scale(1)}.theme-toggle .icon-moon{opacity:0;transform:rotate(-90deg) scale(0)}.theme-toggle:hover .icon-sun{transform:rotate(15deg) scale(1)}.theme-toggle:hover .icon-moon{transform:rotate(-75deg) scale(0)}[data-theme=light] .theme-toggle .icon-sun{opacity:0;transform:rotate(90deg) scale(0)}[data-theme=light] .theme-toggle .icon-moon{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .theme-toggle:hover .icon-sun{transform:rotate(105deg) scale(0)}[data-theme=light] .theme-toggle:hover .icon-moon{transform:rotate(15deg) scale(1)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.cinema{width:100%;max-width:min(1100px,max(320px,calc((100dvh - 21rem) * 16 / 9)));position:relative;opacity:0;animation:fadeScaleUp 1s var(--ease-out-expo) .4s forwards;will-change:opacity,transform}.cinema--audio,.cinema--fallback{max-width:min(720px,max(320px,calc((100dvh - 24rem) * 16 / 9)))}.screen{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;border:1px solid transparent;background-image:linear-gradient(#000,#000),var(--screen-border-gradient);background-origin:border-box;background-clip:padding-box,border-box;animation:ambientBreathe 8s ease-in-out infinite;will-change:box-shadow}.cinema--audio .screen,.cinema--fallback .screen{background-image:linear-gradient(var(--obsidian),var(--obsidian)),var(--screen-border-gradient)}@keyframes ambientBreathe{0%,to{box-shadow:0 0 0 1px var(--screen-border),0 var(--screen-shadow-y) var(--screen-shadow-blur) var(--screen-shadow-spread) var(--screen-shadow-color),0 0 calc(var(--screen-glow-base) - 20px) -20px var(--ember-glow),inset 0 0 60px -30px var(--screen-inner-glow)}50%{box-shadow:0 0 0 1px var(--screen-border),0 calc(var(--screen-shadow-y) + 5px) calc(var(--screen-shadow-blur) + 10px) calc(var(--screen-shadow-spread) + 5px) var(--screen-shadow-color),0 0 calc(var(--screen-glow-base) + 10px) -15px var(--ember-glow),inset 0 0 70px -20px var(--screen-inner-glow)}}.cinema--audio .screen{aspect-ratio:16 / 10}.cinema--audio .vds-audio-layout{position:absolute!important;bottom:var(--space-md)!important;left:var(--space-md)!important;right:var(--space-md)!important;min-width:0!important;width:auto!important;background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;box-shadow:0 10px 30px -10px #0006!important}.cinema--fallback .screen{aspect-ratio:16 / 11}media-player{--media-brand: var(--ember);--media-focus-ring-color: var(--ember);--media-font-family: var(--font-body);--video-border: none;--video-border-radius: 20px;width:100%;height:100%;--media-controls-color: var(--pearl);position:relative;z-index:1;background-color:transparent!important}media-player[hidden]{display:none!important}.cinema--audio video,.cinema--audio media-provider{opacity:0!important}.vds-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.audio-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:15%;pointer-events:none;z-index:0}.audio-face-ring{position:relative;width:25%;aspect-ratio:1;max-width:120px;min-width:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,var(--ember-dim) 0%,transparent 70%);border:1px solid rgba(255,85,51,.25)}.audio-face-ring:before,.audio-face-ring:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid var(--ember);opacity:.8;animation:soundwavePulse 3s cubic-bezier(.16,1,.3,1) infinite;pointer-events:none}.audio-face-ring:after{animation-delay:1.5s}.audio-face-ring svg{width:42%;height:42%;fill:var(--ember);opacity:.85;z-index:1}@keyframes soundwavePulse{0%{transform:scale(1);opacity:.8;box-shadow:0 0 0 0 var(--ember-glow)}to{transform:scale(2.2);opacity:0;box-shadow:0 0 0 20px transparent}}[data-theme=light] .audio-face-ring:before,[data-theme=light] .audio-face-ring:after{border-color:var(--ember)}.player-background-message{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;user-select:none;gap:4px;opacity:0;animation:bgMessageFadeIn .6s ease 2.5s forwards}@keyframes bgMessageFadeIn{to{opacity:.7}}media-player::part(container),media-player [part=container]{background-color:transparent!important}.image-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--obsidian)}.image-viewer img{max-width:100%;max-height:100%;object-fit:contain}.non-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);height:100%;color:var(--mist);text-align:center;padding:var(--space-xl)}.unsupported-format-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 3rem);padding:2rem 1.5rem;text-align:center;color:var(--pearl);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,85,51,.3);border-radius:12px;max-width:600px;box-shadow:0 15px 40px -12px #0006,0 0 30px -12px var(--ember-glow);animation:unsupportedMessageIn .4s var(--ease-out-back);z-index:2}@keyframes unsupportedMessageIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.unsupported-icon{color:var(--ember);margin-right:.4em}.unsupported-title{font-family:var(--font-display);font-size:1.25rem;margin:0 0 .5rem;font-weight:600}.unsupported-reason{font-size:.95rem;opacity:.75;margin:0}.bg-msg-icon{width:48px;height:48px;color:var(--ghost);margin-bottom:8px;opacity:.8}.bg-msg-title{font-family:var(--font-display);font-size:1.125rem;font-weight:500;color:var(--mist);letter-spacing:.02em}.bg-msg-sub{font-family:var(--font-body);font-size:.875rem;color:var(--ghost)}[data-theme=light] .bg-msg-title{color:var(--pearl)}[data-theme=light] .bg-msg-sub,[data-theme=light] .bg-msg-icon{color:var(--mist)}[data-theme=light] .unsupported-format-message{border-color:#d6392040}.command-bar{display:flex;justify-content:center;margin-top:var(--space-xl);position:relative;z-index:10;opacity:0;animation:fadeSlideUp .8s var(--ease-out-expo) .7s forwards}.command-glass{display:inline-flex;align-items:center;gap:4px;padding:5px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:999px;box-shadow:0 15px 40px -10px #0006,inset 0 1px #ffffff1a}.cmd-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:transparent;border:none;border-radius:999px;color:var(--mist);font-family:var(--font-display);font-size:.875rem;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:all .2s var(--ease-out-expo);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.cmd-btn svg{width:18px;height:18px;fill:currentColor;flex-shrink:0;transition:transform .2s ease}.cmd-btn:hover{color:var(--pearl);background:var(--whisper)}.cmd-btn:hover svg{transform:scale(1.1)}.cmd-btn:active{transform:scale(.98)}.cmd-btn.primary{background:linear-gradient(135deg,var(--ember) 0%,var(--ember-dark) 100%);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 20px -4px var(--ember-glow),inset 0 1px #ffffff40,inset 0 -1px #0000001a}.cmd-btn.primary:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);transform:skew(-20deg);transition:left .6s ease}.cmd-btn.primary:hover:after{left:150%;transition:left .6s ease}.cmd-btn.primary:hover{background:linear-gradient(135deg,var(--ember-light) 0%,var(--ember) 100%);box-shadow:0 6px 30px -5px var(--ember-glow),inset 0 1px #ffffff4d;transform:translateY(-1px)}.cmd-btn.primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px -2px var(--ember-glow),inset 0 1px #fff3}.cmd-btn.is-confirmed{color:var(--sage)}.cmd-btn.is-confirmed svg{animation:confirmPop .4s var(--ease-out-back)}@keyframes confirmPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.cmd-divider{width:1px;height:24px;background:var(--glass-border);margin:0 var(--space-xs)}.drawer-trigger{display:flex;align-items:center;gap:var(--space-xs)}.drawer-trigger .chevron{width:14px;height:14px;transition:transform .3s var(--ease-out-expo)}.drawer-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.drawer{width:100%;max-width:800px;margin-top:1.5rem;opacity:0;animation:fadeSlideUp .8s var(--ease-out-expo) .9s forwards}.drawer-panel{display:grid;grid-template-columns:1fr;gap:var(--space-md);max-height:0;overflow:hidden;transition:max-height .4s var(--ease-out-expo),opacity .3s ease;opacity:0}.drawer-panel.open{max-height:500px;opacity:1}.player-group{background:linear-gradient(180deg,#191923b3,#0f0f16cc);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:20px;padding:var(--space-lg) var(--space-xl);box-shadow:0 10px 40px -10px #0006,inset 0 1px #ffffff0d}.group-label{font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--ember);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.group-label:before{content:"";width:6px;height:6px;background:var(--ember);border-radius:50%;box-shadow:0 0 10px var(--ember-glow)}.player-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.player-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:10px 16px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:var(--mist);font-family:var(--font-display);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s var(--ease-out-expo);position:relative;overflow:hidden}.player-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,85,51,.05) 100%);opacity:0;transition:opacity .25s ease}.player-link:hover{background:#ffffff0f;border-color:#f536;color:var(--pearl);transform:translateY(-2px);box-shadow:0 8px 25px -8px #00000080,0 0 20px -10px var(--ember-glow)}.player-link:hover:before{opacity:1}.player-link:active{transform:translateY(0)}.player-link:focus-visible{border-color:var(--ember);box-shadow:0 0 0 3px var(--ember-dim)}.player-link[aria-disabled=true]{opacity:.45;pointer-events:none;cursor:not-allowed;filter:grayscale(.25)}.player-link svg{width:16px;height:16px;fill:currentColor;opacity:.7}.player-icon{display:inline-flex;flex-shrink:0;width:6px;height:6px;border-radius:50%;font-size:0;color:transparent;overflow:hidden;background:hsl(var(--icon-hue, 12) 85% 55%);box-shadow:0 0 10px hsl(var(--icon-hue, 12) 85% 55% / .8)}.footer-group{width:100%;padding-top:var(--space-2xl);opacity:0;animation:fadeIn 1s var(--ease-out-expo) 1.2s forwards;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.copyright-footer{font-family:var(--font-display);font-size:.75rem;color:var(--ghost);opacity:.6;padding-bottom:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.footer-separator{opacity:.4}.footer-link{display:inline-flex;align-items:center;gap:4px;color:var(--ghost);text-decoration:none;transition:color .3s ease}.footer-link svg{width:14px;height:14px;fill:currentColor;opacity:.8;transition:opacity .3s ease}.footer-link:hover{color:var(--pearl)}.footer-link:hover svg{opacity:1}.keyboard-hints{width:100%}.hints-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg)}.hint{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--ghost)}.hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--space-sm);background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--glass-border);border-bottom-width:2px;border-radius:8px;font-family:var(--font-display);font-size:.6875rem;font-weight:600;color:var(--pearl);box-shadow:0 2px 4px #0003}.noscript-warning{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:10000;width:min(90vw,520px);padding:var(--space-md) var(--space-lg);border-radius:14px;background:var(--glass-bg);color:var(--pearl);border:1px solid rgba(255,85,51,.35);text-align:center;font-family:var(--font-display);font-size:.875rem;box-shadow:0 15px 40px -12px #00000073}.toast-stack{position:fixed;top:max(1.25rem,env(safe-area-inset-top,0px));bottom:auto;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);pointer-events:none;contain:layout style;width:min(90vw,420px)}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(180deg,#1e1e28f2,#14141cfa);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:999px;font-family:var(--font-display);font-size:.875rem;font-weight:500;color:var(--pearl);box-shadow:0 15px 50px -10px #00000080,inset 0 1px #ffffff14;opacity:0;transform:translateY(-20px) scale(.95);animation:toastEnter .4s var(--ease-out-back) forwards;pointer-events:auto;max-width:100%}.toast.success{border-color:#7dd3c04d}.toast.success:before{content:"";width:8px;height:8px;background:var(--sage);border-radius:50%;box-shadow:0 0 12px var(--sage);flex-shrink:0}.toast.error{border-color:#ff55334d}.toast.error:before{content:"";width:8px;height:8px;background:var(--ember);border-radius:50%;box-shadow:0 0 12px var(--ember-glow);flex-shrink:0}@keyframes toastEnter{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:769px){.drawer{content-visibility:auto;contain:layout style paint}}@media(max-width:768px){:root{--glass-blur: 12px;--glass-saturate: 140%}.gradient-mesh,.screen,.title:before{animation:none}}@media(max-width:360px){.cmd-btn{padding-inline:10px;font-size:.7rem}.cmd-btn svg{width:16px;height:16px}}@media(prefers-reduced-transparency:reduce){.command-glass,.player-group,.theme-toggle,.toast,.unsupported-format-message,.noscript-warning{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(max-width:768px){.viewport{padding:var(--space-md);padding-top:var(--space-lg);padding-bottom:var(--space-lg);justify-content:flex-start}.masthead{margin-bottom:var(--space-lg)}.title{font-size:1rem}.file-meta{padding-left:calc(10px + var(--space-sm));gap:var(--space-xs)}.meta-tag{padding:4px 8px;font-size:.6875rem;border-radius:6px}.meta-tag svg{width:11px;height:11px}.screen{border-radius:12px}.command-bar{margin-top:var(--space-lg)}.command-glass{flex-wrap:wrap;border-radius:16px;padding:var(--space-sm);gap:var(--space-xs)}.cmd-btn{padding:var(--space-sm) var(--space-md);font-size:.75rem;flex-direction:column;gap:4px}.cmd-btn span{display:inline;font-size:.6875rem;line-height:1}.cmd-divider,.keyboard-hints{display:none}.drawer{margin-top:var(--space-lg)}.player-group{padding:var(--space-md)}.footer-group{padding-top:2rem}.watermark{display:none}}@media(max-width:480px){.meta-tag{padding:4px 7px;font-size:.65rem}.command-glass{justify-content:space-between}.cmd-btn{flex:1;justify-content:center;padding:12px var(--space-md);flex-direction:row;gap:6px}.cmd-btn span{font-size:.75rem}.cmd-btn.primary{flex:none;width:100%;order:-1;margin-bottom:var(--space-xs);padding:var(--space-md);flex-direction:row;gap:6px}.cmd-btn.primary span{font-size:.875rem}.cmd-btn.drawer-trigger{border-left:1px solid rgba(255,255,255,.06)}[data-theme=light] .cmd-btn.drawer-trigger{border-left:1px solid rgba(0,0,0,.06)}.player-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.player-link{padding:8px 12px;font-size:.8125rem;justify-content:flex-start}}@media(hover:none)and (pointer:coarse){.cmd-btn{min-height:48px}.player-link{min-height:44px}}@media(max-height:760px){.viewport{padding-top:var(--space-lg)}.masthead{margin-bottom:var(--space-md)}.command-bar{margin-top:var(--space-lg)}.footer-group{padding-top:var(--space-lg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.watermark{position:fixed;bottom:14px;right:20px;display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--mist);opacity:.7;pointer-events:none;z-index:9999;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.15)}.watermark:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px var(--ember-glow);flex-shrink:0}@media(max-width:768px){.watermark{display:none!important}}