@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-vietnamese-opsz-normal-CcSE2nLi.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-latin-ext-opsz-normal-Ctdd2Rbx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-latin-opsz-normal-D0XSQJTG.woff2)format("woff2-variations");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}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/assets/martian-mono-cyrillic-ext-wdth-normal-BFx_pHPN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/assets/martian-mono-cyrillic-wdth-normal-Dgr-UBxV.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/assets/martian-mono-latin-ext-wdth-normal-DeTdBbNh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/assets/martian-mono-latin-wdth-normal-1TqSgyfh.woff2)format("woff2-variations");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}@property --bg{syntax:"<color>";inherits:true;initial-value:#05070a}@property --c1{syntax:"<color>";inherits:true;initial-value:#1d5a63}@property --c2{syntax:"<color>";inherits:true;initial-value:#3fb3a3}@property --c3{syntax:"<color>";inherits:true;initial-value:#0b2226}@property --accent{syntax:"<color>";inherits:true;initial-value:#ff8a3d}@property --ink{syntax:"<color>";inherits:true;initial-value:#f1f2ee}@property --chrome-ink{syntax:"<color>";inherits:true;initial-value:#f1f2ee}:root{--display:"Big Shoulders Variable", "Arial Narrow", sans-serif;--mono:"Martian Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--chrome-o:.96;--pad:clamp(16px, 3.4vmin, 46px);--i90:color-mix(in oklab, var(--chrome-ink) 90%, transparent);--i70:color-mix(in oklab, var(--chrome-ink) 72%, transparent);--i55:color-mix(in oklab, var(--chrome-ink) 58%, transparent);--i40:color-mix(in oklab, var(--chrome-ink) 42%, transparent);--i22:color-mix(in oklab, var(--chrome-ink) 22%, transparent);--i14:color-mix(in oklab, var(--chrome-ink) 14%, transparent);--i08:color-mix(in oklab, var(--chrome-ink) 8%, transparent);--tint:color-mix(in oklab, var(--bg) 72%, transparent);--panel:color-mix(in oklab, var(--bg) 90%, transparent);--live:#ff4d3d;--spotify:#1ed760;--ease-out:cubic-bezier(.16, .84, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--accent);caret-color:var(--accent);scrollbar-color:var(--i22) transparent;transition:--bg 3s,--c1 3s,--c2 3s,--c3 3s,--accent 3s,--ink 3s,--chrome-ink 3s}*{box-sizing:border-box}::selection{background:color-mix(in oklab, var(--accent) 45%, transparent);color:var(--chrome-ink)}html,body,#root{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--display);color:var(--chrome-ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.35}:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}code{font-family:var(--mono);background:var(--i08);word-break:break-all;-webkit-user-select:text;user-select:text;border-radius:4px;padding:1px 5px;font-size:.92em}.chip,.progress,.knob-unit,.field-v,.source-note,.strip,.hud,.payload,.light-id,.light-data,.dev-meta,.sheet-note,.input,.select,.rail-n,.device{font-family:var(--mono)}.app{background:var(--bg);position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;position:absolute;inset:0}.app[data-family=ambient] .stage{animation:stage-in-ambient .9s var(--ease-out)}.app[data-family=live] .stage{animation:stage-in-live .9s var(--ease-out)}@keyframes stage-in-ambient{0%{opacity:0}}@keyframes stage-in-live{0%{opacity:0}}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.grain{pointer-events:none;opacity:.09;mix-blend-mode:overlay;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.chrome{pointer-events:none;padding:max(var(--pad), env(safe-area-inset-top)) max(var(--pad), env(safe-area-inset-right)) max(var(--pad), env(safe-area-inset-bottom)) max(var(--pad), env(safe-area-inset-left));opacity:var(--chrome-o);flex-direction:column;transition:opacity .6s;display:flex;position:absolute;inset:0}.chrome[data-hidden=true]{opacity:0}.chrome[data-hidden=true] *{pointer-events:none!important}.chrome :is(button,input,select,.knob,.progress-track,.nosignal,.strip){pointer-events:auto}.topbar{justify-content:space-between;align-items:flex-start;gap:16px 24px;display:flex}.topbar-l{flex-wrap:wrap;align-items:center;gap:10px 18px;min-width:0;display:flex}.topbar-r{align-items:center;gap:14px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-word{letter-spacing:.36em;text-transform:uppercase;margin-right:-.36em;font-size:19px;font-weight:700;line-height:1}.chip{border:1px solid var(--i22);background:var(--tint);letter-spacing:.06em;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;height:28px;padding:0 12px 0 11px;font-size:10.5px;font-weight:500;font-stretch:87.5%;display:inline-flex}.chip-main{letter-spacing:.14em}.chip-sub{color:var(--i55)}.chip-rate{border-left:1px solid var(--i22);color:var(--i70);font-variant-numeric:tabular-nums;margin-left:3px;padding-left:9px}.chip-dot{background:var(--c2);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--c2) 22%, transparent);border-radius:50%}.chip[data-kind=live] .chip-dot{background:var(--live);box-shadow:0 0 0 3px color-mix(in oklab, var(--live) 25%, transparent), 0 0 12px var(--live)}.chip[data-kind=off] .chip-dot{box-shadow:inset 0 0 0 1px var(--i55);background:0 0}.chip[data-kind=live]{border-color:color-mix(in oklab, var(--live) 45%, transparent)}.strip{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:10px;min-height:30px;font-size:10.5px;font-stretch:87.5%;display:flex}.strip-title{letter-spacing:.02em;font-weight:600}.strip-detail{color:var(--i55);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.strip-stop,.strip-link{border:1px solid color-mix(in oklab, var(--live) 55%, transparent);height:26px;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:0 13px;font-size:13px;font-weight:600}.strip-link{border-color:var(--i40)}.strip-stay[data-on=true]{border-color:color-mix(in oklab, var(--live) 70%, transparent);background:color-mix(in oklab, var(--live) 18%, transparent)}.strip-why{background:var(--i14);letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:4px 10px 5px;font-weight:600}.listen-top{border:1px solid color-mix(in oklab, var(--live) 55%, transparent);background:color-mix(in oklab, var(--live) 14%, transparent);height:28px;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;font-weight:600;display:inline-flex}.listen-top:before{content:"";width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--live);border-radius:50%}.listen-top:hover:not(:disabled){background:color-mix(in oklab, var(--live) 24%, transparent)}.meter{align-items:center;gap:8px;display:inline-flex}.meter-track{background:var(--i14);border-radius:3px;width:112px;height:6px;position:relative;overflow:hidden}.meter-fill{background:var(--i40);transform-origin:0;transition:transform .1s linear;position:absolute;inset:0}.meter-fill[data-loud=true]{background:var(--live)}.meter-mark{background:var(--chrome-ink);width:1.5px;margin-left:-.75px;position:absolute;top:-2px;bottom:-2px}.meter-v{min-width:9ch;color:var(--i55);font-variant-numeric:tabular-nums}.strip-hint{font-family:var(--display);letter-spacing:.01em;color:var(--i70);flex-basis:100%;align-items:center;gap:10px;font-size:15px;display:flex}.rail{gap:10px;display:flex}.rail-group{border:1px solid var(--i14);background:var(--tint);border-radius:999px;align-items:center;gap:1px;padding:3px;display:flex}.rail-family{letter-spacing:.24em;text-transform:uppercase;color:var(--i40);padding:0 8px 0 11px;font-size:11px;font-weight:500}.rail-b{letter-spacing:.1em;text-transform:uppercase;color:var(--i70);border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px 7px;font-size:14px;font-weight:600;transition:background .25s,color .25s;display:inline-flex}.rail-n{letter-spacing:0;color:var(--i40);font-size:8.5px;font-weight:500}.rail-b:hover{color:var(--chrome-ink)}.rail-b[data-on=true]{background:var(--chrome-ink);color:var(--bg)}.rail-b[data-on=true] .rail-n{color:color-mix(in oklab, var(--bg) 55%, transparent)}.tools{gap:8px;display:flex}.icon-btn{border:1px solid var(--i14);background:var(--tint);width:38px;height:38px;color:var(--i90);border-radius:50%;place-items:center;transition:background .2s,border-color .2s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--i14)}.icon-btn[data-on=true]{border-color:var(--accent);color:var(--accent)}.strip .icon-btn{width:28px;height:28px}.center{flex:1;place-items:center;min-height:0;display:grid;position:relative}.nosignal{border:1px solid var(--i14);background:color-mix(in oklab, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);border-radius:20px;width:min(660px,100%);padding:28px 30px 24px;box-shadow:0 40px 90px -40px #000000d9}.nosignal-head{align-items:flex-end;gap:22px;margin-bottom:20px;display:flex}.nosignal-title{letter-spacing:.03em;text-transform:uppercase;color:#0000;-webkit-text-stroke:1.2px var(--chrome-ink);white-space:nowrap;margin:0;font-size:clamp(44px,5.6vw,80px);font-weight:800;line-height:.82}.nosignal-sub{letter-spacing:.01em;color:var(--i70);max-width:34ch;margin:0;font-size:16px;font-weight:450;line-height:1.35}.nosignal-mono{width:min(580px,100%)}.nosignal-mono .nosignal-head{margin:0}.sources{gap:10px;display:grid}.source-row{border-top:1px solid var(--i08);grid-template-columns:150px auto 1fr;align-items:center;gap:12px;padding-top:10px;display:grid}.source-k{letter-spacing:.14em;color:var(--i55);font-size:13px;font-weight:600}.source-note{color:var(--i40);font-size:9.5px}.source-err{color:#ff8a7a;margin:4px 0 0;font-size:15px}.listen{border-top:1px solid var(--i08);flex-wrap:wrap;align-items:center;gap:12px 18px;padding-top:14px;display:flex}.btn-listen{border-color:color-mix(in oklab, var(--live) 60%, transparent);background:color-mix(in oklab, var(--live) 16%, transparent);height:48px;padding:0 26px 1px;font-size:17px}.btn-listen:hover:not(:disabled){background:color-mix(in oklab, var(--live) 26%, transparent)}.listen-note{color:var(--i70);flex:22ch;font-size:15px;line-height:1.35}.listen-more{color:var(--i70);margin-top:14px;font-weight:500;display:block}.listen+.source-err+.sources,.listen+.sources{margin-top:14px}.nosignal-tip{border-top:1px solid var(--i08);letter-spacing:.01em;color:var(--i70);margin:14px 0 0;padding-top:12px;font-size:15px;line-height:1.4}.nosignal-tip strong{color:var(--chrome-ink);font-weight:650}.tip-link{font:inherit;color:var(--chrome-ink);text-decoration:underline;-webkit-text-decoration-color:var(--i40);text-decoration-color:var(--i40);text-underline-offset:3px;padding:0;font-weight:650}.tip-link:hover{text-decoration-color:currentColor}.btn{border:1px solid var(--i22);background:var(--i08);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 16px 1px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.btn:hover:not(:disabled){background:var(--i14)}.btn[data-on=true]{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:0 0}.btn-spotify{background:var(--spotify);border-color:var(--spotify);color:#04130a;font-weight:700}.btn-spotify:hover:not(:disabled){background:color-mix(in oklab, var(--spotify) 88%, white)}.seg{border:1px solid var(--i14);border-radius:999px;flex-wrap:wrap;justify-self:start;gap:1px;padding:2px;display:inline-flex}.seg-b{letter-spacing:.06em;color:var(--i70);white-space:nowrap;border-radius:999px;padding:5px 12px 6px;font-size:13.5px;font-weight:600}.seg-b[data-on=true]{background:var(--chrome-ink);color:var(--bg)}.input,.select{border:1px solid var(--i22);background:var(--i08);-webkit-user-select:text;user-select:text;border-radius:9px;width:100%;height:34px;padding:0 10px;font-size:11px}.input::placeholder{color:var(--i40)}.select{min-width:0}.range{width:100%}.toggle{letter-spacing:.02em;cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:500;display:inline-flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-ui{background:var(--i14);border-radius:999px;width:30px;height:18px;transition:background .2s;position:relative}.toggle-ui:after{content:"";background:var(--chrome-ink);width:12px;height:12px;transition:transform .2s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-ui{background:var(--accent)}.toggle input:checked+.toggle-ui:after{background:var(--bg);transform:translate(12px)}.toggle input:focus-visible+.toggle-ui{outline:1.5px solid var(--accent);outline-offset:2px}.credits{flex-direction:column;gap:clamp(12px,2.2vh,24px);display:flex}.credits-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:clamp(18px,3vw,44px);display:grid}.art{aspect-ratio:1;background:var(--c3);width:clamp(104px,22vh,280px);box-shadow:0 50px 90px -40px #000000e6, 0 0 0 1px var(--i08);pointer-events:auto;border-radius:6px;position:relative;overflow:hidden}.art img,.art-empty{object-fit:cover;width:100%;height:100%;display:block}.meta{min-width:0}.title{letter-spacing:.004em;text-transform:uppercase;text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;text-shadow:0 6px 60px #00000059;animation:rise 1.6s var(--ease-out) both;-webkit-box-orient:vertical;margin:0;padding-bottom:.04em;font-size:clamp(52px,8.6vw,148px);font-weight:800;line-height:.84;display:-webkit-box;overflow:hidden}@keyframes rise{0%{opacity:0;filter:blur(8px);letter-spacing:.05em;transform:translateY(.14em)}}.artist{letter-spacing:.02em;flex-wrap:wrap;align-items:baseline;gap:2px 18px;margin:16px 0 0;font-size:clamp(20px,2.3vw,34px);line-height:1.05;display:flex}.artist-name{font-weight:650}.artist-album{color:var(--i55);font-weight:400}.via{letter-spacing:.06em;color:var(--i70);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:14px 0 0;font-size:14px;font-weight:500;display:flex}.via-mark,.inline-mark,.idle-mark{color:var(--spotify);flex:none}.inline-mark,.idle-mark{vertical-align:-2px;margin-right:8px}.via-dev{color:var(--i40)}.via-warn{color:#ff8a7a}.controls{align-items:flex-end;gap:clamp(14px,2vw,26px);display:flex}.transport{align-items:center;gap:8px;margin-bottom:30px;display:flex}.transport .icon-btn{width:42px;height:42px}.transport .transport-main{background:var(--chrome-ink);width:52px;height:52px;color:var(--bg);border-color:#0000}.progress{font-variant-numeric:tabular-nums;color:var(--i70);grid-template-columns:5ch minmax(0,1fr) 6ch;align-items:center;gap:16px;font-size:10.5px;font-weight:500;display:grid}.progress-r{text-align:right}.progress-track{height:22px;position:relative}.progress-track[data-seek=true]{cursor:pointer}.progress-rail,.progress-fill{height:1px;position:absolute;top:50%;left:0;right:0}.progress-rail{background:var(--i22)}.progress-fill{background:linear-gradient(90deg, var(--i40), var(--chrome-ink));transform-origin:0;transform:scaleX(0)}.progress-head{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent);border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.knob-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.knob{aspect-ratio:1;touch-action:none;cursor:grab;border-radius:50%;outline:none;width:clamp(88px,12vh,124px);position:relative}.knob:focus-visible{box-shadow:0 0 0 2px var(--accent)}.knob svg{width:100%;height:100%;overflow:visible}.knob-face{fill:color-mix(in oklab, var(--bg) 62%, transparent);stroke:var(--i14);stroke-width:.6px}.knob-track{fill:none;stroke:var(--i14);stroke-width:2.4px;stroke-linecap:round}.knob-fill{fill:none;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round}.knob-tick{stroke:var(--i40);stroke-width:.7px}.knob-dot{fill:var(--chrome-ink)}.knob-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.knob-val{font-variant-numeric:tabular-nums;font-size:clamp(28px,3.8vh,38px);font-weight:600;line-height:.9}.knob-unit{letter-spacing:.22em;color:var(--i55);margin-top:4px;font-size:7.5px}.knob[data-disabled=true] .knob-val{color:var(--i40)}.knob-state{color:var(--i70);display:grid;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.device{letter-spacing:.04em;max-width:170px;color:var(--i70);white-space:nowrap;align-items:center;gap:6px;font-size:9.5px;display:inline-flex}.device span{text-overflow:ellipsis;overflow:hidden}.idle{flex-wrap:wrap;align-items:flex-end;gap:clamp(20px,4vw,56px);display:flex}.clock{flex-direction:column;display:flex}.clock-t{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-left:-.04em;font-size:clamp(110px,19vw,330px);font-weight:200;line-height:.76}.clock-colon{color:var(--i40);margin:0 .02em}.clock-phase{letter-spacing:.34em;text-transform:uppercase;color:var(--i70);margin-top:18px;font-size:15px;font-weight:500}.clock[data-compact=true] .clock-t{font-size:clamp(48px,5.8vw,80px);font-weight:300}.clock[data-compact=true] .clock-phase{margin-top:8px;font-size:12px}.idle-meta{padding-bottom:8px}.idle-line{letter-spacing:.01em;color:var(--i90);max-width:34ch;margin:0;font-size:clamp(17px,1.6vw,22px);font-weight:450;line-height:1.3}.idle[data-compact=true] .idle-line{font-size:15px}.idle-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.credits[data-compact=true] .art{border-radius:4px;width:clamp(60px,10vh,104px)}.credits[data-compact=true] .title{-webkit-line-clamp:1;line-clamp:1;font-size:clamp(30px,3.8vw,64px)}.credits[data-compact=true] .artist{margin-top:6px;font-size:clamp(15px,1.4vw,20px)}.credits[data-compact=true] .via{margin-top:6px;font-size:12.5px}.credits[data-compact=true] .knob{width:clamp(72px,9.5vh,96px)}.credits[data-compact=true] .transport{margin-bottom:26px}.credits[data-compact=true] .transport .icon-btn{width:36px;height:36px}.credits[data-compact=true] .transport .transport-main{width:44px;height:44px}.credits[data-compact=true] .credits-row{align-items:center}.sheet{z-index:20;width:min(460px,94vw);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) 0;background:var(--panel);border-left:1px solid var(--i14);color:var(--chrome-ink);animation:slide .42s var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-30px 0 80px -30px #000000b3}@keyframes slide{0%{opacity:0;transform:translate(28px)}}.sheet-top{justify-content:space-between;align-items:center;padding:22px 22px 12px;display:flex}.sheet-title{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:0;font-size:30px;font-weight:700;display:flex}.sheet-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;padding:0 22px 36px;overflow-y:auto}.sheet-sec{border-top:1px solid var(--i08);padding:18px 0 14px}.sheet-h{letter-spacing:.18em;text-transform:uppercase;color:var(--i70);margin:0 0 12px;font-size:15px;font-weight:600}.sheet-note{color:var(--i55);-webkit-user-select:text;user-select:text;margin:10px 0 0;font-size:10px;line-height:1.65}.sheet-note .warn{color:#ff8a7a;font-weight:500}.sheet-note code{white-space:nowrap}.field{grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:10px;margin:9px 0;display:grid}.field-k{letter-spacing:.1em;text-transform:uppercase;color:var(--i55);font-size:13px;font-weight:500}.field-v{grid-column:span 2;font-size:10.5px}.field .range+.field-v{grid-column:auto}.field-err{color:#ff8a7a;font-style:normal}.field-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.mono-num{font-variant-numeric:tabular-nums;white-space:nowrap}.sheet .source-row{grid-template-columns:1fr;gap:8px}.badge{font-family:var(--mono);letter-spacing:.18em;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:500}.swatches{align-items:center;gap:6px;display:flex}.sw{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--i14);border-radius:7px}.sw-phase{letter-spacing:.2em;text-transform:uppercase;color:var(--i70);margin-left:10px;font-size:13px;font-weight:600}.light{border-bottom:1px solid var(--i08);grid-template-columns:26px minmax(0,1fr);align-items:center;gap:4px 14px;padding:12px 0;display:grid}.light-sw{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--i14);border-radius:50%;transition:background 3s,box-shadow 3s}.light-meta{flex-direction:column;gap:4px;display:flex}.light-name{letter-spacing:.04em;font-size:20px;font-weight:650;line-height:1}.light-id{color:var(--i55);font-size:9px}.light-data{color:var(--i70);background:0 0;grid-column:2;padding:0;font-size:9px}.light[data-placeholder=true] .light-name{color:var(--i70)}.payload{max-height:260px;color:var(--i90);-webkit-user-select:text;user-select:text;background:#00000047;border-radius:10px;margin:0;padding:12px;font-size:9.5px;line-height:1.55;overflow:auto}.modal{z-index:30;background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--i14);background:var(--panel);width:min(480px,100%);animation:slide .42s var(--ease-out);border-radius:20px;padding:4px 0 18px;box-shadow:0 40px 100px -30px #000c}.modal-card>:not(.sheet-top){margin-left:22px;margin-right:22px}.devices{gap:4px;padding:0;list-style:none;display:grid}.dev{text-align:left;border:1px solid #0000;border-radius:12px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:3px 10px;width:100%;padding:12px 14px;display:grid}.dev:hover:not(:disabled){background:var(--i08)}.dev[data-on=true]{border-color:var(--accent)}.dev-name{letter-spacing:.03em;font-size:19px;font-weight:650}.dev-meta{color:var(--i55);grid-column:2;font-size:9.5px}.hud{z-index:25;left:max(var(--pad), env(safe-area-inset-left));color:#e9eef0;font-variant-numeric:tabular-nums;pointer-events:auto;background:#000000a8;border-radius:10px;padding:10px 12px;font-size:9.5px;line-height:1.7;position:fixed;bottom:50%}.hud [data-bad=true]{color:#ff8a7a}.hud-reset{text-underline-offset:2px;font-size:9px;text-decoration:underline}.toast{z-index:40;left:50%;top:calc(max(var(--pad), env(safe-area-inset-top)) + 54px);border:1px solid var(--i22);background:var(--panel);letter-spacing:.01em;text-align:center;pointer-events:none;max-width:min(640px,86vw);animation:fade .3s var(--ease-out) both;border-radius:999px;padding:10px 20px 11px;font-size:16px;font-weight:500;line-height:1.3;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px -18px #000000b3}.app:has(.strip) .toast{top:calc(max(var(--pad), env(safe-area-inset-top)) + 150px)}@keyframes fade{0%{opacity:0;transform:translate(-50%,-6px)}}.track-actions{align-items:center;gap:8px;margin-bottom:30px;display:flex}.track-actions .icon-btn{width:42px;height:42px;position:relative}.credits[data-compact=true] .track-actions{margin-bottom:26px}.credits[data-compact=true] .track-actions .icon-btn{width:36px;height:36px}.heart[data-on=true]{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 55%, transparent)}.heart[data-on=true] svg{animation:heart-pop .5s var(--ease-out)}@keyframes heart-pop{0%{transform:scale(.6)}45%{transform:scale(1.28)}}.icon-btn[data-locked=true]{color:var(--i40)}.icon-btn[data-locked=true]:after{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:1px;right:1px}.picker{width:min(520px,100%)}.picker-track{font-family:var(--mono);color:var(--i55);white-space:nowrap;text-overflow:ellipsis;margin:0 0 10px;font-size:10.5px;overflow:hidden}.picker-track-t{color:var(--i90)}.pl-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;gap:2px;max-height:min(56vh,540px);margin-top:4px;margin-bottom:0;padding:0;list-style:none;display:grid;overflow-y:auto}.pl{text-align:left;border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:3px 14px;width:100%;padding:8px 10px;display:grid}.pl:hover:not(:disabled){background:var(--i08)}.pl[data-added=true]:disabled{opacity:1}.pl-art{background:linear-gradient(135deg, var(--c1), var(--c3)) center / cover no-repeat;width:48px;height:48px;box-shadow:0 0 0 1px var(--i08);border-radius:4px;grid-row:1/3}.pl-name{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;align-self:end;font-size:19px;font-weight:650;overflow:hidden}.pl-meta{font-family:var(--mono);color:var(--i55);grid-column:2;align-self:start;font-size:9.5px}.pl-state{border:1px solid var(--i22);width:32px;height:32px;color:var(--i70);border-radius:50%;grid-area:1/3/3;place-items:center;display:grid}.pl[data-added=true] .pl-state{border-color:var(--accent);color:var(--accent)}.reconnect{width:min(540px,100%)}.reconnect-lead{letter-spacing:.01em;color:var(--i90);margin:0 0 14px;font-size:19px;line-height:1.25}.reconnect-actions{margin-top:16px}.scopes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.scopes li{background:var(--i08);border-radius:10px;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 12px;display:flex}.scopes-t{letter-spacing:.02em;font-size:16px;font-weight:600}.scopes-id{color:var(--i55);word-break:normal;white-space:nowrap;background:0 0;padding:0;font-size:8.5px}.perms{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.perm{align-items:center;gap:4px;display:inline-flex}.perm[data-ok=false]{color:#ff8a7a}.app[data-shelf=true] .chrome{visibility:hidden}.shelf{z-index:24;padding:max(var(--pad), env(safe-area-inset-top)) max(var(--pad), env(safe-area-inset-right)) max(calc(var(--pad) * .8), env(safe-area-inset-bottom)) max(var(--pad), env(safe-area-inset-left));background:radial-gradient(64% 52% at 50% 38%, color-mix(in oklab, var(--c1) 30%, var(--bg)) 0%, transparent 72%), linear-gradient(180deg, color-mix(in oklab, var(--bg) 86%, black) 0%, var(--bg) 44%, color-mix(in oklab, var(--bg) 50%, black) 100%);color:var(--chrome-ink);touch-action:none;animation:shelf-in .42s var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset:0}.shelf[data-leaving=true]{pointer-events:none;animation:.28s ease-in both shelf-out}@keyframes shelf-in{0%{opacity:0}}@keyframes shelf-out{to{opacity:0}}.shelf-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.shelf-tabs{border:1px solid var(--i14);background:var(--tint);border-radius:999px;gap:2px;padding:3px;display:flex}.shelf-tab{letter-spacing:.16em;text-transform:uppercase;color:var(--i70);border-radius:999px;align-items:baseline;gap:8px;padding:7px 18px 8px;font-size:17px;font-weight:650;transition:background .25s,color .25s;display:inline-flex}.shelf-tab[data-on=true]{background:var(--chrome-ink);color:var(--bg)}.shelf-tab-n{font-family:var(--mono);letter-spacing:0;opacity:.7;font-size:9.5px;font-weight:500}.shelf-stage{--case:400px;min-height:0;perspective:calc(var(--case) * 3.4);perspective-origin:50% 43%;touch-action:none;cursor:grab;animation:flow-in .7s var(--ease-out) both;flex:1;position:relative}.shelf-stage:active{cursor:grabbing}@keyframes flow-in{0%{opacity:0;transform:translateY(18px)}}.case{width:calc(var(--case) * 1.08);height:var(--case);margin:calc(var(--case) * -.5) 0 0 calc(var(--case) * -.54);will-change:transform;backface-visibility:hidden;position:absolute;top:46%;left:50%}.case-body{border-radius:calc(var(--case) * .012);box-shadow:0 0 0 1px #ffffff24, 0 calc(var(--case) * .07) calc(var(--case) * .12) calc(var(--case) * -.05) #000000bf;background:linear-gradient(135deg,#25282e,#0c0d10 58%,#17191d);position:absolute;inset:0;overflow:hidden}.case-art{top:calc(var(--case) * .026);right:calc(var(--case) * .018);width:calc(var(--case) * .948);height:calc(var(--case) * .948);background:linear-gradient(135deg, color-mix(in oklab, var(--c1) 55%, #000), color-mix(in oklab, var(--c3) 75%, #000)) center / cover no-repeat;position:absolute}.case-spine{width:calc(var(--case) * .1);background:repeating-linear-gradient(#ffffff0f 0 1px,#0000 1px 5px),linear-gradient(90deg,#ffffff24,#ffffff08 35%,#00000059 80%,#ffffff1a);border-right:1px solid #ffffff1a;position:absolute;top:0;bottom:0;left:0}.case-gloss{background:linear-gradient(112deg,#fff3 0%,#ffffff0f 22%,#0000 38%),linear-gradient(112deg,#0000 72%,#ffffff0d 86%,#0000 100%);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0006}.case-refl{top:100%;right:calc(var(--case) * .018);width:calc(var(--case) * .948);height:calc(var(--case) * .4);margin-top:calc(var(--case) * .014);background:transparent center bottom / calc(var(--case) * .948) calc(var(--case) * .948) no-repeat;position:absolute;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 22%,#00000057);mask-image:linear-gradient(#0000 22%,#00000057)}.disc{z-index:14;width:calc(var(--case) * .9);height:calc(var(--case) * .9);margin:calc(var(--case) * -.45) 0 0 calc(var(--case) * -.402);opacity:0;pointer-events:none;will-change:transform, opacity;position:absolute;top:46%;left:50%}.disc-face,.disc-sheen{border-radius:50%;position:absolute;inset:0}.disc-face{box-shadow:0 0 0 1px #ffffff38, 0 calc(var(--case) * .05) calc(var(--case) * .1) calc(var(--case) * -.04) #000c;overflow:hidden}.disc-art{background:conic-gradient(#cfd6dd,#f3f5f7,#aeb7c0,#e9d8f0,#c9e8f3,#f4f0d8,#cfd6dd) 50%/cover no-repeat;position:absolute;inset:0}.disc-sheen{background:radial-gradient(circle, var(--bg) 0 6.5%, #ffffff80 6.5% 7.3%, #cdd4dcb3 7.3% 15.6%, #fff6 15.6% 16.4%, transparent 16.4% 48.8%, #ffffff4d 48.8% 50%, transparent 50%), conic-gradient(from 30deg, transparent, #ffd6ec29 10%, transparent 22%, #beecff2e 48%, transparent 60%, #fff6c824 78%, transparent)}.shelf[data-playing=true] .disc-face{animation:1.3s linear infinite disc-spin}@keyframes disc-spin{to{transform:rotate(360deg)}}.shelf-foot{z-index:2;gap:10px;display:grid;position:relative}.shelf-cap{text-align:center;justify-items:center;min-height:1px;display:grid}.shelf-kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--i55);gap:18px;margin:0;font-size:10px;font-weight:500;display:flex}.shelf-count{color:var(--i40);font-variant-numeric:tabular-nums}.shelf-title{letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:min(22ch,92vw);animation:cap-in .45s var(--ease-out) both;margin:10px 0 0;font-size:clamp(34px,4.6vw,70px);font-weight:800;line-height:.92;overflow:hidden}@keyframes cap-in{0%{opacity:0;transform:translateY(6px)}}.shelf-sub{letter-spacing:.03em;color:var(--i70);margin:6px 0 0;font-size:clamp(17px,1.8vw,26px);font-weight:450}.shelf-hint{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--i40);margin:12px 0 0;font-size:9.5px}.shelf-hint[data-playing=true]{color:var(--accent)}.shelf-scrub{cursor:pointer;touch-action:none;justify-self:center;width:min(560px,62%);height:26px;position:relative}.shelf-scrub-rail{background:var(--i22);height:1px;position:absolute;top:50%;left:0;right:0}.shelf-scrub-dot{background:var(--chrome-ink);width:22px;height:3px;transition:left .25s var(--ease-out);border-radius:2px;position:absolute;top:50%;transform:translate(-50%,-50%)}.shelf-msg{z-index:3;text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:12px;padding:0 10vw;display:grid;position:absolute;inset:0}.shelf-msg>*{pointer-events:auto}.shelf-msg-line{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(30px,3.6vw,52px);font-weight:700;line-height:1}.shelf-msg-note{max-width:52ch;font-family:var(--mono);color:var(--i55);margin:0;font-size:10.5px;line-height:1.6}.shelf-msg .scopes{text-align:left;width:min(460px,80vw)}.shelf-msg-actions{gap:12px;margin-top:6px;display:flex}.shelf-msg[data-loading] .shelf-msg-line{animation:1.8s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.45}}.app[data-idle=true] .chrome{opacity:0;transition:opacity 3.2s}.app[data-idle=true] .chrome *{pointer-events:none!important}.idle-screen{color:var(--chrome-ink);touch-action:none;transition:opacity .6s;position:absolute;inset:0;overflow:hidden}.idle-screen[data-leaving=true]{opacity:0;pointer-events:none}.idle-layer{transition:opacity 8s ease-in-out;position:absolute;inset:0}.idle-layer[data-flip=true]{animation:8s ease-in-out backwards idle-fade}.idle-layer[data-out=true]{opacity:0;pointer-events:none}.idle-scene{position:absolute;inset:0}.idle-veil{z-index:30;pointer-events:none;opacity:0;background:color-mix(in oklab, var(--bg) 35%, black);position:absolute;inset:0}@keyframes idle-rise{0%{opacity:0;transform:translateY(22px)}}@keyframes idle-fade{0%{opacity:0}}.drift{position:absolute;inset:0;overflow:hidden}.drift-mote{opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.drift-mote-c{width:100%;height:100%;display:block}.drift-hero{z-index:60;width:var(--hero);height:var(--hero);perspective:calc(var(--hero) * 4.2);will-change:transform;position:absolute;top:0;left:0}.drift-glow{opacity:0;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--c2) 30%, transparent), color-mix(in oklab, var(--c1) 12%, transparent) 55%, transparent);will-change:opacity;border-radius:50%;position:absolute;inset:-48%}.drift-print{opacity:0;cursor:pointer;will-change:transform, opacity;backface-visibility:hidden;position:absolute;inset:0}.drift-art,.drift-gloss{border-radius:calc(var(--hero) * .006);position:absolute;inset:0}.drift-art{background:color-mix(in oklab, var(--c1) 40%, black) center / cover no-repeat;box-shadow:0 0 0 1px #ffffff1a, 0 calc(var(--hero) * .08) calc(var(--hero) * .16) calc(var(--hero) * -.05) #000000b3}.drift-gloss{background:linear-gradient(118deg,#ffffff1a,#0000 34%),linear-gradient(118deg,#0000 70%,#ffffff0a 88%,#0000);box-shadow:inset 0 1px #ffffff24}.idle-carousel{--case:300px;perspective:calc(var(--case) * 3.4);perspective-origin:50% 43%;touch-action:none;cursor:grab;animation:idle-rise 5s var(--ease-out) backwards;position:absolute;inset:30% 0 14%}.idle-carousel-light{width:calc(var(--case) * 3.4);height:calc(var(--case) * 2);pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--c2) 20%, transparent), color-mix(in oklab, var(--c1) 8%, transparent) 60%, transparent);border-radius:50%;position:absolute;top:46%;left:50%;transform:translate(-50%,-56%)}.idle-screen[data-starting=true] .disc-face{animation:1.3s linear infinite disc-spin}.mosaic{perspective:calc(var(--tile) * 6);perspective-origin:50% var(--horizon);-webkit-mask-image:linear-gradient(180deg, transparent var(--horizon), #0006 calc(var(--horizon) + 7%), black calc(var(--horizon) + 28%));-webkit-mask-image:linear-gradient(180deg, transparent var(--horizon), #0006 calc(var(--horizon) + 7%), black calc(var(--horizon) + 28%));mask-image:linear-gradient(180deg, transparent var(--horizon), #0006 calc(var(--horizon) + 7%), black calc(var(--horizon) + 28%));position:absolute;inset:0;overflow:hidden}.mosaic-plane{left:50%;top:var(--horizon);width:calc(var(--tile) * 10);height:calc(var(--tile) * 5);margin-left:calc(var(--tile) * -5);transform-origin:50% 0;position:absolute;transform:rotateX(60deg)}.mosaic-tile{width:calc(var(--tile) * .9);height:calc(var(--tile) * .9);opacity:0;cursor:pointer;background:color-mix(in oklab, var(--c1) 30%, black) center / cover no-repeat;will-change:opacity, transform;border-radius:1px;transition:box-shadow 1.2s;position:absolute;box-shadow:0 0 0 1px #ffffff0d}.mosaic-tile[data-lit=true]{box-shadow:0 0 0 1px #ffffff4d, 0 calc(var(--tile) * .06) calc(var(--tile) * .14) #00000080}.mosaic-sheen{pointer-events:none;background:linear-gradient(180deg, color-mix(in oklab, var(--c2) 18%, transparent), transparent 42%);position:absolute;inset:0}.mosaic-horizon{left:0;right:0;top:calc(var(--horizon) - var(--tile) * .7);height:calc(var(--tile) * 1.4);pointer-events:none;background:radial-gradient(62% 50% at 50% 50%, color-mix(in oklab, var(--c2) 12%, transparent), transparent);position:absolute}.idle-foot{z-index:20;padding:0 max(var(--pad), env(safe-area-inset-right)) max(var(--pad), env(safe-area-inset-bottom)) max(var(--pad), env(safe-area-inset-left));pointer-events:none;animation:idle-rise 6s 1.5s var(--ease-out) backwards;justify-content:space-between;align-items:flex-end;gap:32px;display:flex;position:absolute;bottom:0;left:0;right:0}.idle-layer[data-style=mosaic] .idle-foot{padding-top:max(var(--pad), env(safe-area-inset-top));align-items:flex-start;padding-bottom:0;top:0;bottom:auto}.idle-cap{min-width:0;max-width:min(46ch,62vw);animation:2.4s backwards idle-fade;display:grid}.idle-cap p{margin:0}.idle-title{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--i70);font-size:clamp(26px,3vw,44px);font-weight:750;line-height:.95;overflow:hidden}.idle-sub{letter-spacing:.03em;color:var(--i40);font-size:clamp(15px,1.5vw,21px);font-weight:450;margin-top:6px!important}.idle-hint{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--i55);opacity:0;font-size:9.5px;transition:opacity 1.2s;margin-top:12px!important}.idle-hint[data-on=true]{opacity:1}.idle-hint[data-starting=true]{color:var(--accent)}.idle-clock{font-family:var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--i40);flex:none;margin:0;font-size:clamp(18px,1.9vw,26px);font-weight:300}.idle-colon{opacity:.6}@media (max-width:1240px) and (orientation:landscape){.rail-family{display:none}.rail-b{padding:6px 9px 7px;font-size:13px}.source-row{grid-template-columns:132px auto}.source-note{grid-column:2}}@media (orientation:portrait){.topbar{flex-direction:column;align-items:stretch}.topbar-r{justify-content:space-between}.rail{scrollbar-width:none;gap:6px;overflow-x:auto}.rail-family{display:none}.rail-b{padding:6px 9px 7px;font-size:13px}.credits-row{grid-template-columns:auto minmax(0,1fr)}.controls{grid-column:1/-1;justify-content:space-between}.title{font-size:clamp(44px,11vw,132px)}.art{width:clamp(104px,30vw,300px)}.credits[data-compact=true] .art{width:clamp(64px,16vw,120px)}.credits[data-compact=true] .title{font-size:clamp(28px,6.4vw,64px)}.clock-t{font-size:clamp(110px,30vw,330px)}.center{align-items:start;padding-top:6vh}.source-row{grid-template-columns:1fr;gap:8px}.nosignal-head{flex-direction:column;align-items:flex-start}.case,.disc{top:54%}.shelf-stage{perspective-origin:50% 52%}.idle-carousel{perspective-origin:50% 52%;top:24%;bottom:16%}.idle-carousel-light{top:54%}}@media (prefers-reduced-motion:reduce){.app .stage,.title,.sheet,.modal-card,.toast,.shelf,.shelf-stage,.shelf-title,.heart[data-on=true] svg,.shelf[data-playing=true] .disc-face,.idle-screen[data-starting=true] .disc-face{animation:none}.idle-carousel,.idle-foot{animation-name:idle-fade}}