:root{color-scheme:light;--color-bg: #f5ead8;--color-surface: #ebddc5;--color-text: #201e1d;--color-accent: #c67139;--color-accent-2: #7a8a5e;--color-divider: color-mix(in srgb, var(--color-text) 16%, transparent);--color-elevated: var(--color-neutral-800);--color-accent-text: var(--color-accent-700);--color-accent-fill: var(--color-accent-700);--color-accent-2-fill: var(--color-accent-2-700);--color-accent-2-text: var(--color-accent-2-700);--color-on-accent: var(--color-bg);--color-on-elevated: #f5ead8;--vinyl-groove-a: #2e2b25;--vinyl-groove-b: #474238;--color-outline: transparent;--color-neutral-100: #f9f4ed;--color-neutral-200: #eee7db;--color-neutral-300: #dcd3c4;--color-neutral-400: #c0b6a5;--color-neutral-500: #a19786;--color-neutral-600: #82796a;--color-neutral-700: #645c50;--color-neutral-800: #474238;--color-neutral-900: #2e2b25;--color-accent-100: #fff2eb;--color-accent-200: #ffe1d0;--color-accent-300: #ffc6a5;--color-accent-400: #f6a06b;--color-accent-500: #d67f48;--color-accent-600: #b2622d;--color-accent-700: #8c491a;--color-accent-800: #643312;--color-accent-900: #402310;--color-accent-2-100: #f0fae1;--color-accent-2-200: #e1eecc;--color-accent-2-300: #ccdbb2;--color-accent-2-400: #aebf92;--color-accent-2-500: #8fa073;--color-accent-2-600: #728157;--color-accent-2-700: #56633f;--color-accent-2-800: #3d472b;--color-accent-2-900: #272e1b;--color-wrong: #b2622d;--color-right: #56633f;--color-gold: #c08a2e;--color-gold-soft: #e6bb63;--font-heading: "Caprasimo", ui-serif, Georgia, serif;--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-1: 4.4px;--space-2: 8.8px;--space-3: 13.2px;--space-4: 17.6px;--space-6: 26.4px;--space-8: 35.2px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 28px;--radius-pill: 999px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2e2b25 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2e2b25 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html{overflow-x:hidden}body{margin:0;width:100%;max-width:100vw;overflow-x:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.12;letter-spacing:-.015em;margin:0}p{margin:0}a{color:var(--color-accent-text);text-underline-offset:3px}a:not(.btn):hover{color:color-mix(in srgb,var(--color-accent-text) 78%,var(--color-text))}button{font-family:inherit;touch-action:manipulation}img{display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.text-muted{color:var(--color-neutral-700)}.nsb{scrollbar-width:none;overflow-x:auto;overflow-y:hidden;max-width:100%}.nsb::-webkit-scrollbar{display:none}.app-shell{min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.app-shell>router-outlet+*{display:block;width:100%}.screen{width:100%;max-width:448px;min-width:0;display:flex;flex-direction:column;flex:1;padding:20px 20px 30px;gap:16px}app-timeline,app-spotify-bar{display:block;min-width:0;max-width:100%}app-song-card{display:block;flex-shrink:0;width:92px}.desk-main,.desk-cols,.desk-col,.desk-actions,.home-cards,.home-row,.stage__ctas,.shelf-add,.song-row__top,.song-row__foot,app-settings-rail,.online-cards,.online-card,.lobby-top,.team-main,.team-sides,.team-foot{display:contents}.desk-only,.solo-more--closed{display:none}.screen--end{gap:14px;padding:20px 18px 30px}.screen--game{gap:0;padding:18px 18px 30px}.stage-main{min-width:0;display:flex;flex-direction:column;flex:1}.rail{display:none}.actions{display:contents}.screen-head{display:flex;align-items:center;gap:12px;padding-top:8px}.kicker{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-text)}.kicker--light{color:var(--color-accent-300)}.btn{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-size:15px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:12px 20px;border-radius:var(--radius-pill);transition:background .12s ease,border-color .12s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent-fill);color:var(--color-on-accent)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-fill) 82%,var(--color-text))}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-sage{background:var(--color-accent-2-fill);color:var(--color-on-accent)}.btn-sage:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-2-fill) 82%,var(--color-text))}.btn-ghost{color:var(--color-accent-text)}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-dashed{border:2px dashed color-mix(in srgb,var(--color-text) 20%,transparent)}.btn-dashed:hover:not(:disabled){border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.btn-block{width:100%}.btn-lg{padding:17px;font-size:20px}.btn-round{width:40px;height:40px;padding:0;border-radius:var(--radius-pill);border:1px solid var(--color-divider);font-size:17px;flex-shrink:0}.btn-round:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 7%,transparent)}.input,.select{width:100%;min-height:40px;padding:10px 16px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:var(--radius-pill);outline:none}.input::placeholder{color:var(--color-neutral-500)}.input:focus-visible,.select:focus-visible{border-color:var(--color-accent)}.input--heading{font-family:var(--font-heading);font-size:20px}.hue-slider{appearance:none;-webkit-appearance:none;height:8px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#e05252,#d9a441,#93b054,#4fa9a0,#5a86d6,#9a63c9,#e05252);outline:none;cursor:pointer}.hue-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:var(--radius-pill);background:var(--color-neutral-100);border:2px solid var(--color-neutral-800);cursor:pointer}.hue-slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-pill);background:var(--color-neutral-100);border:2px solid var(--color-neutral-800);cursor:pointer}.panel{border-radius:var(--radius-lg);background:var(--color-surface);padding:16px}.panel--dashed{background:transparent;border:2px dashed color-mix(in srgb,var(--color-text) 20%,transparent)}.panel--sage{background:var(--color-accent-2-200)}.panel-title{font-family:var(--font-heading);font-size:19px;margin-bottom:12px}.pill-row{display:flex;align-items:center;gap:12px;border-radius:var(--radius-pill);background:var(--color-surface);padding:11px 14px}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.02em;padding:5px 12px;border-radius:var(--radius-pill)}.tag-accent{background:var(--color-accent-200);color:var(--color-accent-800)}.tag-sage{background:var(--color-accent-2-200);color:var(--color-accent-2-900)}.tag-warn{background:var(--color-accent-300);color:var(--color-accent-900)}.notice{border-radius:var(--radius-md);padding:10px 14px;font-size:12px;line-height:1.5}.notice-error{background:color-mix(in srgb,var(--color-wrong) 15%,transparent);color:var(--color-accent-text)}.notice-warn{background:var(--color-accent-200);color:var(--color-accent-800)}.modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,#14110e 60%,transparent);animation:toastin .15s ease-out}.modal{width:100%;max-width:360px;background:var(--color-bg);border-radius:var(--radius-lg);padding:22px 20px 20px;box-shadow:var(--shadow-lg);animation:pop .2s ease-out}.modal-title{margin:0 0 8px;font-family:var(--font-heading);font-size:19px}.modal-message{margin:0 0 20px;font-size:14px;line-height:1.5;color:var(--color-text)}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.plinth{border-radius:var(--radius-lg);background:var(--color-elevated);padding:20px;width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;overflow:hidden;border:1px solid var(--color-outline);box-shadow:var(--shadow-lg)}.plinth .kicker{color:var(--color-accent-300)}.vinyl{--size: 176px;width:var(--size);height:var(--size);flex-shrink:0;border-radius:var(--radius-pill);background:repeating-radial-gradient(circle,var(--vinyl-groove-a) 0 2px,var(--vinyl-groove-b) 2px 4px);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.vinyl--sm{--size: 44px;box-shadow:none;background:repeating-radial-gradient(circle,var(--vinyl-groove-a) 0 1.5px,var(--vinyl-groove-b) 1.5px 3px)}.vinyl--spin,.vinyl--spin-fast{will-change:transform}.vinyl--spin{animation:spin 14s linear infinite}.vinyl--spin-fast{animation:spin 4.5s linear infinite}.vinyl__label{width:40%;height:40%;min-width:34px;min-height:34px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--font-heading);line-height:1}.vinyl--sm .vinyl__label{width:14px;height:14px;min-width:0;min-height:0}.vinyl__label--main{width:70px;height:70px;font-size:30px}.vinyl__label--main.vinyl__label--reveal{width:76px;height:76px;font-size:inherit}.stage-pad{margin-top:14px;padding:18px}.plinth--home{padding:22px 20px}.vinyl--hero{--size: 216px}.vinyl__label--hero{width:88px;height:88px}.tonearm{position:absolute;right:16px;top:20px;width:9px;height:108px;border-radius:var(--radius-pill);background:var(--color-neutral-400);transform:rotate(16deg);transform-origin:top center;z-index:0}.plinth__timer{position:relative;z-index:1}.tonearm--down{height:132px;animation:drop .6s ease-out forwards}.tonearm__pivot{position:absolute;right:12px;top:12px;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--color-neutral-300)}.meter{height:8px;flex:1;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text) 12%,transparent);overflow:hidden}.meter>span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-accent)}.chip{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-pill);background:var(--color-neutral-400);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:13px}.chip--active{background:var(--color-accent-fill)}.tabnum{font-variant-numeric:tabular-nums}.wait-dot{width:9px;height:9px;border-radius:var(--radius-pill);background:var(--color-accent-300);animation:bob 1.2s ease-in-out infinite}.skeleton{display:inline-block;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-neutral-300) 0,var(--color-neutral-100) 40%,var(--color-neutral-300) 80%);background-size:240px 100%;animation:shimmer 1.4s linear infinite}.progress-indeterminate{width:100%;height:8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-on-elevated) 16%,transparent);overflow:hidden;position:relative}.progress-indeterminate>span{position:absolute;top:0;left:0;width:38%;height:100%;border-radius:var(--radius-pill);background:var(--color-accent);animation:groove 1.5s ease-in-out infinite}.tonearm--loading{animation:needle 2.2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow{0%,to{box-shadow:0 0 #c6713980}50%{box-shadow:0 0 0 12px #c6713900}}@keyframes drop{0%{transform:rotate(-14deg)}to{transform:rotate(-24deg)}}@keyframes toastin{0%{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}@keyframes pop{0%{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}@keyframes shimmer{0%{background-position:-240px 0}to{background-position:240px 0}}@keyframes needle{0%,to{transform:rotate(14deg)}50%{transform:rotate(19deg)}}@keyframes groove{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.vinyl--spin,.vinyl--spin-fast{animation-duration:40s}.skeleton,.progress-indeterminate>span,.wait-dot{animation:none}.btn,.tonearm--down,.tonearm--loading,[style*=animation]{animation:none!important}}@media(min-width:1280px){.mobile-only{display:none!important}.screen--game,.screen--desk{max-width:none;padding:0;gap:0!important;display:grid;grid-template-columns:288px minmax(0,1fr);align-items:stretch!important;text-align:left!important}.screen--desk{min-height:100dvh}.rail{display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100dvh;box-sizing:border-box;padding:28px 22px;background:var(--color-surface);overflow-y:auto}.rail__head{display:flex;flex-direction:column;gap:2px}.rail__title{font-family:var(--font-heading);font-size:26px;line-height:1.1}.rail__players{display:flex;flex-direction:column;gap:12px}.rail__player{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px}.rail__player--active{background:var(--color-accent-fill);color:var(--color-on-accent)}.rail__chip{width:42px;height:42px;font-size:17px}.rail__player--active .rail__chip{background:var(--color-elevated);color:var(--color-on-elevated)}.rail__who{min-width:0;flex:1}.rail__name{display:block;font-family:var(--font-heading);font-size:18px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail__sub{display:block;font-size:12px;color:var(--color-neutral-700)}.rail__player--active .rail__sub{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:inherit;opacity:.82}.rail__count{font-family:var(--font-heading);font-size:22px}.rail__tokens{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--color-neutral-700)}.rail__foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.rail__hint{margin:0;font-size:12px;line-height:1.5;color:var(--color-neutral-700)}.rail__exit{padding:11px 18px;font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--color-neutral-700)}.rail__brand{font-family:var(--font-heading);font-size:30px;line-height:1}.rail__nav{display:flex;flex-direction:column;gap:4px}.rail__link{display:flex;align-items:center;padding:12px 18px;border-radius:var(--radius-pill);color:var(--color-text);text-decoration:none;font-family:var(--font-heading);font-size:17px}a.rail__link:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent);color:var(--color-text)}a.rail__link--active,a.rail__link--active:hover,.rail__link--active{background:var(--color-accent-fill);color:var(--color-on-accent)}.rail__text{margin:0;font-size:14px;line-height:1.6;color:var(--color-neutral-700)}.rail__meta{margin:0;font-size:12px;color:var(--color-neutral-700)}.rail__meta a{color:inherit}.rail__card{border-radius:24px;background:var(--color-neutral-100);padding:18px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5}.rail__big{font-family:var(--font-heading);font-size:40px;line-height:1}.rail__pills{display:flex;flex-direction:column;gap:8px}.rail__pill{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:var(--radius-pill);background:var(--color-neutral-100);padding:11px 18px;font-size:13px;font-weight:700}.rail__dashed{border:2px dashed color-mix(in srgb,var(--color-text) 20%,transparent);border-radius:var(--radius-pill);background:transparent;font-family:var(--font-heading);font-size:15px;padding:13px;cursor:pointer;color:var(--color-text)}.desk-only{display:block}.desk-main{display:flex;flex-direction:column;min-width:0;min-height:100dvh;box-sizing:border-box;padding:36px 44px 0}.desk-main--flush{padding:0}.screen--desk .screen-head{padding:0;margin-bottom:24px}.screen--desk .screen-head>.btn-round{display:none}.screen--desk .screen-head h1{font-size:44px!important;line-height:1}.desk-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;align-content:start}.desk-col{display:flex;flex-direction:column;gap:20px;min-width:0}.desk-main .panel{padding:22px}.desk-main .panel-title{font-size:21px}.desk-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;bottom:0;margin:auto -44px 0;padding:20px 44px;border-top:1px solid var(--color-divider);background:var(--color-bg)}.desk-actions__summary{margin:0;font-size:14px;color:var(--color-neutral-700)}.desk-actions .btn{width:auto;flex-shrink:0;padding:20px 56px!important;font-size:22px!important;box-shadow:var(--shadow-lg)}.stage__copy{display:flex!important;flex-direction:column;gap:10px;grid-row:1}.stage__headline{font-family:var(--font-heading);font-size:64px;line-height:.98;color:var(--color-on-elevated)}.stage__sub{font-size:17px;line-height:1.5;max-width:34ch;color:color-mix(in srgb,var(--color-on-elevated) 78%,transparent)}.stage.stage-hero{min-height:472px}.stage__ctas{display:flex;align-items:center;gap:14px;grid-row:2}.stage__ctas .btn{width:auto;padding:20px 40px;font-size:22px}.stage__ctas .btn-secondary{padding:20px 32px;font-size:18px;color:var(--color-on-elevated);border-color:color-mix(in srgb,var(--color-on-elevated) 45%,transparent)}.stage-hero .vinyl__label--hero{width:120px;height:120px}.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-content:start;padding:36px 56px}.home-row{display:contents!important}.home-cards .btn{width:auto;flex-direction:column;align-items:flex-start;justify-content:flex-start!important;gap:6px;padding:24px!important;border-radius:28px;border-width:2px}.home-cards .btn>span:first-child{font-size:24px!important}.home-cards .btn>span+span{font-size:14px!important}.screen--desk app-team-assignment:has(>.team-root--rail),.screen--desk .team-root--rail{display:contents!important}.screen--desk .team-root--rail .team-main{display:flex;flex-direction:column;min-width:0;min-height:100dvh;box-sizing:border-box;padding:36px 44px}.screen--desk .team-root--rail .team-main>header,.screen--desk .team-root--rail .team-intro,.screen--desk .team-root--rail .team-shuffle,.screen--desk .team-root--rail .team-summary{display:none!important}.screen--desk .team-sides{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.screen--desk .team-root--rail .team-sides{flex:1}.screen--desk .team-root--rail .team-sides>div{padding:26px!important;min-height:420px;align-content:flex-start}.screen--desk .team-root--rail .team-sides p:first-child{font-size:30px!important}.screen--desk .team-root--rail .team-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.screen--desk .team-root--rail .team-foot .btn{width:auto;flex-shrink:0;padding:20px 56px!important;font-size:22px!important;box-shadow:var(--shadow-lg)}.online-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.online-card{display:flex;flex-direction:column;gap:20px;min-height:400px;box-sizing:border-box;padding:36px;border-radius:var(--radius-lg);position:relative;overflow:hidden}.online-card--host{background:var(--color-elevated);color:var(--color-on-elevated)}.online-card--host:after{content:"";position:absolute;right:30px;top:30px;width:11px;height:140px;border-radius:var(--radius-pill);background:var(--color-neutral-400);transform:rotate(16deg);transform-origin:top center}.online-card--host .kicker{color:var(--color-accent-300)}.online-card--join{background:var(--color-surface)}.online-card__title{margin:0;font-family:var(--font-heading);font-size:42px;line-height:1.05}.online-card__text{margin:0;max-width:30ch;font-size:16px;line-height:1.55;color:color-mix(in srgb,var(--color-on-elevated) 78%,transparent)}.online-card--host>.btn{margin-top:auto;align-self:flex-start;width:auto;padding:18px 44px!important;font-size:20px!important;background:var(--color-accent);color:var(--color-neutral-900)}.online-join--embedded{display:flex!important;flex-direction:column;gap:20px;flex:1}.online-join--embedded .online-field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:var(--color-neutral-700)}.online-join--embedded .online-code{min-height:76px;font-size:44px!important;letter-spacing:.28em!important;color:var(--color-accent-text)}.online-join--embedded .btn{margin-top:auto;padding:18px!important;font-size:20px!important}.desk-narrow{max-width:640px;width:100%}.rail__field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:var(--color-neutral-700)}.rail__leave{border:1px solid var(--color-divider);border-radius:var(--radius-pill);background:transparent;padding:12px;font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--color-neutral-700);cursor:pointer}.lobby-top{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-bottom:24px}.lobby-code.panel{padding:36px;background:var(--color-elevated);color:var(--color-on-elevated);text-align:left;position:relative;overflow:hidden}.lobby-code .lobby-code__label{color:var(--color-accent-300)!important}.lobby-code .lobby-code__value{font-size:124px!important;line-height:.9!important;letter-spacing:.12em!important;margin-top:12px!important;color:var(--color-on-elevated)!important}.lobby-code .lobby-code__hint{margin:20px 0 0;font-size:15px;color:color-mix(in srgb,var(--color-on-elevated) 72%,transparent)}.lobby-players.panel{padding:26px;text-align:left}.lobby-players .panel-title{font-size:24px}.desk-main>.panel,.desk-main>.lobby-mix{width:auto!important;margin-bottom:24px}.shelf-curated{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.shelf-add{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start;margin-top:8px}.shelf-row.panel{flex-direction:row!important;align-items:center!important;gap:18px!important;padding:14px 20px 14px 14px!important}.shelf-row .shelf-row__main{flex:1;min-width:0}.shelf-row .shelf-row__actions{flex:0 0 auto;display:flex;gap:8px}.shelf-row .shelf-row__actions .btn{flex:0 0 auto!important;padding:12px 24px!important;font-size:15px!important}.song-head,.song-row.panel{display:grid!important;grid-template-columns:54px minmax(0,1.9fr) minmax(0,1.35fr) 92px 100px minmax(0,1.9fr) 146px 92px;gap:12px;align-items:center}.song-head{padding:0 16px 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-700)}.song-row.panel{padding:12px 16px!important;border-radius:24px;margin-bottom:8px}.song-row__top,.song-row__foot{display:contents!important}.desk-narrow-body>*:not(.screen-head){max-width:720px}.song-row .sr-vinyl,.song-row .sr-title,.song-row .sr-artist,.song-row .sr-year,.song-row .sr-month,.song-row .sr-uri,.song-row .sr-tag,.song-row .sr-remove{grid-row:1}.song-row .sr-vinyl{grid-column:1}.song-row .sr-title{grid-column:2}.song-row .sr-artist{grid-column:3}.song-row .sr-year{grid-column:4}.song-row .sr-month{grid-column:5}.song-row .sr-uri{grid-column:6}.song-row .sr-tag{grid-column:7;justify-self:start}.song-row .sr-remove{grid-column:8;justify-self:end}.song-row .sr-title,.song-row .sr-artist,.song-row .sr-year,.song-row .sr-month,.song-row .sr-uri{width:100%!important;min-width:0!important;margin:0!important;flex:none!important}.editor-note{flex-shrink:0;font-size:14px;color:var(--color-neutral-700)}.screen--desk .screen-head:has(.input--heading){gap:16px;align-items:center}.screen--desk .screen-head .input--heading{font-size:26px!important;min-height:56px}.rail__stack{display:flex;flex-direction:column;gap:10px}.rail__share{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 20px;border-radius:var(--radius-pill);background:var(--color-accent-200);color:var(--color-accent-800);font-family:var(--font-heading);font-size:17px;text-decoration:none}a.rail__share:hover{color:var(--color-accent-800);background:color-mix(in srgb,var(--color-accent-200) 88%,var(--color-text))}.rail__share-go{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--color-accent-fill);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center}.profile-hero{gap:16px!important}.profile-hero>div{padding:20px!important}.profile-hero .tabnum{font-size:48px!important}.rail__card--row{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}.solo-more--closed{display:block!important}.stage-main{padding:0 0 32px}.stage{margin-top:0;min-height:430px;padding:0 56px;border-radius:0;box-shadow:none;display:grid;grid-template-columns:300px minmax(0,520px);column-gap:56px;row-gap:22px;justify-content:start;align-content:center;align-items:center}.stage .tonearm{right:58px;top:52px;width:13px;height:230px}.stage .tonearm__pivot{right:52px;top:40px;width:32px;height:32px}.stage .vinyl{--size: 300px;grid-column:1;grid-row:1 / span 5}.stage .vinyl__label--main{width:120px;height:120px;font-size:52px}.stage .vinyl__label--reveal{width:132px;height:132px;font-size:inherit}.stage>:not(.vinyl):not(.tonearm):not(.tonearm__pivot){grid-column:2}.stage .plinth__who{grid-row:1;align-self:end}.stage .plinth__who:not(.plinth__who--solo)>:first-child{font-size:52px!important;line-height:1}.stage .plinth__who:not(.plinth__who--solo){flex-direction:column-reverse;align-items:flex-start!important;gap:4px!important}.stage .plinth__timer{grid-row:2}.stage .plinth__controls{align-items:flex-start;min-height:0}.stage-main>:not(.stage):not(.mobile-only){margin-left:56px;margin-right:56px}.table-edge__title{font-family:var(--font-heading);font-size:28px!important;font-weight:400!important;color:var(--color-text)!important;margin:28px 56px 0!important}.actions{display:flex;gap:12px;align-items:stretch}.actions>.btn{width:auto;margin-top:8px!important;padding:20px 28px!important;font-size:16px!important}.actions>.btn-primary{flex:1;font-size:22px!important}.stage-main app-timeline{--card-w: 130px;--card-year: 26px;--card-title: 13px;--card-artist: 12px;--slot: 44px;--slot-mt: 10px;--slot-sel: 72px;--slot-sel-mt: -4px;--slot-sel-font: 28px}.stage-main app-song-card{width:130px}.stage-main .vinyl--sm{--size: 66px}.stage-main .vinyl--sm .vinyl__label{width:20px;height:20px}.stage-main .nsb{padding:20px 0!important;gap:12px!important}.slot-plus{display:none!important}.slot-num{font-size:14px;font-weight:700}}@media(min-width:1280px){.screen--end{max-width:1440px;padding:40px;justify-content:center}.recap-grid{display:grid!important;grid-template-columns:560px minmax(0,1fr);column-gap:40px;row-gap:14px;align-content:start}.recap-grid>*{grid-column:2;min-width:0}.recap-grid>.recap-plinth{grid-column:1;grid-row:1 / span 20;align-self:stretch;justify-content:center;gap:22px!important;padding:40px 34px!important}.recap-plinth .vinyl{--size: 300px !important}.recap-plinth .vinyl__label{width:132px!important;height:132px!important}.recap-plinth h2{font-size:76px!important}}.slot-num{display:none}@media(min-width:1280px){.slot-num{display:inline}}