html.cr{--bg: oklch(.165 .022 262);--stage: oklch(.215 .032 265);--raised: oklch(.25 .035 265);--raised-hover: oklch(.29 .038 265);--raised-press: oklch(.23 .035 265);--overlay: oklch(.27 .036 265);--scrim: oklch(.1 .02 265 / .66);--line: oklch(.3 .03 265);--line-strong: oklch(.42 .04 265);--text: oklch(.96 .008 260);--text-2: oklch(.82 .015 260);--text-3: oklch(.72 .02 260);--text-disabled: oklch(.52 .02 260);--text-inverse: oklch(.18 .03 265);--brand-a: oklch(.78 .15 205);--brand-b: oklch(.66 .22 330);--brand-grad: linear-gradient(120deg, var(--brand-a), var(--brand-b));--on-brand: oklch(.15 .03 285);--drop: #ffffff;--now: oklch(.84 .12 172);--liked: oklch(.74 .17 0);--fav: oklch(.86 .14 95);--ok: oklch(.8 .13 150);--warn: oklch(.82 .15 72);--warn-bg: oklch(.82 .15 72 / .12);--warn-line: oklch(.82 .15 72 / .38);--alert: oklch(.7 .19 32);--alert-bg: oklch(.7 .19 32 / .14);--font-display: "Bricolage Grotesque", "Rubik", system-ui, sans-serif;--font-body: "Hanken Grotesk", "Rubik", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--t-display-xl: 800 56px/1 var(--font-display);--tr-display-xl: -.04em;--t-display-l: 700 46px/1 var(--font-display);--tr-display-l: -.035em;--t-display-m: 700 30px/1.15 var(--font-display);--tr-display-m: -.02em;--t-title: 700 22px/1.2 var(--font-display);--tr-title: -.02em;--t-title-s: 700 17px/1.3 var(--font-display);--tr-title-s: -.01em;--t-body-l: 400 18px/1.5 var(--font-body);--t-body: 400 15px/1.45 var(--font-body);--t-body-strong: 600 15px/1.45 var(--font-body);--t-body-s: 400 14px/1.4 var(--font-body);--t-caption: 400 13px/1.35 var(--font-body);--t-mono: 400 14px/1.3 var(--font-mono);--t-mono-s: 500 12px/1.3 var(--font-mono);--tr-mono-s: .06em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 28px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-xs: 9px;--r-s: 12px;--r-m: 16px;--r-l: 22px;--r-xl: 28px;--r-pill: 999px;--hit: 44px;--control-l: 56px;--room-w: 444px;--topbar-h: 64px;--dock-h: 64px;--avatar-s: 22px;--avatar-m: 34px;--avatar-l: 40px;--avatar-xl: 48px;--e-menu: 0 0 0 1px var(--line), 0 16px 40px oklch(.08 .03 265 / .55);--e-dialog: 0 0 0 1px var(--line), 0 32px 80px oklch(.06 .03 265 / .7);--e-toast: 0 0 0 1px var(--line-strong), 0 12px 32px oklch(.06 .03 265 / .6);--e-drag: 0 18px 40px oklch(.06 .03 265 / .6), 0 0 0 2px var(--brand-a);--glow-drop: 0 0 14px #fff;--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--brand-a);--dur-instant: 90ms;--dur-fast: .16s;--dur-base: .24s;--dur-slow: .42s;--dur-drop: .9s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.6, 0, .2, 1);--ease-drop: cubic-bezier(.7, 0, .2, 1.35);--ease-linear: linear;--ground: var(--bg);--ground-grad: none;--panel: var(--stage);--panel-2: var(--stage);--panel-elevated: var(--stage);--panel-raised: var(--raised);--surface: var(--stage);--surface-sunken: var(--bg);--side: var(--stage);--track: var(--raised);--line-bright: var(--line-strong);--inset-hi: 0 0 0 0 transparent;--dim: var(--text-3);--faint: var(--text-3);--ink: var(--text);--ink-on-accent: var(--on-brand);--accent-cyan: var(--brand-a);--accent-magenta: var(--brand-b);--accent-violet: oklch(.66 .2 292);--grad-accent: var(--brand-grad);--grad-violet: var(--brand-grad);--signal: var(--brand-a);--signal-hi: var(--brand-a);--arrival: var(--brand-b);--ok-soft: oklch(.8 .13 150 / .14);--warn-soft: var(--warn-bg);--alert-soft: var(--alert-bg);--font-ui: var(--font-body);--r-sm: var(--r-s);--r: var(--r-m);--r-lg: var(--r-l);--shadow-card: 0 0 0 1px var(--line);--shadow-pop: var(--e-menu);--glow-accent: none;--glow-accent-lg: none;--gutter: 0px;color-scheme:dark;background:var(--bg)}@media (prefers-reduced-motion: reduce){html.cr{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-drop: 0ms;--ease-drop: linear}}html.cr body{background:var(--bg);background-image:none;color:var(--text);font:var(--t-body)}html.cr a{color:inherit;text-underline-offset:3px}html.cr a:hover{color:var(--brand-a)}html.cr ::selection{background:#00cfe059;background:oklch(.78 .15 205 / .35)}html.cr :where(a,button,input,select,textarea,[role=switch],[role=option],[tabindex]:not([tabindex="-1"])):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-pill)}html.cr :where(.cr-row,.cr-card,.cr-tile):focus-visible{border-radius:var(--r-m)}html.cr .btn{font:600 15px var(--font-body);height:48px;padding:0 20px;border-radius:var(--r-pill);border:none;background:var(--raised);color:var(--text);box-shadow:none;gap:8px}html.cr .btn:hover{background:var(--raised-hover);border:none}html.cr .btn:active{transform:scale(.97);background:var(--raised-press)}html.cr .btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}html.cr .btn--primary,html.cr .btn--solid{background:var(--brand-grad);color:var(--on-brand);font-weight:700}html.cr .btn--primary:hover,html.cr .btn--solid:hover{background:var(--brand-grad);filter:brightness(1.07)}html.cr .btn--ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-strong)}html.cr .btn--ghost:hover{background:var(--raised)}html.cr .btn--sm{height:40px;padding:0 16px;font-size:14px;border-radius:var(--r-pill)}html.cr .btn:disabled{opacity:1;background:transparent;color:var(--text-disabled);box-shadow:inset 0 0 0 1.5px var(--line);filter:none}html.cr .label{font:var(--t-mono-s);letter-spacing:var(--tr-mono-s);color:var(--text-3)}html.cr .pill{height:24px;padding:0 9px;font:var(--t-mono-s);letter-spacing:var(--tr-mono-s);background:var(--raised);color:var(--text-2)}html.cr .pill--ready{color:var(--ok);background:#7cd59124}html.cr .pill--failed{color:var(--alert);background:var(--alert-bg)}html.cr .panel{background:var(--stage);border:none;border-radius:var(--r-l);box-shadow:none}html.cr .field{font:var(--t-body);background:var(--raised);border:none;border-radius:var(--r-pill);padding:0 18px;height:48px;color:var(--text)}html.cr textarea.field{border-radius:var(--r-m);padding:12px 16px;height:auto}html.cr .field:focus{border:none}html.cr .field:focus-visible{outline:none;box-shadow:var(--focus-ring)}html.cr .page__title{font:var(--t-display-l);letter-spacing:var(--tr-display-l)}html.cr input[type=range]{accent-color:var(--brand-a)}.cr-frame{height:100vh;height:100dvh;display:grid;grid-template-columns:calc(var(--room-w) + 24px) minmax(0,1fr);background:var(--bg);color:var(--text);font:var(--t-body);overflow:hidden;position:relative}.cr-roomcol{padding:12px;min-height:0;display:flex}.cr-pagecol{min-width:0;min-height:0;display:flex;flex-direction:column;padding:12px 28px 0 16px;position:relative}.cr-page{container:main / inline-size;flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative}.cr-page>*{min-height:0}.cr-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 0 48px;scrollbar-width:thin;scrollbar-color:oklch(1 0 0 / .14) transparent}.cr-scroll::-webkit-scrollbar,.st-scroll::-webkit-scrollbar{width:10px}.cr-scroll::-webkit-scrollbar-thumb,.st-scroll::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.cr-topbar{display:flex;align-items:center;gap:12px;height:var(--topbar-h);flex:none;min-width:0}.cr-nav{display:flex;align-items:center;gap:4px;padding:4px;background:var(--stage);border-radius:var(--r-pill);flex:none}.cr-nav__sep{width:1px;height:22px;margin:0 6px;background:var(--line-strong);flex:none}.cr-nav__item{display:flex;align-items:center;gap:8px;height:var(--hit);padding:0 18px;border-radius:var(--r-pill);color:var(--text);text-decoration:none;font:600 15px var(--font-body);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cr-nav__item svg{font-size:19px}.cr-nav__item:hover{background:var(--raised);color:var(--text)}.cr-nav__item[aria-current=page]{background:var(--text);color:var(--text-inverse)}.cr-ent{display:flex;gap:4px;align-items:center;min-width:0}.cr-ent__item{display:flex;align-items:center;height:var(--hit);padding:0 16px;border-radius:var(--r-pill);text-decoration:none;font:600 15px var(--font-body);color:var(--text);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cr-ent__item:hover{background:var(--raised);color:var(--text)}.cr-ent__item[aria-current=page]{background:var(--text);color:var(--text-inverse)}.cr-topbar__end{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none}.cr-classic{font:400 12px var(--font-mono);color:var(--text-3);white-space:nowrap;text-decoration:underline;text-underline-offset:3px;background:none;border:none;cursor:pointer;padding:4px 2px}.cr-classic:hover{color:var(--brand-a)}.cr-ent-menu{display:none}.cr-dock{display:flex;align-items:center;gap:8px;height:var(--dock-h);flex:none;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);padding-right:48px}.cr-dock::-webkit-scrollbar{display:none}.cr-dock__label{font:var(--t-mono-s);letter-spacing:var(--tr-mono-s);color:var(--text-3);margin-right:4px;white-space:nowrap;text-transform:uppercase}.cr-dock__new{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:var(--r-pill);background:none;border:1.5px dashed var(--line-strong);color:var(--text);font:500 14px var(--font-body);white-space:nowrap;cursor:pointer;flex-shrink:0}.cr-dock__new:hover{background:var(--stage)}.cr-chip-lib{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;border-radius:var(--r-pill);background:var(--stage);color:var(--text);text-decoration:none;font:500 14px var(--font-body);white-space:nowrap;flex-shrink:0;max-width:280px;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cr-chip-lib:hover{background:var(--raised);color:var(--text)}.cr-chip-lib[aria-current=page]{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-strong)}.cr-chip-lib__name{overflow:hidden;text-overflow:ellipsis;min-width:0}.cr-chip-lib__count{font:400 13px var(--font-mono);color:var(--text-3)}.cr-chip-lib__vis{font-size:14px;color:var(--text-3);display:flex}html.cr[data-dragging] .cr-chip-lib[data-droppable=true]{box-shadow:inset 0 0 0 1.5px var(--line-strong);outline:1.5px dashed var(--line-strong);outline-offset:-1.5px}.cr-chip-lib.st-drop,html.cr[data-dragging] .cr-chip-lib.st-drop{background:#00cfe029!important;background:oklch(.78 .15 205 / .16)!important;box-shadow:inset 0 0 0 2px var(--brand-a);outline:none}.cr-offline{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 8px 8px 16px;margin:0 0 4px;border-radius:var(--r-l);background:var(--alert-bg);box-shadow:inset 0 0 0 1px #fe674c66;color:var(--text);flex:none}.cr-offline__icon{font-size:20px;color:var(--alert);display:flex}.cr-room{width:var(--room-w);flex:none;min-height:0;box-sizing:border-box;background:var(--stage);border-radius:var(--r-xl);padding:22px 24px;display:flex;flex-direction:column;gap:14px;color:var(--text);font:var(--t-body);overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-width:none;transition:background var(--dur-slow) var(--ease-out)}.cr-room::-webkit-scrollbar{display:none}.cr-room:after{content:"";position:sticky;bottom:0;flex:none;height:44px;margin:-14px -24px -22px;background:linear-gradient(to bottom,transparent,var(--stage) 85%);pointer-events:none;z-index:2}.cr-room[data-state=entrance]{background:radial-gradient(120% 60% at 50% 30%,oklch(.32 .1 320 / .55),transparent 70%),var(--stage)}.cr-room__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cr-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:700 24px var(--font-display);letter-spacing:-.03em;flex:none}.cr-brand:hover{color:var(--text)}.cr-status{display:flex;flex-direction:column;gap:2px;margin-top:6px;min-width:0}.cr-status__line{display:flex;align-items:center;gap:8px;font:var(--t-body);color:var(--text-2)}.cr-lamp{width:9px;height:9px;border-radius:50%;flex:none;background:var(--lamp, var(--now));box-shadow:0 0 10px var(--lamp, var(--now))}.cr-live{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--now);color:var(--text-inverse);font:var(--t-mono-s);letter-spacing:var(--tr-mono-s)}.cr-status__name{font:var(--t-display-xl);letter-spacing:var(--tr-display-xl);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:4px}.cr-status__name[data-len=m]{font-size:44px}.cr-status__name[data-len=l]{font-size:36px}.cr-viewonly-pill{align-self:flex-start;display:flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:var(--r-pill);background:var(--warn-bg);box-shadow:inset 0 0 0 1px var(--warn-line);color:var(--warn);font:600 14px var(--font-body);max-width:100%}.cr-viewonly-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-stage{position:relative;width:396px;height:270px;flex-shrink:0;align-self:center}.cr-ring{position:absolute;left:68px;top:5px;width:260px;height:260px}.cr-ring__svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:visible}.cr-ring__center{position:absolute;left:36px;top:36px;width:188px;height:188px;border-radius:50%;overflow:hidden;display:grid;place-items:center}.cr-ring__center[data-muted=true]{opacity:.7}.cr-ring__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.cr-reactions{display:flex;justify-content:center;gap:6px;margin:-4px 0 4px}.cr-reactions__btn{width:40px;height:40px;border-radius:var(--r-pill);border:none;background:var(--raised);font-size:20px;line-height:1;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.cr-reactions__btn:hover{background:var(--raised-hover);transform:translateY(-2px)}.cr-reactions__btn:active{transform:scale(.9)}.cr-float{position:absolute;z-index:3;font-size:28px;line-height:1;pointer-events:none;transform:translate(-50%,-50%);animation:cr-float-up 2.4s var(--ease-out) forwards}@keyframes cr-float-up{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}12%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(calc(-50% + var(--drift, 0px)),-50%) translateY(-110px) scale(1)}}@media (prefers-reduced-motion: reduce){.cr-float{animation:cr-float-fade 2.4s linear forwards}@keyframes cr-float-fade{0%,70%{opacity:1}to{opacity:0}}}.cr-seat{position:absolute;width:96px;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:auto;transition:left var(--dur-slow) var(--ease-out),top var(--dur-slow) var(--ease-out)}.cr-seat__label{font:600 12px var(--font-body);background:var(--stage);padding:1px 7px;border-radius:var(--r-pill);white-space:nowrap;max-width:84px;overflow:hidden;text-overflow:ellipsis}.cr-seat[data-arriving=true] .cr-avatar{opacity:.35}@media (min-width: 768px) and (max-height: 820px){.cr-room{gap:10px}.cr-room:after{margin-top:-10px}.cr-stage{transform:scale(.8);transform-origin:50% 0;margin-bottom:-54px}.cr-status__name{font-size:46px}.cr-status__name[data-len=m]{font-size:38px}.cr-status__name[data-len=l]{font-size:32px}}.cr-avatar{border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;position:relative;color:var(--text-inverse);font-family:var(--font-body);font-weight:700}.cr-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cr-song{display:flex;align-items:center;gap:12px;min-width:0}.cr-song__text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.cr-song__title{font:var(--t-display-m);font-size:28px;line-height:1.1;letter-spacing:var(--tr-display-m);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-align:start}.cr-song__by{font:var(--t-body);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-song__by a{text-decoration:underline}.cr-song__time{font:var(--t-mono);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.cr-transport{display:flex;align-items:center;justify-content:space-between;gap:4px}.cr-note{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r-l);background:var(--raised);font:var(--t-body);color:var(--text-2)}.cr-note__icon{font-size:20px;display:flex;padding-top:1px;flex:none}.cr-note--warn{background:var(--warn-bg);box-shadow:inset 0 0 0 1px var(--warn-line);color:var(--text);font:var(--t-body-s)}.cr-note--warn .cr-note__icon{color:var(--warn)}.cr-note--alert{background:var(--alert-bg);box-shadow:inset 0 0 0 1px #fe674c66;color:var(--text);font:var(--t-body-s)}.cr-note--alert .cr-note__icon{color:var(--alert)}.cr-preview-pill{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 14px;border-radius:var(--r-pill);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-strong)}.cr-preview-pill__text{flex:1;font:600 14px var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-upnext{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--line);min-height:0;border-radius:0}.cr-upnext.st-drop{border-radius:var(--r-l)}.cr-upnext__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:8px}.cr-upnext__title{font:var(--t-title-s);letter-spacing:var(--tr-title-s)}.cr-qrow{display:flex;align-items:center;gap:12px;min-height:48px}.cr-qrow__text{flex:1;display:flex;flex-direction:column;min-width:0}.cr-qrow__title{font:var(--t-body-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.cr-qrow__by{font:var(--t-caption);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-upnext__foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px;gap:12px}.cr-textlink{font:var(--t-body-s);color:var(--text-3);text-decoration:underline;text-underline-offset:3px;background:none;border:none;padding:4px 0;cursor:pointer}.cr-textlink:hover{color:var(--brand-a)}.cr-badged{position:relative;flex-shrink:0;display:block}.cr-badged__badge{position:absolute;right:-5px;bottom:-5px;box-shadow:0 0 0 2px var(--stage);font-size:11px}.cr-btn{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out),filter var(--dur-fast);-webkit-tap-highlight-color:transparent}.cr-btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.96)}.cr-btn:disabled,.cr-btn[aria-disabled=true]{cursor:not-allowed}.cr-play{gap:10px;height:var(--control-l);padding:0 28px;border-radius:var(--r-pill);background:var(--brand-grad);color:var(--on-brand);font:700 17px var(--font-body);white-space:nowrap}.cr-play svg{font-size:22px}.cr-play:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.08);color:var(--on-brand)}.cr-play--m{height:52px;padding:0 24px;font-size:16px}.cr-play--m svg{font-size:18px}.cr-play:disabled,.cr-play[aria-disabled=true]{background:transparent;box-shadow:inset 0 0 0 1.5px var(--text-disabled);color:var(--text-disabled);filter:none}.cr-sec{gap:8px;height:52px;padding:0 22px;border-radius:var(--r-pill);background:var(--raised);color:var(--text);font:600 15px var(--font-body);white-space:nowrap}.cr-sec svg{font-size:18px}.cr-sec--s{height:44px;padding:0 16px;font-size:14px}.cr-sec--xs{height:36px;padding:0 14px;font-size:14px}.cr-sec--stage{background:var(--stage)}.cr-sec:hover:not(:disabled):not([aria-disabled=true]){background:var(--raised-hover);color:var(--text)}.cr-sec:active:not(:disabled){background:var(--raised-press)}.cr-sec:disabled,.cr-sec[aria-disabled=true]{background:transparent;color:var(--text-disabled);box-shadow:inset 0 0 0 1.5px var(--line)}.cr-strong{gap:8px;height:48px;padding:0 22px;border-radius:var(--r-pill);background:var(--text);color:var(--text-inverse);font:700 15px var(--font-body);white-space:nowrap}.cr-strong:hover:not(:disabled){background:#fff;color:var(--text-inverse)}.cr-strong:disabled{background:var(--raised);color:var(--text-disabled)}.cr-strong--s{height:36px;padding:0 14px;font-size:14px}.cr-ghost{gap:8px;height:var(--hit);padding:0 18px;border-radius:var(--r-pill);background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--text);font:600 15px var(--font-body);white-space:nowrap}.cr-ghost:hover:not(:disabled){background:var(--raised);color:var(--text)}.cr-ghost:disabled{color:var(--text-disabled);box-shadow:inset 0 0 0 1.5px var(--line)}.cr-danger{gap:8px;height:44px;padding:0 18px;border-radius:var(--r-pill);background:var(--alert);color:#180806;font:700 15px var(--font-body)}.cr-danger:hover:not(:disabled){filter:brightness(1.08)}.cr-icon{width:var(--hit);height:var(--hit);border-radius:50%;font-size:22px;color:var(--text);flex:none}.cr-icon--quiet{color:var(--text-3)}.cr-icon--s{width:40px;height:40px;font-size:18px}.cr-icon--xs{width:36px;height:36px;font-size:16px}.cr-icon--filled{background:var(--raised)}.cr-icon:hover:not(:disabled):not([aria-disabled=true]){background:var(--raised);color:var(--text)}.cr-icon--filled:hover:not(:disabled):not([aria-disabled=true]){background:var(--raised-hover)}.cr-icon[aria-pressed=true]{color:var(--brand-a)}.cr-icon:disabled,.cr-icon[aria-disabled=true]{color:var(--text-disabled)}.cr-icon--filled:disabled,.cr-icon--filled[aria-disabled=true]{background:var(--raised)}.cr-spin{animation:cr-spin .9s linear infinite;display:inline-flex}@keyframes cr-spin{to{transform:rotate(360deg)}}.cr-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--brand-a);animation:cr-spin .9s linear infinite;flex:none;display:inline-block}.cr-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-pill);background:var(--stage);color:var(--text);font:600 14px var(--font-body);white-space:nowrap;border:none;cursor:pointer;flex:none;transition:background var(--dur-fast) var(--ease-out)}.cr-chip:hover{background:var(--raised)}.cr-chip[aria-pressed=true],.cr-chip[aria-selected=true]{background:var(--text);color:var(--text-inverse)}.cr-chip--raised{background:var(--raised)}.cr-chip--info{cursor:default;height:36px;padding:0 12px 0 6px;font-weight:600}.cr-chip--info:hover{background:var(--stage)}.cr-chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px}.cr-chip-row::-webkit-scrollbar{display:none}.cr-tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:var(--r-pill);background:var(--raised);color:var(--text-2);font:var(--t-mono-s);letter-spacing:var(--tr-mono-s);text-transform:uppercase;white-space:nowrap;flex:none}.cr-tag--outline{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}.cr-tag--live{background:var(--now);color:var(--text-inverse)}.cr-tag--bare{background:none;padding:0}.cr-eyebrow{font:var(--t-mono-s);letter-spacing:var(--tr-mono-s);text-transform:uppercase;color:var(--text-3)}.cr-seg{display:inline-flex;gap:4px;padding:4px;border-radius:var(--r-pill);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}.cr-seg__opt{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-pill);font:600 15px var(--font-body);color:var(--text);background:none;border:none;cursor:pointer}.cr-seg__opt:hover{background:var(--raised)}.cr-seg__opt[aria-checked=true],.cr-seg__opt[aria-pressed=true]{background:var(--text);color:var(--text-inverse)}.cr-seg__opt:disabled{cursor:not-allowed;color:var(--text-disabled)}.cr-switch{width:40px;height:24px;border-radius:var(--r-pill);background:var(--raised);position:relative;flex:none;border:none;padding:0;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.cr-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-2);transition:left var(--dur-fast) var(--ease-out),background var(--dur-fast)}.cr-switch[aria-checked=true]{background:var(--brand-a)}.cr-switch[aria-checked=true]:after{left:19px;background:#fff}.cr-switch:disabled,.cr-switch[aria-disabled=true]{cursor:not-allowed;opacity:.55}.cr-switch--l{width:48px;height:28px}.cr-switch--l:after{width:22px;height:22px}.cr-switch--l[aria-checked=true]:after{left:23px}.cr-search{display:flex;align-items:center;gap:12px;height:56px;padding:0 8px 0 20px;border-radius:var(--r-pill);background:var(--stage);color:var(--text-3);font-size:20px;transition:box-shadow var(--dur-fast) var(--ease-out)}.cr-search:focus-within{box-shadow:inset 0 0 0 2px var(--brand-a);color:var(--text-2)}.cr-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font:400 18px var(--font-body);height:100%}.cr-search input:focus-visible{box-shadow:none}.cr-search input::placeholder{color:var(--text-3)}.cr-search--l{height:60px}.cr-search--s{height:44px;font-size:18px;padding-left:16px}.cr-search--s input{font-size:15px}.cr-kbd{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:8px;background:var(--raised);box-shadow:inset 0 -1px 0 var(--line-strong);font:500 13px var(--font-mono);color:var(--text)}.cr-h1{font:var(--t-display-l);letter-spacing:var(--tr-display-l);margin:0;text-align:start}.cr-h1--xl{font:var(--t-display-xl);letter-spacing:var(--tr-display-xl)}.cr-h2{font:var(--t-title);letter-spacing:var(--tr-title);margin:0}.cr-h3{font:var(--t-title-s);letter-spacing:var(--tr-title-s);margin:0}.cr-muted{color:var(--text-3)}.cr-sub{font:var(--t-body);color:var(--text-2)}.cr-section{display:flex;flex-direction:column;gap:16px;margin-top:36px}.cr-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cr-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cr-hero{display:flex;align-items:center;gap:24px;min-width:0}.cr-hero__text{display:flex;flex-direction:column;gap:8px;min-width:0}.cr-hero__title{font:var(--t-display-l);letter-spacing:var(--tr-display-l);margin:0;overflow-wrap:anywhere}@container main (max-width: 700px){.cr-hero__art,.cr-hero__art>*{width:112px!important;height:112px!important}.cr-hero__title{font-size:36px!important}}@container main (max-width: 480px){.cr-hero{flex-direction:column;align-items:flex-start}.cr-hero .cr-hero{flex:0 0 auto!important;flex-direction:row;align-items:center;gap:16px;width:100%}.cr-hero__art,.cr-hero__art>*{width:96px!important;height:96px!important}.cr-hero__title{font-size:30px!important}}.cr-card{display:flex;flex-direction:column;gap:10px;padding:10px 10px 14px;border-radius:var(--r-l);background:var(--stage);color:var(--text);text-decoration:none;min-width:0;position:relative;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast);cursor:pointer}.cr-card:hover{background:var(--raised);color:var(--text)}.cr-card__art{width:100%;aspect-ratio:1;border-radius:var(--r-m);overflow:hidden}.cr-card__art--round{border-radius:50%}.cr-card__title{font:var(--t-body-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;text-align:start}.cr-card__meta{display:flex;align-items:center;gap:6px;font:var(--t-caption);color:var(--text-3);padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-card__meta>span{overflow:hidden;text-overflow:ellipsis}.cr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.cr-cards--s{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cr-grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.cr-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:start}.cr-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin}.cr-carousel>*{scroll-snap-align:start}.cr-card__quick{position:absolute;right:18px;opacity:0;transform:translateY(6px);transition:opacity var(--dur-fast),transform var(--dur-fast)}.cr-card:hover .cr-card__quick,.cr-card:focus-within .cr-card__quick{opacity:1;transform:none}@media (hover: none){.cr-card__quick{opacity:1;transform:none}}.cr-jump{display:flex;flex-wrap:wrap;gap:12px}.cr-jump__item{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px 0 8px;border-radius:var(--r-pill);background:var(--stage);color:var(--text);text-decoration:none;min-width:0;max-width:340px;transition:background var(--dur-fast) var(--ease-out)}.cr-jump__item:hover{background:var(--raised);color:var(--text)}.cr-jump__text{display:flex;flex-direction:column;min-width:0}.cr-jump__title{font:var(--t-body-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.cr-jump__meta{font:var(--t-caption);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-station{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--r-l);background:var(--stage);min-width:0}.cr-station[data-on=true]{box-shadow:inset 0 0 0 2px var(--now)}.cr-station__head{display:flex;align-items:center;gap:12px;min-width:0}.cr-station__name{font:700 18px/1.2 var(--font-display);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.cr-station__meta{font:var(--t-caption);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-station__blurb{font:var(--t-body-s);color:var(--text-2);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cr-onair{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--r-pill);background:var(--bg);color:var(--now);font:600 14px var(--font-body);align-self:flex-start}.cr-onair button{color:var(--text);text-decoration:underline;text-underline-offset:3px;background:none;border:none;font:inherit;cursor:pointer;padding:0}.cr-row{display:grid;grid-template-columns:28px 44px minmax(0,1fr) 112px auto 48px;align-items:center;column-gap:14px;min-height:60px;padding:0 12px;border-radius:var(--r-m);position:relative;transition:background var(--dur-fast) var(--ease-out);outline:none}.cr-row:hover,.cr-row:focus-within{background:var(--raised)}.cr-row:focus-visible{box-shadow:inset 0 0 0 2px var(--brand-a)}.cr-row[data-playing=true]{background:#6ce4c212}.cr-row[data-playing=true]:hover{background:#6ce4c21f}.cr-row[data-disabled=true]{opacity:.55}.cr-row[data-previewing=true]{background:#00cfe014;background:oklch(.78 .15 205 / .08);box-shadow:inset 0 0 0 1.5px #00cfe099;box-shadow:inset 0 0 0 1.5px oklch(.78 .15 205 / .6)}.cr-row__index{font:var(--t-mono);color:var(--text-3);text-align:center;display:flex;justify-content:center}.cr-row__nowdot{width:12px;height:12px;border-radius:50%;background:var(--now);box-shadow:0 0 0 4px #6ce4c240}.cr-row__text{display:flex;flex-direction:column;min-width:0}.cr-row__title{display:flex;align-items:center;gap:6px;font:var(--t-body-strong);min-width:0}.cr-row__title>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;min-width:0}.cr-row[data-playing=true] .cr-row__title{color:var(--now)}.cr-row__mic{color:var(--text-3);font-size:13px;display:flex;flex:none}.cr-row__by{font:var(--t-body-s);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-row__by a:hover{text-decoration:underline}.cr-row__src{justify-self:start}.cr-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:44px}.cr-row__hover{display:none;align-items:center;gap:2px}.cr-row:hover .cr-row__hover,.cr-row:focus-within .cr-row__hover,.cr-row[data-menu-open=true] .cr-row__hover{display:flex}.cr-row:hover .cr-row__src .cr-tag,.cr-row:focus-within .cr-row__src .cr-tag{background:none;box-shadow:none}.cr-row__time{font:var(--t-mono);color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums}.cr-row__heart-static{display:flex}.cr-row:hover .cr-row__heart-static,.cr-row:focus-within .cr-row__heart-static{display:none}.cr-row__grip{display:none;color:var(--text-3);font-size:16px}.cr-row[data-draggable=true]:hover .cr-row__grip{display:flex}.cr-row[data-draggable=true]:hover .cr-row__num{display:none}.cr-row--compact{grid-template-columns:44px minmax(0,1fr) auto 48px}.cr-glyph-speaker{width:40px;height:40px;display:grid;place-items:center;color:var(--text-3);font-size:18px;flex:none}.cr-preview-btn{gap:6px;height:40px;padding:0 14px;border-radius:var(--r-pill);background:var(--raised);font:600 14px var(--font-body);color:var(--text);white-space:nowrap}.cr-row:hover .cr-preview-btn{background:var(--raised-hover)}.cr-preview-btn[aria-pressed=true]{background:var(--brand-a);color:var(--on-brand)}.cr-preview-btn svg{font-size:16px}@container main (max-width: 900px){.cr-row{grid-template-columns:28px 44px minmax(0,1fr) auto 48px}.cr-row .cr-row__src{display:none}}@container main (max-width: 620px){.cr-row,.cr-row--compact{grid-template-columns:44px minmax(0,1fr) auto;column-gap:12px}.cr-row .cr-row__index,.cr-row .cr-row__time{display:none}.cr-row .cr-row__hover:not(.cr-row__more){display:none!important}.cr-row .cr-row__more{display:flex!important}.cr-row .cr-preview-btn{width:40px;padding:0;justify-content:center;font-size:0}.cr-row .cr-preview-btn svg{font-size:17px}}.cr-list{display:flex;flex-direction:column;gap:2px}.cr-insert{height:3px;border-radius:3px;background:var(--brand-a);box-shadow:0 0 10px var(--brand-a)}.cr-menu{background:var(--overlay);border-radius:var(--r-l);box-shadow:var(--e-menu);padding:8px;min-width:240px;color:var(--text);font:var(--t-body)}.cr-menu__item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 14px;border-radius:var(--r-m);background:none;border:none;color:var(--text);font:500 15px var(--font-body);text-align:left;cursor:pointer;text-decoration:none}.cr-menu__item svg{font-size:18px;color:var(--text-2);flex:none}.cr-menu__item:hover,.cr-menu__item:focus-visible,.cr-menu__item[aria-expanded=true]{background:var(--raised-hover);box-shadow:none;color:var(--text)}.cr-menu__item:disabled{color:var(--text-disabled);cursor:not-allowed}.cr-menu__sep{height:1px;background:var(--line);margin:6px 8px}.cr-menu__label{font:var(--t-mono-s);letter-spacing:var(--tr-mono-s);color:var(--text-3);padding:8px 14px 4px;text-transform:uppercase}.cr-toasts{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:10px;z-index:60;pointer-events:none;width:min(640px,calc(100% - 32px))}.cr-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 8px 8px 18px;border-radius:var(--r-pill);background:var(--overlay);box-shadow:var(--e-toast);color:var(--text);font:500 15px var(--font-body);max-width:100%;animation:cr-toast-in var(--dur-base) var(--ease-out)}.cr-toast__icon{font-size:18px;color:var(--text-2);display:flex;flex:none}.cr-toast__text{flex:1;min-width:0}@keyframes cr-toast-in{0%{opacity:0;transform:translateY(12px)}}.cr-dialog{background:var(--overlay);border-radius:var(--r-l);box-shadow:var(--e-dialog);padding:24px;color:var(--text)}.cr-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:70}.cr-empty{display:flex;align-items:flex-start;gap:20px;padding:24px 28px;border-radius:var(--r-l);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);font:var(--t-body-l)}.cr-empty__icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--line-strong);font-size:24px;color:var(--text-2);flex:none}.cr-empty__title{font:var(--t-body-strong);color:var(--text)}.cr-empty--center{flex-direction:column;align-items:center;text-align:center;box-shadow:none}.cr-emptyline{font:var(--t-body);color:var(--text-2);margin:0}.cr-skel,.st-shimmer{display:block;border-radius:var(--r-m);background:linear-gradient(100deg,var(--stage) 30%,oklch(.25 .035 265) 50%,var(--stage) 70%);background-size:300% 100%;animation:cr-skel 1.4s linear infinite,cr-skel-in 1ms .3s both}@keyframes cr-skel{0%{background-position:100% 0}to{background-position:-200% 0}}@keyframes cr-skel-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.cr-skel,.st-shimmer{animation:cr-skel-in 1ms .3s both}}.cr-now{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);display:grid;grid-template-columns:320px minmax(0,1fr) 300px;gap:32px;padding:24px 28px;overflow:hidden;animation:cr-now-in var(--dur-slow) var(--ease-out)}@keyframes cr-now-in{0%{opacity:0;transform:scale(.985)}}.cr-now__left{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;scrollbar-width:none}.cr-now__left::-webkit-scrollbar{display:none}.cr-now__art{width:200px;height:200px;border-radius:var(--r-xl);margin-top:18px}.cr-now__title{font:700 48px/1.02 var(--font-display);letter-spacing:-.035em;margin:6px 0 0;overflow-wrap:anywhere;text-align:start}.cr-now__artist{font:500 18px var(--font-body);color:var(--text)}.cr-now__artist a{text-decoration:underline}.cr-now__chips{display:flex;flex-wrap:wrap;gap:8px}.cr-now__centre{display:flex;flex-direction:column;align-items:center;min-height:0;min-width:0}.cr-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:var(--r-pill);background:var(--stage);flex:none}.cr-tabs__tab{height:40px;padding:0 18px;border-radius:var(--r-pill);background:none;border:none;color:var(--text);font:600 15px var(--font-body);cursor:pointer;white-space:nowrap}.cr-tabs__tab:hover{background:var(--raised)}.cr-tabs__tab[aria-selected=true]{background:var(--text);color:var(--text-inverse)}.cr-tabs__tab:disabled{color:var(--text-disabled);cursor:not-allowed;background:none}.cr-now__ringwrap{position:relative;width:min(760px,100%);aspect-ratio:1;flex:0 1 auto;min-height:0;margin-top:16px;max-height:calc(100% - 150px)}.cr-now__lyrics{position:absolute;top:9%;right:13%;bottom:9%;left:13%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;overflow:hidden}.cr-lyric{font:400 20px/1.5 var(--font-body);color:var(--text-3);background:none;border:none;padding:2px 8px;cursor:pointer;text-align:center;border-radius:var(--r-s);transition:color var(--dur-slow) var(--ease-out),font-size var(--dur-slow) var(--ease-out);max-width:100%}.cr-lyric[data-tone=future]{color:var(--text-disabled)}.cr-lyric[data-tone=active]{font:700 30px/1.25 var(--font-display);letter-spacing:var(--tr-display-m);color:var(--text);margin:8px 0}.cr-lyric:not([aria-disabled=true]):hover{color:var(--text)}.cr-lyric[aria-disabled=true]{cursor:default}.cr-now__foot{font:400 12px/1.5 var(--font-mono);color:var(--brand-a);text-align:center;max-width:280px;margin-top:12px}.cr-now__transport{display:flex;align-items:center;gap:14px;margin-top:18px;flex:none}.cr-now__right{background:var(--stage);border-radius:var(--r-xl);padding:24px 22px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;scrollbar-width:none}.cr-now__right::-webkit-scrollbar{display:none}.cr-person{display:flex;align-items:center;gap:12px;min-height:44px;font:500 15px var(--font-body);min-width:0}.cr-person>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-now__queue{width:100%;max-width:640px;display:flex;flex-direction:column;gap:10px;margin-top:16px;min-height:0;overflow-y:auto;scrollbar-width:thin}.cr-qcard{display:grid;grid-template-columns:24px 48px minmax(0,1fr) auto auto auto;align-items:center;column-gap:14px;min-height:64px;padding:8px 10px 8px 12px;border-radius:var(--r-m);background:var(--stage);position:relative}.cr-qcard[data-held=true]{box-shadow:var(--e-drag);transform:rotate(-1.2deg) scale(1.02);z-index:3}.cr-qcard--past{background:none;grid-template-columns:24px 48px minmax(0,1fr) auto}.cr-sleep{position:relative}.cr-sleep__btn{width:100%;justify-content:flex-start;gap:12px;height:52px;padding:0 18px;border-radius:var(--r-pill);background:var(--stage);font:600 15px var(--font-body)}.cr-sleep__btn[aria-expanded=true]{box-shadow:inset 0 0 0 2px var(--brand-a)}.cr-sleep__btn:hover:not(:disabled){background:var(--raised)}.cr-sleep__btn:disabled{color:var(--text-disabled)}.cr-lockswitch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 14px 0 18px;border-radius:var(--r-pill);background:var(--stage);font:500 15px var(--font-body)}.cr-rail{display:none}@media (max-width: 1279px){.cr-frame{grid-template-columns:112px minmax(0,1fr)}.cr-roomcol>.cr-room{display:none}.cr-rail{display:flex;flex-direction:column;align-items:center;gap:14px;width:88px;flex:none;padding:18px 0 14px;background:var(--stage);border-radius:var(--r-xl);min-height:0;overflow:hidden}.cr-roomcol[data-open=true]>.cr-room{display:flex;position:absolute;left:12px;top:12px;bottom:12px;z-index:55;box-shadow:var(--e-dialog);animation:cr-room-in var(--dur-base) var(--ease-out)}.cr-room-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:50}.cr-now{grid-template-columns:300px minmax(0,1fr)}.cr-now__right{display:none}}@keyframes cr-room-in{0%{opacity:0;transform:translate(-16px)}}.cr-frame[data-rail=true]{grid-template-columns:112px minmax(0,1fr)}.cr-frame[data-rail=true] .cr-roomcol>.cr-room{display:none}.cr-frame[data-rail=true] .cr-roomcol[data-open=true]>.cr-room{display:flex;position:absolute;left:12px;top:12px;bottom:12px;z-index:55;box-shadow:var(--e-dialog)}.cr-frame[data-rail=true] .cr-rail{display:flex;flex-direction:column;align-items:center;gap:14px;width:88px;flex:none;padding:18px 0 14px;background:var(--stage);border-radius:var(--r-xl);min-height:0;overflow:hidden}@media (max-width: 1599px){.cr-classic{display:none}}@media (max-width: 1100px){.cr-classic{display:none}}@media (max-width: 1023px){.cr-frame,.cr-frame[data-rail=true]{grid-template-columns:96px minmax(0,1fr)}.cr-rail,.cr-frame[data-rail=true] .cr-rail{width:72px}.cr-nav__item{padding:0 13px}.cr-nav__item .cr-nav__label,.cr-ent,.cr-nav__sep{display:none}.cr-ent-menu{display:block}.cr-pagecol{padding:12px 16px 0 8px}.cr-now{grid-template-columns:minmax(0,1fr);overflow-y:auto;padding:20px}.cr-now__left{overflow:visible}.cr-now__right{display:flex;overflow:visible}.cr-now__ringwrap{max-height:none}}.cr-tabbar,.cr-mini,.cr-phonehead{display:none}@media (max-width: 767px){.cr-frame,.cr-frame[data-rail=true]{grid-template-columns:minmax(0,1fr)}.cr-roomcol{display:none}.cr-roomcol[data-open=true]{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;padding:0}.cr-roomcol[data-open=true]>.cr-room{position:static;width:100%;border-radius:0;animation:none}.cr-pagecol{padding:8px 16px 0}.cr-topbar,.cr-dock{display:none}.cr-phonehead{display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;flex:none}.cr-page{padding-bottom:calc(84px + env(safe-area-inset-bottom,18px))}.cr-frame[data-mini=true] .cr-page{padding-bottom:calc(160px + env(safe-area-inset-bottom,18px))}.cr-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:absolute;left:0;right:0;bottom:0;height:calc(60px + env(safe-area-inset-bottom,18px));padding-bottom:env(safe-area-inset-bottom,18px);background:var(--bg);border-top:1px solid var(--line);z-index:30}.cr-tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 12px var(--font-body);color:var(--text-3);text-decoration:none}.cr-tabbar__item svg{font-size:22px}.cr-tabbar[data-tabs="6"]{grid-template-columns:repeat(6,1fr)}.cr-tabbar[data-tabs="6"] .cr-tabbar__item{font-size:11px}.cr-tabbar__item[aria-current=page]{color:var(--text)}.cr-mini{display:flex;align-items:center;gap:12px;position:absolute;left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom,18px));height:68px;padding:0 10px 0 8px;border-radius:var(--r-l);background:var(--stage);box-shadow:var(--e-menu);z-index:31;cursor:pointer}.cr-mini__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cr-mini__title{font:var(--t-body-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.cr-mini__status{display:flex;align-items:center;gap:6px;font:var(--t-caption);color:var(--text-2);white-space:nowrap;overflow:hidden}.cr-mini__status .cr-lamp{width:7px;height:7px}.cr-toasts{bottom:calc(76px + env(safe-area-inset-bottom,18px))}.cr-frame[data-mini=true] .cr-toasts{bottom:calc(150px + env(safe-area-inset-bottom,18px))}.cr-now{padding:16px;gap:20px}.cr-now__title,.cr-h1{font-size:36px}.cr-room{width:100%}}.st-btn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.st-btn:disabled{cursor:not-allowed}.st-hov{transition:background var(--dur-fast, .12s)}.st-hov:hover{background:var(--raised)}.st-ibtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:color var(--dur-fast),background var(--dur-fast);border-radius:50%;font-size:18px}.st-ibtn:hover:not(:disabled){color:var(--text);background:var(--raised)}.st-ibtn:disabled{color:var(--text-disabled)}.st-ibtn[aria-pressed=true]{color:var(--brand-a)}.st-eyebrow{font:var(--t-mono-s);letter-spacing:var(--tr-mono-s);text-transform:uppercase;color:var(--text-3)}.st-chip{font:var(--t-mono-s);letter-spacing:var(--tr-mono-s);text-transform:uppercase;color:var(--text-2);background:var(--raised);border-radius:var(--r-pill);padding:4px 9px;white-space:nowrap}.st-noscroll{scrollbar-width:none}.st-noscroll::-webkit-scrollbar{display:none}.st-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.st-link:hover{text-decoration:underline!important}.st-drop{outline:2px dashed var(--brand-a);outline-offset:-2px;background:#00cfe01f!important;background:oklch(.78 .15 205 / .12)!important}.st-card:hover{background:var(--raised)!important}.st-row:hover{background:var(--raised)}.cr-lyricwrap{position:relative;width:100%;flex:1 1 auto;min-height:0;display:flex}.cr-lyricscroll{flex:1 1 auto;min-height:0;max-height:100%;width:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;padding:38% 4px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%)}.cr-now__lyrics>.cr-lyricscroll{padding:18% 4px}.cr-lyricwrap__now{position:absolute;left:50%;bottom:4px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r-pill);border:none;background:var(--text);color:var(--text-inverse);font:600 13px var(--font-body);cursor:pointer;white-space:nowrap}.cr-today{list-style:none;margin:0;padding:6px 2px 10px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;position:relative}.cr-today__item{flex:0 0 150px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:var(--r-l);background:var(--raised);min-width:0}.cr-today__item[data-kind=entrance],.cr-today__item[data-kind=outro]{background:linear-gradient(160deg,oklch(.45 .2 330 / .18),var(--raised) 60%)}.cr-today__item[data-kind=outro]{background:linear-gradient(160deg,oklch(.6 .13 220 / .18),var(--raised) 60%)}.cr-today__item>:first-child{margin-bottom:6px}.cr-today__song{position:relative;width:48px;height:48px;border-radius:var(--r-m, 10px);display:grid;place-items:center;color:#ffffffd9;font-size:18px}.cr-today__badge{position:absolute!important;right:-6px;bottom:-6px;box-shadow:0 0 0 2px var(--raised)}.cr-today__what{font:600 14px/1.3 var(--font-body);color:var(--text);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-today__meta{font:400 13px/1.3 var(--font-body);color:var(--text-2);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-today__when{font:400 11px var(--font-mono);color:var(--text-3);margin-top:2px}.cr-myarrival{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;text-align:center;background:radial-gradient(60% 50% at 50% 45%,oklch(.45 .2 330 / .28),transparent 70%),#05070ff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:cr-now-in var(--dur-slow) var(--ease-out)}.cr-myarrival__close{position:absolute;top:20px;right:20px}.cr-myarrival__ring{position:relative;width:min(320px,70vw);aspect-ratio:1}.cr-myarrival__ring>svg{width:100%;height:100%}.cr-myarrival__centre{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cr-myarrival__big{font:700 72px/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text)}.cr-myarrival[data-landed=true] .cr-myarrival__big{color:var(--brand-b);animation:cr-landed .6s var(--ease-out)}.cr-myarrival__line{font:500 20px/1.4 var(--font-body);color:var(--text-2);max-width:480px}@keyframes cr-landed{0%{transform:scale(.8);opacity:0}}@media (prefers-reduced-motion: reduce){.cr-myarrival,.cr-myarrival[data-landed=true] .cr-myarrival__big{animation:none}}@keyframes cr-lyric-in{0%{transform:translateY(18px);opacity:.6}}@media (prefers-reduced-motion: reduce){.cr-now__lyrics>div{animation:none!important}}@media (min-width: 1024px) and (max-width: 1059px),(min-width: 1280px) and (max-width: 1419px){.cr-nav[data-tabs="4"] .cr-nav__sep,.cr-nav[data-tabs="4"] .cr-ent{display:none}.cr-nav[data-tabs="4"]~.cr-ent-menu{display:block}}html.cr .tick,html.cr .ed-small{font-size:12px!important}html.cr .ui-chip{font:var(--t-mono-s)!important;letter-spacing:var(--tr-mono-s)!important}html.cr .ui-modal-scrim{background:var(--scrim)!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}html.cr .ui-modal{background:var(--overlay)!important;border:none!important;border-radius:var(--r-l)!important;box-shadow:var(--e-dialog)!important;color:var(--text)}html.cr .ui-modal h2{font:var(--t-title);letter-spacing:var(--tr-title)}@container main (max-width: 760px){.cr-search-top{grid-template-columns:minmax(0,1fr)!important}}.cr-scroll>*{flex-shrink:0}.cr-row.cr-eprow{grid-template-columns:72px minmax(0,1fr) 160px 96px;min-height:72px}@container main (max-width: 620px){.cr-row.cr-eprow{grid-template-columns:minmax(0,1fr) auto}.cr-row.cr-eprow>:first-child,.cr-row.cr-eprow>.cr-eprow__none{display:none}.cr-row.cr-eprow{row-gap:8px;padding-top:10px;padding-bottom:10px}.cr-row.cr-eprow>:nth-child(3){grid-column:1 / -1;grid-row:2}.cr-row.cr-eprow>.cr-eprow__act{grid-column:2;grid-row:1}}html.cr .cr-page h1:not(.cr-h1--xl):not(.cr-hero__title){font:var(--t-display-l);letter-spacing:var(--tr-display-l)}@media (hover: none){.cr-row[data-draggable=true] .cr-row__grip{display:flex}.cr-row[data-draggable=true] .cr-row__num{display:none}}@media (hover: none){.cr-row .cr-row__more{display:flex}.cr-row,.cr-qcard,.cr-qrow,.cr-station,.cr-song{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cr-page .cr-kbd[aria-hidden]{display:none}}@media (pointer: coarse){html.cr .cr-page,html.cr .cr-page *{scrollbar-width:none}html.cr .cr-page::-webkit-scrollbar,html.cr .cr-page *::-webkit-scrollbar{display:none}}@media (max-width: 767px){.cr-scroll{margin-inline:-16px;padding-inline:16px}.cr-jump,.cr-chip-wrap,.cr-today{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scroll-snap-type:x proximity}.cr-jump::-webkit-scrollbar,.cr-chip-wrap::-webkit-scrollbar,.cr-today::-webkit-scrollbar{display:none}.cr-jump>*,.cr-chip-wrap>*{flex:none;scroll-snap-align:start}.cr-jump{margin-top:18px!important;padding-block:2px}.cr-jump__item{height:56px;max-width:230px;padding-right:18px}.cr-roomcol[data-open=true]>.cr-room{padding:16px 16px 24px}.cr-room .cr-transport .cr-icon{width:40px;height:40px;font-size:20px}.cr-room .cr-transport .cr-play{padding:0 20px;min-width:0}.cr-upnext[data-empty=true]{display:none}.cr-room .cr-song__title{font-size:24px}.cr-room .cr-song__time{font-size:13px}.cr-now{grid-template-rows:none;grid-auto-rows:auto;align-content:start}.cr-now>*,.cr-now__centre{min-height:auto}.cr-now{grid-template-columns:96px minmax(0,1fr);column-gap:16px;row-gap:16px}.cr-now>*,.cr-now__left>*{grid-column:1 / -1}.cr-now__left{display:contents}.cr-now__left>span:empty{display:none}.cr-now__left>.cr-sec:first-child{justify-self:start}.cr-now .cr-now__art{grid-column:1;width:96px!important;height:96px!important;margin-top:0}.cr-now .cr-now__art+div{grid-column:2;align-self:center;min-width:0}.cr-now__title{font-size:30px}.cr-now__centre{order:2}.cr-now__left>.cr-sleep,.cr-now__left>.cr-lockswitch{order:3}.cr-now__right{order:4}.cr-now__ringwrap{flex:none;width:100%;max-height:none}.cr-now__lyrics{top:15%;right:17%;bottom:15%;left:17%}.cr-now__seat{transform:scale(.75)}.cr-now__foot{font-size:11px;max-width:220px;margin-top:8px}.cr-lyric{font-size:16px}.cr-lyric[data-tone=active]{font-size:22px;margin:6px 0}.cr-now__transport{flex-wrap:wrap;justify-content:space-between;gap:6px 2px;width:100%}.cr-now__transport>span:first-child,.cr-now__transport>span:last-child{order:-1;flex:1 0 calc(50% - 2px);min-width:0!important}.cr-now__transport>span:first-child{text-align:left!important}.cr-now__transport>span:last-child{text-align:right}.cr-now__transport .cr-icon{width:40px;height:40px;font-size:20px}.cr-now__transport .cr-play{padding:0 20px}.cr-actions>.cr-play{flex:1 1 100%;justify-content:center}.cr-actions{gap:10px}.cr-actions>.cr-sec{flex:1 1 auto;justify-content:center;padding:0 16px;font-size:14px}html.cr .cues-head{flex-direction:column;align-items:stretch!important;gap:14px!important;padding-top:8px!important;padding-bottom:16px!important}html.cr .cues-head>div:first-child{flex:0 0 auto!important}html.cr .cues-head__actions{margin-left:0!important;align-items:stretch!important}html.cr .cues-head__buttons>.btn{flex:1 1 0;justify-content:center}html.cr .cues-filters{flex-wrap:wrap;row-gap:8px!important;padding-bottom:12px!important}html.cr .cues-filters__where{order:3;flex-basis:100%;text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:13px!important}html.cr .ed-head{flex-wrap:wrap;gap:12px!important;padding-top:10px!important;padding-bottom:16px!important}html.cr .ed-head__title{flex:1 1 calc(100% - 56px)!important}html.cr .ed-head__title input{font-size:21px!important}html.cr .ed-head__action{flex:1 1 0;justify-content:center}}html.cr .ed-head__back{width:40px;height:40px;flex:none;display:grid!important;place-items:center;border-radius:50%;background:var(--raised)!important;color:var(--text)!important;font-size:0!important}html.cr .ed-head__back:before{content:"";width:9px;height:9px;margin-left:4px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg)}@media (max-width: 359px){.cr-stage{zoom:.86}}:root{--ground: oklch(.125 .016 285);--ground-grad: radial-gradient( 120% 130% at 60% 2%, oklch(.2 .03 250), oklch(.15 .02 275) 52%, oklch(.125 .016 285) );--panel: oklch(.185 .021 272);--panel-2: oklch(.17 .02 272);--panel-elevated: linear-gradient( 180deg, oklch(.19 .024 272), oklch(.16 .02 278) );--surface: oklch(.185 .021 272);--surface-sunken: oklch(.14 .015 280);--track: oklch(.28 .02 275);--line: oklch(1 0 0 / .08);--line-bright: oklch(1 0 0 / .14);--inset-hi: inset 0 1px 0 oklch(1 0 0 / .05);--text: oklch(.94 .008 280);--dim: oklch(.66 .02 280);--faint: oklch(.6 .03 280);--ink: oklch(1 0 0);--ink-on-accent: oklch(.16 .03 280);--accent-cyan: oklch(.78 .15 205);--accent-magenta: oklch(.64 .22 332);--accent-violet: oklch(.6 .19 292);--grad-accent: linear-gradient(135deg, var(--accent-cyan), var(--accent-magenta));--grad-violet: linear-gradient( 135deg, oklch(.55 .16 275), oklch(.55 .2 292) );--signal: oklch(.78 .15 205);--signal-hi: oklch(.82 .16 205);--arrival: oklch(.72 .2 332);--ok: oklch(.86 .14 150);--ok-soft: oklch(.86 .14 150 / .13);--warn: oklch(.85 .15 80);--warn-soft: oklch(.85 .15 80 / .14);--alert: oklch(.74 .16 25);--alert-soft: oklch(.74 .16 25 / .14);--font-display: "Sora", system-ui, sans-serif;--font-ui: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-xs: 8px;--r-sm: 10px;--r: 14px;--r-lg: 18px;--r-xl: 22px;--r-pill: 20px;--shadow-card: 0 50px 100px -40px #000;--shadow-pop: 0 20px 44px -24px #000;--glow-accent: 0 8px 22px oklch(.7 .18 290 / .4);--glow-accent-lg: 0 14px 34px oklch(.58 .18 285 / .5);--gutter: 36px;--dur-fast: .12s;--dur-base: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--ground);background-image:var(--ground-grad);background-attachment:fixed;color:var(--text);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased}a{color:#ceb5ff;color:oklch(.82 .13 300);text-decoration:none}a:hover{color:#deceff;color:oklch(.88 .11 300)}.mono{font-family:var(--font-mono)}.tick{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}@keyframes halo{0%,to{opacity:.45;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.13)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.btn{font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;padding:11px 18px;border-radius:var(--r-sm);border:1px solid var(--line);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--text);background:#171a26;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:hover{border-color:var(--line-bright);background:#1d212e}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.btn--primary{background:var(--grad-accent);color:var(--ink-on-accent);border-color:transparent;box-shadow:var(--glow-accent)}.btn--primary:hover{background:var(--grad-accent);border-color:transparent;filter:brightness(1.06)}.btn--solid{background:var(--grad-violet);color:var(--ink);border-color:transparent;box-shadow:var(--glow-accent-lg)}.btn--solid:hover{filter:brightness(1.06)}.invite-cue{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--accent-cyan),var(--accent-magenta),var(--accent-cyan));background-size:220% 100%;background-position:0% 50%;box-shadow:var(--glow-accent);transition:background-position .9s ease,transform .3s ease,box-shadow .36s ease;will-change:transform,background-position}.invite-cue:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);transform:translate(-130%)}.invite-cue:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:var(--glow-accent-lg)}.invite-cue:hover:after{animation:invite-shine .72s ease}.invite-cue:active{transform:translateY(0)}.invite-cue:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.invite-cue svg{transition:transform .56s cubic-bezier(.5,.1,.2,1)}.invite-cue:hover svg{transform:rotate(405deg) scale(1.12)}@keyframes invite-shine{0%{transform:translate(-130%)}to{transform:translate(130%)}}@media (prefers-reduced-motion: reduce){.invite-cue,.invite-cue svg{transition:none}.invite-cue:hover{transform:none}.invite-cue:hover:after{animation:none}.invite-cue:hover svg{transform:none}}.btn--ghost{background:#171a26;border-color:var(--line);color:var(--text);font-weight:600}.btn--ghost:hover{color:var(--text);border-color:var(--line-bright)}.btn--sm{padding:8px 13px;font-size:12px;border-radius:var(--r-xs)}.btn:disabled{cursor:not-allowed;filter:none;opacity:.5;box-shadow:none;transform:none}.label{font-family:var(--font-mono);font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;border:1px solid transparent;color:var(--dim);background:#ffffff0f}.pill--ready{color:var(--ok);background:var(--ok-soft)}.pill--failed{color:var(--alert);background:var(--alert-soft)}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--inset-hi)}.panel--marks:before,.panel--marks:after{content:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:18px;display:block}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:#ffffff1a}input[type=range]::-moz-range-track{height:6px;border-radius:4px;background:#ffffff1a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent-cyan);outline-offset:2px}.page{padding:30px 36px 40px}.page__title{font-family:var(--font-display);font-weight:700;line-height:1;letter-spacing:-.03em;font-size:28px;margin:0}.field{font-family:var(--font-ui);font-size:14px;background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);padding:11px 14px}.field:focus{outline:none;border-color:var(--line-bright)}.field:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-color:var(--line-bright)}:where(button,[role=switch],[role=option],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:var(--r-xs)}select.field,select{color:var(--text)}.field::placeholder,input::placeholder{color:var(--faint)}[role=alert]{color:var(--alert)}.shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.shell__main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.sidebar{width:248px;flex:none;padding:24px 16px;display:flex;flex-direction:column;gap:22px;background:var(--panel-2);border-right:1px solid var(--line);box-shadow:var(--inset-hi);overflow-y:auto}.shell__topbar,.shell__scrim{display:none}.shell__menu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--r-sm);border:1px solid var(--line);background:#171a26;color:var(--text);cursor:pointer}.shell__menu:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}@media (max-width: 860px){.shell{flex-direction:column}.shell__topbar{display:flex;align-items:center;gap:12px;flex:none;padding:10px 14px;z-index:320;background:var(--panel-2);border-bottom:1px solid var(--line)}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:340;width:min(300px,86vw);border-right:1px solid var(--line-bright);box-shadow:var(--shadow-card);transform:translate(-100%);visibility:hidden;transition:transform var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base)}.sidebar[data-open=true]{transform:none;visibility:visible;transition:transform var(--dur-base) var(--ease-out),visibility 0s}.shell__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:330;background:#01010499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:root{--gutter: 16px}.page{padding:20px 16px 28px}.page__title{font-size:24px}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar[data-open=true]{transition:visibility 0s}}.track-row{display:grid;grid-template-columns:34px 1fr 150px 80px auto;gap:12px;align-items:center}@media (max-width: 860px){.track-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.track-row>:nth-child(1),.track-row>:nth-child(3){display:none}}.remote-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}@media (max-width: 860px){.remote-split{grid-template-columns:minmax(0,1fr)}}.editor-split{flex:1;display:flex;min-height:0}.editor-aside{width:300px;flex:none;border-left:1px solid var(--line);background:var(--panel-2);padding:24px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}@media (max-width: 860px){.editor-split{flex-direction:column;overflow-y:auto}.editor-aside{width:100%;border-left:none;border-top:1px solid var(--line);overflow-y:visible;padding:20px var(--gutter)}}.settings-split{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}@media (max-width: 860px){.settings-split{grid-template-columns:minmax(0,1fr)}}*{scrollbar-width:thin;scrollbar-color:oklch(1 0 0 / .13) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff21;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#fff3}.remote-bar__fill{transition:width .25s linear,background-color .18s ease}.remote-bar__fill--jump{transition:background-color .18s ease}.remote-bar{position:relative;height:6px;border-radius:4px;background:#ffffff1a;overflow:hidden}.remote-bar__ghost{position:absolute;top:0;bottom:0;width:2px;background:var(--text);opacity:.55}.is-busy{animation:cue-pulse .9s ease-in-out infinite}@keyframes cue-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.remote-bar__fill,.btn{transition:none}.is-busy{animation:none;opacity:.6}[style*=animation]{animation:none!important}}.add-link{display:flex;gap:8px}.add-link input{flex:1 1 auto;min-width:0;font-family:var(--font-ui);font-size:13px;padding:11px 14px;border-radius:var(--r-sm);color:var(--text);background:var(--surface-sunken);border:1px solid var(--line)}.add-link input::placeholder{color:var(--faint)}.add-link input:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-color:var(--line-bright)}.add-link input:disabled{opacity:.5;cursor:not-allowed}.add-link button{flex:0 0 auto}.cue-shock,.cue-shock__flash{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none}.cue-shock{width:44px;height:44px;margin:-22px 0 0 -22px;border:2px solid var(--arrival);opacity:0;animation:cue-shock .64s cubic-bezier(.15,.6,.3,1) forwards}.cue-shock--2{animation-delay:90ms}.cue-shock__flash{width:20px;height:20px;margin:-10px 0 0 -10px;background:var(--arrival);opacity:0;animation:cue-flash .36s ease-out forwards}.cue-shock__line{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--arrival);box-shadow:0 0 18px 3px #f77ae9d9;opacity:0;pointer-events:none;animation:cue-line .52s ease-out forwards}.cue-shock__label{animation:cue-snap .46s cubic-bezier(.2,1.4,.3,1) forwards}@keyframes cue-shock{0%{transform:scale(.3);opacity:.9}to{transform:scale(3.6);opacity:0}}@keyframes cue-flash{0%{transform:scale(.4);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes cue-line{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes cue-snap{0%{transform:translate(-50%) scale(1)}30%{transform:translate(-50%) scale(1.32);text-shadow:0 0 10px oklch(.76 .2 332 / .9)}to{transform:translate(-50%) scale(1);text-shadow:none}}@media (prefers-reduced-motion: reduce){.cue-shock,.cue-shock__flash{display:none}.cue-shock__label{animation:none}}.live-row{display:flex;align-items:center;gap:.5rem;font-variant-numeric:tabular-nums}.live-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--alert);animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.live-dot{animation:none}}