@property --accent-h{syntax: "<number>"; inherits: true; initial-value: 26;}@property --accent-s{syntax: "<percentage>"; inherits: true; initial-value: 60%;}@property --accent-l{syntax: "<percentage>"; inherits: true; initial-value: 62%;}:root{--ink-950: #05060a;--ink-900: #07080d;--ink-800: #0b0d14;--ink-700: #11131c;--ink-600: #171a25;--line: rgba(255 255 255 / .07);--line-mid: rgba(255 255 255 / .12);--line-hi: rgba(255 255 255 / .2);--text: #eceef5;--text-dim: #99a0b3;--text-faint: #626a7f;--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-quiet: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .16);--accent-ghost: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .07);--ease: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.36, .5, 1);--dur-1: .18s;--dur-2: .34s;--dur-3: .6s;--dur-4: .9s;--topbar-h: 74px;--transport-h: 92px;--library-panel: 372px;--library-w: var(--library-panel);--gutter: clamp(18px, 3vw, 42px);--radius: 18px;--radius-sm: 11px;color-scheme:dark;transition:--accent-h var(--dur-4) var(--ease-soft),--accent-s var(--dur-4) var(--ease-soft),--accent-l var(--dur-4) var(--ease-soft)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--ink-950);color:var(--text);font:400 15px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,figure,blockquote,ol,ul{margin:0;padding:0}ol,ul{list-style:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:100%;height:100%;fill:currentColor}.sprite{position:absolute;width:0;height:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.ambience{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambience__frame{position:absolute;inset:-6%;background:center / cover no-repeat;opacity:0;transform:scale(1.06);filter:saturate(.5) brightness(.52) blur(2px);transition:opacity 1.1s var(--ease-soft),transform 6s var(--ease-soft)}.ambience__frame.is-active{opacity:.42;transform:scale(1)}.ambience__wash{position:absolute;inset:0;background:linear-gradient(180deg,#05060adb,#05060a99 34%,#05060aeb);transition:opacity .6s var(--ease-soft)}.ambience__glow{position:absolute;inset:-20%;opacity:.5;mix-blend-mode:screen;background:radial-gradient(48% 40% at 18% 26%,hsl(var(--accent-h) var(--accent-s) 46% / .3),transparent 70%),radial-gradient(44% 38% at 82% 72%,hsl(calc(var(--accent-h) + 150) 44% 42% / .24),transparent 72%);animation:glow-drift 26s var(--ease-soft) infinite alternate;transition:background var(--dur-4) var(--ease-soft),opacity .6s var(--ease-soft)}@keyframes glow-drift{to{transform:translate3d(3%,-2.5%,0) scale(1.08)}}.ambience__vignette{position:absolute;inset:0;background:radial-gradient(120% 92% at 50% 42%,transparent 38%,rgba(3 4 8 / .7) 100%);transition:opacity .6s var(--ease-soft)}.ambience__grain{position:absolute;inset:0;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app{position:relative;z-index:1;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) var(--library-w);grid-template-rows:var(--topbar-h) minmax(0,1fr) var(--transport-h);grid-template-areas:"topbar  library" "stage   library" "bar     bar"}body[data-boot=pending] .topbar,body[data-boot=pending] .deck,body[data-boot=pending] .library,body[data-boot=pending] .transport{opacity:0;transform:translateY(14px)}.topbar,.deck,.library,.transport{transition:opacity .7s var(--ease),transform .7s var(--ease)}body[data-boot=ready] .deck{transition-delay:.08s}body[data-boot=ready] .library{transition-delay:.16s}body[data-boot=ready] .transport{transition-delay:.22s}.topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--gutter);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand__mark{display:grid;place-items:center;width:38px;height:38px;flex:none;padding:9px;border:1px solid var(--line-mid);border-radius:50%;color:var(--accent);background:var(--accent-ghost);transition:transform var(--dur-2) var(--ease-spring),border-color var(--dur-2) var(--ease-soft)}.brand:hover .brand__mark{transform:scale(1.06);border-color:var(--accent-quiet)}.brand__text b{display:block;font:500 18px/1.1 "Noto Serif Devanagari",serif;letter-spacing:-.01em}.brand__text small{display:block;margin-top:2px;color:var(--text-faint);font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.topbar__meta{display:flex;align-items:center;gap:8px}.chip{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff06;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-dim);font-size:11px;font-weight:500;letter-spacing:.04em;white-space:nowrap;transition:border-color var(--dur-2) var(--ease-soft),background var(--dur-2) var(--ease-soft),transform var(--dur-2) var(--ease-spring)}.chip b{color:var(--text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.chip--live i{width:7px;height:7px;border-radius:50%;background:#3ddc9a;box-shadow:0 0 #3ddc9a80;animation:ping 2.4s var(--ease-soft) infinite}@keyframes ping{50%{box-shadow:0 0 0 6px #3ddc9a00}to{box-shadow:0 0 #3ddc9a00}}.chip--clock:hover{transform:translateY(-1px);border-color:var(--line-mid);background:#ffffff0d}.stage{grid-area:stage;display:grid;place-items:center;padding:clamp(16px,3vh,40px) var(--gutter);overflow:hidden auto;scrollbar-width:none}.stage::-webkit-scrollbar{display:none}.deck{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,58px);width:min(940px,100%)}.deck__art{position:relative;display:grid;place-items:center}.art{position:relative;width:clamp(200px,27vh,316px);aspect-ratio:1}.art__frame{position:absolute;inset:0;z-index:2;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-mid);box-shadow:0 30px 70px -24px #000000d9,0 0 0 1px #0006;transition:transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}body.is-playing .art__frame{transform:translateY(-4px);box-shadow:0 40px 90px -26px #000000e6,0 0 60px -18px hsl(var(--accent-h) var(--accent-s) 50% / .4)}.art__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .75s var(--ease-soft),transform 1.6s var(--ease-soft)}.art__img.is-active{opacity:1;transform:scale(1)}.art__gloss{position:absolute;inset:0;background:linear-gradient(150deg,rgba(255 255 255 / .12),transparent 34%,rgba(0 0 0 / .28));mix-blend-mode:overlay}.art__vinyl{position:absolute;z-index:1;top:12%;right:-14%;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#14161f 0 21%,transparent 21.5%),repeating-radial-gradient(circle,rgba(255 255 255 / .05) 0 1px,transparent 1px 5px),conic-gradient(from 200deg,#1a1d27,#2b2f3d 22%,#16181f,#2d3140 70%,#1a1d27);box-shadow:inset 0 0 40px #000c,0 20px 44px -18px #000000e6;transform:translate(-8%) rotate(0);transition:transform var(--dur-3) var(--ease);animation:spin 6s linear infinite;animation-play-state:paused}.art__vinyl:after{content:"";position:absolute;inset:44%;border-radius:50%;background:var(--accent);box-shadow:0 0 18px hsl(var(--accent-h) var(--accent-s) 50% / .6);transition:background var(--dur-4) var(--ease-soft)}body.is-playing .art__vinyl{transform:translate(0);animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.deck__meta{min-width:0}.deck__band{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:color var(--dur-4) var(--ease-soft)}.deck__dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.deck__band em{padding-left:10px;margin-left:2px;border-left:1px solid var(--line-mid);color:var(--text-faint);font-style:normal;letter-spacing:.14em}.deck__title{margin:14px 0 8px;font:400 clamp(38px,5.6vw,68px) / 1.02 "Instrument Serif",serif;letter-spacing:-.015em;text-wrap:balance}.deck__artist{color:var(--text-dim);font-size:14px;letter-spacing:.01em}.deck__title,.deck__artist,.deck__band{transition:opacity var(--dur-2) var(--ease-soft),transform var(--dur-2) var(--ease-soft)}body.is-swapping .deck__title,body.is-swapping .deck__artist,body.is-swapping .deck__band{opacity:0;transform:translateY(9px)}.couplet{position:relative;margin-top:26px;padding:18px 22px;border:1px solid var(--line);border-left:2px solid var(--accent-quiet);border-radius:4px var(--radius-sm) var(--radius-sm) 4px;background:linear-gradient(100deg,var(--accent-ghost),rgba(255 255 255 / .014));transition:border-color var(--dur-4) var(--ease-soft),background var(--dur-4) var(--ease-soft)}.couplet__line{display:block;color:#dce0ee;font:400 clamp(15px,1.35vw,18px) / 1.85 "Noto Serif Devanagari",serif;opacity:1;transform:translateY(0);transition:opacity var(--dur-2) var(--ease-soft),transform var(--dur-2) var(--ease-soft)}.couplet__line:nth-child(2){transition-delay:.05s}.couplet figcaption{margin-top:10px;color:var(--text-faint);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:opacity var(--dur-2) var(--ease-soft)}body.is-swapping .couplet__line{opacity:0;transform:translateY(7px)}body.is-swapping .couplet figcaption{opacity:0}.deck__eq{display:flex;align-items:flex-end;gap:3px;height:18px;margin-top:22px;opacity:0;transition:opacity var(--dur-3) var(--ease-soft)}body.is-playing .deck__eq{opacity:.85}.deck__eq i{width:3px;height:30%;border-radius:2px;background:var(--accent);transform-origin:bottom;animation:eq 1.1s var(--ease-soft) infinite alternate}.deck__eq i:nth-child(1){animation-duration:.9s}.deck__eq i:nth-child(2){animation-duration:1.4s}.deck__eq i:nth-child(3){animation-duration:.7s}.deck__eq i:nth-child(4){animation-duration:1.15s}.deck__eq i:nth-child(5){animation-duration:.85s}.deck__eq i:nth-child(6){animation-duration:1.3s}.deck__eq i:nth-child(7){animation-duration:.95s}@keyframes eq{to{height:100%}}.library{grid-area:library;display:grid;grid-template-rows:auto auto minmax(0,1fr);border-left:1px solid rgba(255 255 255 / .07);background:linear-gradient(180deg,#0c0e1670,#07080d94);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);min-height:0}.library__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 22px 16px}.library__title h2{font:400 24px/1 "Instrument Serif",serif;letter-spacing:-.01em}.library__title p{margin-top:6px;color:var(--text-faint);font-size:11px;letter-spacing:.08em}.ghost-btn{display:grid;place-items:center;width:32px;height:32px;flex:none;padding:8px;border:1px solid var(--line);border-radius:50%;color:var(--text-dim);transition:color var(--dur-1) var(--ease-soft),border-color var(--dur-1) var(--ease-soft),background var(--dur-1) var(--ease-soft)}.ghost-btn:hover{color:var(--text);border-color:var(--line-mid);background:#ffffff0d}.library__close{display:none}.library__search{position:relative;display:flex;align-items:center;gap:10px;margin:0 22px 14px;padding:0 14px;height:42px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;transition:border-color var(--dur-2) var(--ease-soft),background var(--dur-2) var(--ease-soft)}.library__search:focus-within{border-color:var(--accent-quiet);background:#ffffff0d}.library__search svg{width:15px;height:15px;flex:none;color:var(--text-faint)}.library__search input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:400 13px/1 Inter,sans-serif;outline:none}.library__search input::placeholder{color:var(--text-faint)}.library__search input::-webkit-search-cancel-button{display:none}.tracks{overflow:hidden auto;padding:0 12px 18px;scrollbar-width:thin;scrollbar-color:rgba(255 255 255 / .12) transparent;overscroll-behavior:contain}.tracks::-webkit-scrollbar{width:8px}.tracks::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#ffffff1f content-box}.track{position:relative;display:grid;grid-template-columns:22px 42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:var(--radius-sm);text-align:left;color:var(--text-dim);transition:background var(--dur-1) var(--ease-soft),color var(--dur-1) var(--ease-soft),transform var(--dur-2) var(--ease-spring)}.track:hover{background:#ffffff0b;color:var(--text);transform:translate(2px)}.track__num{color:var(--text-faint);font-size:11px;font-variant-numeric:tabular-nums;text-align:right;transition:opacity var(--dur-1) var(--ease-soft)}.track__thumb{position:relative;width:42px;height:42px;border-radius:7px;overflow:hidden;flex:none;background:var(--ink-700)}.track__thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.82);transition:filter var(--dur-2) var(--ease-soft),transform var(--dur-3) var(--ease)}.track:hover .track__thumb img{filter:saturate(.9) brightness(1);transform:scale(1.07)}.track__text{min-width:0}.track__title{display:block;overflow:hidden;color:inherit;font-size:13.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.track__sub{display:block;margin-top:2px;overflow:hidden;color:var(--text-faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.track__year{color:var(--text-faint);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.track.is-current{color:var(--text);background:linear-gradient(90deg,var(--accent-quiet),rgba(255 255 255 / .02))}.track.is-current .track__title{color:var(--accent)}.track.is-current:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:2px;border-radius:2px;background:var(--accent);animation:bar-in var(--dur-2) var(--ease) both}@keyframes bar-in{0%{transform:scaleY(0)}}.track.is-current .track__thumb img{filter:saturate(1) brightness(1)}.track__bars{display:none;align-items:flex-end;gap:2px;height:11px;justify-content:flex-end}.track__bars i{width:2px;height:40%;border-radius:2px;background:var(--accent);animation:eq .9s var(--ease-soft) infinite alternate}.track__bars i:nth-child(2){animation-duration:1.3s}.track__bars i:nth-child(3){animation-duration:.75s}body.is-playing .track.is-current .track__bars{display:flex}body.is-playing .track.is-current .track__num{display:none}.tracks__empty{padding:26px 22px;color:var(--text-faint);font-size:12.5px;text-align:center}.transport{grid-area:bar;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:20px;padding:0 var(--gutter);border-top:1px solid var(--line);background:#07080db8;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.transport__now{display:flex;align-items:center;gap:12px;min-width:0}.transport__now img{width:46px;height:46px;flex:none;border-radius:9px;object-fit:cover;border:1px solid var(--line);transition:transform var(--dur-3) var(--ease)}body.is-playing .transport__now img{transform:scale(1.03)}.transport__nowtext{min-width:0}.transport__nowtext b{display:block;overflow:hidden;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.transport__nowtext small{display:block;margin-top:2px;overflow:hidden;color:var(--text-faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.transport__core{display:grid;gap:7px;justify-items:center;min-width:0;width:100%}.transport__buttons{display:flex;align-items:center;gap:6px}.ctl{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:9px;border-radius:50%;color:var(--text-dim);transition:color var(--dur-1) var(--ease-soft),background var(--dur-1) var(--ease-soft),transform var(--dur-2) var(--ease-spring)}@media(hover:hover){.ctl:hover{color:var(--text);background:#ffffff1a;transform:scale(1.12)}.ctl[aria-pressed=true]:hover{background:hsl(var(--accent-h) var(--accent-s) 50% / .14)}}.ctl:active{transform:scale(.92)}.ctl[aria-pressed=true]{color:var(--accent)}.ctl[aria-pressed=true]:after{content:"";position:absolute;left:50%;bottom:1px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:currentColor;animation:dot-in var(--dur-2) var(--ease-spring) both}@keyframes dot-in{0%{transform:scale(0)}}.ctl--small{width:34px;height:34px;padding:8px}.ctl--play{width:48px;height:48px;margin:0 6px;padding:14px;color:var(--ink-950);background:var(--text);box-shadow:0 6px 22px -8px #ffffff73}@media(hover:hover){.ctl--play:hover{color:var(--ink-950);background:#fff;transform:scale(1.07);box-shadow:0 12px 34px -10px #fff9}.video__cue:hover{transform:translate(-50%,-50%) scale(1.05);border-color:hsl(var(--accent-h) var(--accent-s) 62% / .4);color:var(--text)}}.ctl--play .ctl__pause,body.is-playing .ctl--play .ctl__play{display:none}body.is-playing .ctl--play .ctl__pause{display:block}.ctl__ring{position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--accent-quiet);opacity:0;transform:scale(.9);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}body.is-playing .ctl__ring{opacity:1;transform:scale(1)}body.is-buffering .ctl--play{animation:breathe 1.3s var(--ease-soft) infinite}@keyframes breathe{50%{opacity:.55}}.scrub{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:11px;width:100%;max-width:560px}.scrub__time{color:var(--text-faint);font-size:10.5px;font-variant-numeric:tabular-nums;letter-spacing:.03em}.scrub__time:last-child{text-align:right}.scrub__rail,.volume__rail{position:relative;display:flex;align-items:center;height:20px;min-width:0}.scrub__track,.volume__track{position:absolute;inset-inline:0;height:3px;border-radius:999px;background:#ffffff1c;transition:height var(--dur-1) var(--ease-soft)}.scrub__fill,.volume__fill{position:absolute;left:0;height:3px;width:calc(var(--progress, 0) * 100%);border-radius:999px;background:var(--accent);transition:height var(--dur-1) var(--ease-soft),background var(--dur-4) var(--ease-soft)}.scrub__fill{transition:height var(--dur-1) var(--ease-soft),background var(--dur-4) var(--ease-soft)}.scrub__rail:hover .scrub__track,.scrub__rail:hover .scrub__fill,.volume__rail:hover .volume__track,.volume__rail:hover .volume__fill,body.is-scrubbing .scrub__track,body.is-scrubbing .scrub__fill{height:5px}.scrub__rail input,.volume__rail input{position:relative;z-index:2;width:100%;height:20px;margin:0;appearance:none;background:none;cursor:pointer}.scrub__rail input::-webkit-slider-thumb,.volume__rail input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0009;opacity:0;transform:scale(.5);transition:opacity var(--dur-1) var(--ease-soft),transform var(--dur-1) var(--ease-spring)}.scrub__rail input::-moz-range-thumb,.volume__rail input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;opacity:0;transition:opacity var(--dur-1) var(--ease-soft)}.scrub__rail:hover input::-webkit-slider-thumb,.volume__rail:hover input::-webkit-slider-thumb,.scrub__rail input:focus-visible::-webkit-slider-thumb,.volume__rail input:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1)}.scrub__rail:hover input::-moz-range-thumb,.volume__rail:hover input::-moz-range-thumb{opacity:1}.transport__aux{display:flex;align-items:center;justify-content:flex-end;gap:6px}.volume{display:flex;align-items:center;gap:6px}.volume__rail{width:88px;transition:width var(--dur-2) var(--ease)}.mode__video,body.video-mode .mode__audio{display:none}body.video-mode .mode__video{display:block}.volume__off,body.is-muted .volume__on{display:none}body.is-muted .volume__off{display:block}body.is-muted .volume__fill{background:var(--text-faint)}.transport__listbtn{display:none}.toast{position:fixed;z-index:60;left:50%;bottom:calc(var(--transport-h) + 20px);padding:11px 18px;border:1px solid var(--line-mid);border-radius:999px;background:#0e1018f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px -14px #000000e6;color:var(--text);font-size:12.5px;opacity:0;transform:translate(-50%,14px) scale(.96);pointer-events:none;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease-spring)}.toast.is-visible{opacity:1;transform:translate(-50%) scale(1)}.scrim{position:fixed;inset:0;z-index:20;background:#03040899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity var(--dur-2) var(--ease-soft)}.scrim.is-visible{opacity:1}.video{position:fixed;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity .6s var(--ease-soft)}body.video-mode .video{opacity:1}.deck__art{transition:opacity .35s var(--ease-soft),display .35s allow-discrete}body.video-mode .deck__art{opacity:0;display:none}body.video-mode .stage{place-items:end start}body.video-mode .deck{width:min(640px,100%)}body.video-mode .deck__meta{text-shadow:0 2px 22px rgba(2 3 6 / .92)}body.video-mode .couplet{border-color:var(--line-mid);background:#06070c70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.video-mode .ambience__frame,body.video-mode .ambience__wash,body.video-mode .ambience__glow,body.video-mode .ambience__vignette{opacity:0}.video__frame{position:absolute;inset:0;overflow:hidden;cursor:default;background:#05060a}.yt-hosts{position:absolute;inset:0}.yt-host{--yt-w: max(100vw, calc(100dvh * 16 / 9));--yt-h: max(100dvh, 56.25vw );position:absolute;left:calc((100vw - var(--yt-w)) / 2);top:calc((100dvh - 2 * var(--yt-h)) / 2);width:var(--yt-w);height:calc(2 * var(--yt-h));opacity:0;pointer-events:none;transition:opacity .6s var(--ease-soft)}.yt-host.is-live{opacity:1}.yt-host iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.video__poster{position:absolute;inset:0;overflow:hidden;background:#05060a;pointer-events:none;opacity:1;transition:opacity 0s}body[data-video=live] .video__poster{opacity:0;transition:opacity .5s var(--ease-soft) .25s}body[data-video=paused] .video__poster{opacity:0;transition:opacity .35s var(--ease-soft)}.video__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);filter:blur(14px) saturate(.85) brightness(.42)}.video__cue{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:clamp(150px,23vh,260px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;--cue-hue: hsl(var(--accent-h) calc(var(--accent-s) * .5) 14%);--cue-alpha: .52;--cue-blur: 30px;color:hsl(var(--accent-h) calc(var(--accent-s) * .7) 82%);border:1px solid hsl(var(--accent-h) var(--accent-s) 62% / .18);background:color-mix(in srgb,var(--cue-hue) calc(var(--cue-alpha) * 100%),transparent);-webkit-backdrop-filter:blur(var(--cue-blur)) saturate(.55) brightness(.5);backdrop-filter:blur(var(--cue-blur)) saturate(.55) brightness(.5);box-shadow:0 24px 60px -28px #000c;cursor:pointer;pointer-events:auto;transition:opacity var(--dur-2) var(--ease-soft),transform var(--dur-2) var(--ease-spring),background var(--dur-4) var(--ease-soft),border-color var(--dur-4) var(--ease-soft),color var(--dur-4) var(--ease-soft)}.video__cue svg{transform:translate(7%)}.video__cue:active{transform:translate(-50%,-50%) scale(.96)}.video__cue:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.video__cue svg{width:22%;height:22%}body[data-video=live] .video__cue{opacity:0;pointer-events:none;transition:opacity .3s var(--ease-soft)}body.is-buffering:not([data-video=live]) .video__cue{opacity:.5;animation:cue-pulse 1.4s var(--ease-soft) infinite}@keyframes cue-pulse{50%{opacity:1}}.video__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#04050980,#0405090a 13%,#04050914 44%,#040509e0),radial-gradient(130% 100% at 50% 45%,transparent 42%,rgba(3 4 8 / .58) 100%)}body.video-mode .topbar{border-bottom-color:transparent;text-shadow:0 1px 16px rgba(2 3 6 / .95)}body.video-mode .transport{background:var(--ink-900);-webkit-backdrop-filter:none;backdrop-filter:none;border-top-color:var(--line-mid)}.close__min{display:none}@media(min-width:901px){.library__close,.transport__listbtn{display:grid}.close__x{display:none}.close__min{display:block}.app{transition:grid-template-columns .42s var(--ease)}body.library-hidden{--library-w: 0px}body.library-hidden .library{position:fixed;top:var(--topbar-h);right:0;bottom:var(--transport-h);width:var(--library-panel);transform:translate(101%);opacity:0;pointer-events:none}.library{transition:transform .42s var(--ease),opacity .32s var(--ease-soft)}}@media(max-width:1180px){:root{--library-panel: 320px}.deck{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.deck__band,.deck__eq{justify-content:center}.couplet{text-align:center;border-left-width:1px;border-radius:var(--radius-sm)}body.video-mode .stage{place-items:end center}}@media(max-width:900px){:root{--topbar-h: 64px;--transport-h: calc(158px + env(safe-area-inset-bottom, 0px)) }.app{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0,1fr) auto;grid-template-areas:"topbar" "stage" "bar"}.brand__text small,.chip--clock{display:none}.library{position:fixed;z-index:30;inset:auto 0 0;height:min(78dvh,640px);border-left:0;border-top:1px solid var(--line-mid);border-radius:22px 22px 0 0;background:#090b11d1;transform:translateY(101%);transition:transform .44s var(--ease)}.library.is-open{transform:translateY(0)}body[data-boot=pending] .library{opacity:1;transform:translateY(101%)}.library__close,.transport__listbtn{display:grid}.transport{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"now aux" "core core";gap:10px 14px;padding:12px var(--gutter) calc(14px + env(safe-area-inset-bottom,0px));align-content:center}.ctl{width:42px;height:42px;padding:10px}.ctl--small{width:40px;height:40px;padding:10px}.ctl--play{width:54px;height:54px;padding:16px;margin:0 8px}.transport__buttons{gap:4px}.scrub{gap:12px}.transport__now{grid-area:now}.transport__core{grid-area:core}.transport__aux{grid-area:aux}.volume__rail{width:0;overflow:hidden}.scrub{max-width:none}.video__cue{width:clamp(116px,19vh,168px)}.art{width:clamp(160px,34vw,230px)}.deck__title{margin-top:12px}.couplet{margin-top:18px;padding:14px 16px}.deck__eq{display:none}}@media(max-width:560px){:root{--gutter: 16px}.transport__now img{width:40px;height:40px}.chip--live span{display:none}}@media(max-height:620px){.couplet{display:none}.art{width:clamp(140px,22vh,200px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ambience__glow,.art__vinyl{animation:none}}.yt-offscreen{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}body.is-interlude .couplet{visibility:hidden}body.is-interlude .art__frame,body.is-interlude .video__poster{filter:saturate(.35) brightness(.55);transition:filter .6s ease}body.is-interlude .deck__title{color:hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) + 18%))}body.is-interlude .deck__band #deckFreq{letter-spacing:.24em}body.is-interlude .scrub__rail{opacity:.45}