/* One musical identity, two deliberately different workspaces. */
.client-session{--lime:#d8ff7d;--bg:#100d19;--panel:#1b162b;--line:#39304d;--muted:#b1a6c6;background:radial-gradient(ellipse at 90% 8%,#6b35aa24,transparent 40%),radial-gradient(ellipse at 0 55%,#ee6e7820,transparent 45%),#100d19}
.client-session>header{height:76px;padding:0 max(22px,calc((100vw - 1180px)/2));background:#100d19e8;border-bottom-color:#6c4b8636;backdrop-filter:blur(16px)}
.client-session .brand{font-size:29px;gap:9px}.client-session .brand b{font-size:18px}.client-session .live{color:#e0c1ff;font-size:9px;letter-spacing:2px}.client-session #logout{font-size:11px;min-height:36px;border-color:#72568b66;background:#a477ce0b;color:#cbbbdc;padding:8px 13px;margin-left:12px}
.client-session #app{max-width:1180px;padding:28px 24px 130px}.client-session :focus-visible{outline:2px solid #edb9ff;outline-offset:4px}
.client-session button{min-height:44px;transition:background .18s,border-color .18s,transform .18s}.client-session button:hover:not(:disabled){border-color:#c99dff}.client-session button:active:not(:disabled){transform:translateY(1px)}.client-session button.primary{background:var(--lime);border-color:var(--lime);color:#283315;box-shadow:0 3px 18px #d8ff7d12}
.client-welcome{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:0;border:1px solid #ad7dfb38;border-radius:25px;padding:35px 38px 0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 82% 12%,#eb9bb744,transparent 49%),linear-gradient(115deg,#39215d,#53266e 60%,#744459);margin-bottom:18px;box-shadow:0 22px 80px #02000530}
.client-welcome:before{content:'';position:absolute;width:400px;height:400px;border:1px solid #e1afff12;border-radius:50%;right:-120px;top:-180px;box-shadow:0 0 0 35px #e1afff04,0 0 0 70px #e1afff04;z-index:-1;pointer-events:none}
.client-session .client-welcome h1{font-size:clamp(32px,4vw,49px);line-height:1.09;letter-spacing:-2px;margin:21px 0 15px;font-weight:600}.client-welcome h1 em{font-style:normal;color:#e4ffa8}.client-session .client-welcome p{font-size:13px;line-height:1.8;color:#e4cdec;margin:0}
.client-session-label{display:flex;align-items:center;gap:8px;color:#eccdff;font-size:9px;letter-spacing:1.2px;font-weight:600}.client-session-label>span:not(.live-spark){opacity:.5}.live-spark{width:6px;height:6px;background:#d8ff7d;border-radius:50%;box-shadow:0 0 0 4px #d8ff7d14;flex-shrink:0}
.client-hero-bottom{display:flex;align-items:center;gap:15px;margin:24px 0 28px}.credit-bubble{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#160e2644;border:1px solid #dcc1ff2c;border-radius:11px;color:#d9ecc0}.credit-bubble>strong{display:grid;place-items:center;height:30px;width:30px;font:600 23px 'Space Grotesk',sans-serif;color:var(--lime)}.credit-bubble>span{font-size:11px}.client-hero-hint{font-size:10px;line-height:1.6;color:#d0b3de}
.client-hero-art{position:relative;height:250px;min-width:0;display:grid;place-items:center;align-self:center}.hero-vinyl{width:207px;height:207px;background:repeating-radial-gradient(circle,#141221 0px,#141221 3px,#29233b 4px,#141221 5px);border-radius:50%;border:2px solid #8b649b66;box-shadow:15px 18px 35px #0b041a77,inset 0 0 30px #f1b7ff12;transform:rotate(-17deg);display:grid;place-items:center;position:relative}.hero-vinyl:before{content:'';position:absolute;inset:-14px;border:1px dashed #edc2ff28;border-radius:50%}.hero-vinyl:after{content:'';width:8px;height:8px;position:absolute;background:#1e132a;border:2px solid #e3bfef;border-radius:50%}.vinyl-label{height:91px;width:91px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#efb0e6,#b4dc7b);border:5px solid #dcaeea33;color:#43244d;gap:6px}.vinyl-label>span{font-size:8px;letter-spacing:1.5px;font-weight:700}.vinyl-label b{font-size:30px;line-height:1;transform:translateX(17px)}.vinyl-label small{font-size:4px;letter-spacing:1px}.orbit-star{position:absolute;font-size:36px;color:#dfffab;z-index:2}.star-one{right:24px;top:0;transform:rotate(12deg)}.star-two{left:8px;bottom:37px;font-size:27px;color:#f7bdce}.vinyl-caption{position:absolute;right:2px;bottom:10px;border:1px solid #eec6ff4d;background:#d7a9ef17;backdrop-filter:blur(12px);padding:13px 19px;transform:rotate(-7deg);border-radius:9px;box-shadow:0 10px 20px #0b041a33}.vinyl-caption span{display:block;font-size:7px;letter-spacing:2px;color:#f4d6ff}.vinyl-caption strong{font:600 22px 'Space Grotesk',sans-serif;color:#f8e9ff;line-height:1.5;letter-spacing:-.5px}
.client-live-mini{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:15px 0;margin-top:4px;border-top:1px solid #edbaff25}.live-mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#d8ff7d13;border:1px solid #d8ff7d30;color:#dfffaa;flex-shrink:0}.live-mini-icon svg{width:17px;height:17px}.client-live-mini>div{min-width:0;flex:1}.client-live-mini>div>span{display:block;font-size:8px;font-weight:600;letter-spacing:1.5px;color:#c9b0d9}.client-live-mini strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#f0e6f7;font-weight:500;margin-top:5px}.client-live-mini>button{display:flex;align-items:center;gap:15px;color:#e2f9bd;font-size:11px;background:transparent;border:0;min-height:36px;padding:8px 0 8px 12px;white-space:nowrap}
.client-session .shared-credit-note{border-color:#ba8cf422;background:#9f70d00a;border-radius:10px;font-size:11px;color:#b4a2c9;margin-bottom:25px;padding:10px 13px}.client-session .shared-credit-note+.layout{display:block}.client-session .shared-credit-note+.layout>div.stack{gap:24px}
.client-session .catalog-banner{background:transparent;border:0;padding:4px 0;min-height:0;border-radius:0}.client-session .catalog-banner h2{font-size:27px;letter-spacing:-.8px;margin:0 0 7px}.client-session .catalog-banner p{font-size:12px;color:#a99bbd}.client-session .catalog-banner .banner-record{display:none}.client-session .catalog-controls{padding-top:19px}.client-session .mode-switch{width:100%;padding:6px;background:#20172f;border:1px solid #8b60bc33;border-radius:14px;gap:6px;margin-bottom:14px}.client-session .mode-switch button{flex:1;font-size:14px;min-height:52px;border-radius:10px;background:transparent;color:#b4a1cb;position:relative}.client-session .mode-switch button.active{background:linear-gradient(115deg,#deffa1,#c9ed80);color:#293817;box-shadow:0 3px 16px #c4f47815}.client-session .mode-switch button[data-mode=listen].active{background:linear-gradient(115deg,#dbbeff,#bba1f3);color:#392348}.client-session .catalog-search{min-height:63px;background:#20182e;border-color:#7952a15c;border-radius:13px;box-shadow:0 5px 25px #07030d22}.client-session .catalog-search>span{color:#bd92ee}.client-session .catalog-search input{font-size:15px;color:#f2e9ff}.client-session .catalog-search input::placeholder{color:#9982b3}.client-session .catalog-search button:not(.clear-search){background:#4c3569;color:#f1dfff;padding:12px 18px;border:1px solid #ad82db38;border-radius:9px}.client-session .catalog-search:focus-within{border-color:#ce9fff;box-shadow:0 0 0 3px #ba7ffb12}.client-session #searchMessage{font-size:12px;color:#c6b0de}.client-session .visual-explainer{font-size:11px;color:#9885af}.client-session .personal-filters{padding:14px 0;gap:10px;border-bottom:1px solid #70518e30;margin-bottom:7px}.client-session .personal-filters>button{border-radius:20px;border-color:#a475d438;background:#322243;color:#dac1f2;font-size:11px;min-height:36px;padding:8px 14px}.client-session .personal-filters>button.active{background:#dabbfa;color:#3e2258}.client-session .personal-filters label{font-size:11px;color:#b29ecb}.client-session .personal-filters select{border-color:#835ba344;background:#1e162a;min-height:36px;font-size:11px;padding:8px}.client-session .catalog-section-heading{margin:23px 0 17px}.client-session .catalog-section-heading h3{font-size:19px;letter-spacing:-.4px}.client-session .catalog-section-heading p{font-size:11px;color:#aa97bf}.client-session .view-toggle button{border-color:#8e64af33;background:#281c37;color:#b999d6;border-radius:8px;min-height:35px}.client-session .view-toggle button.active{background:#ddc2ff;color:#49285f}
.client-session .catalogue-grid:not(.compact-list){grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-session .music-card,.client-session .music-card.thumbnail-background{display:flex;flex-direction:column;min-height:0;border:1px solid #74558f45;border-radius:17px;background:#20172e;overflow:hidden;box-shadow:0 8px 20px #05020d22;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.client-session .music-card:hover{transform:translateY(-3px);border-color:#bc86ed88;box-shadow:0 12px 28px #02000950}.client-session .music-card .cover,.client-session .music-card.thumbnail-background .cover{position:relative;inset:auto;height:155px;width:100%;flex-shrink:0;opacity:1;border-radius:0}.client-session .music-card.thumbnail-background .cover:after{inset:0;position:absolute;width:auto;height:auto;border:0;border-radius:0;transform:none;background:linear-gradient(180deg,transparent 65%,#20172e)}.client-session .music-card .cover img{object-fit:cover;width:100%;height:100%}.client-session .music-card .thumbnail-label{display:none}.client-session .music-card .song-content,.client-session .music-card.thumbnail-background .song-content{display:flex;flex:1;flex-direction:column;position:relative;justify-content:flex-start;padding:17px;min-height:0;background:transparent}.client-session .music-card .song-content .status{font-size:9px;font-weight:700;letter-spacing:1.1px;color:#cdf79a;text-shadow:none;min-height:12px}.client-session .music-card[data-mode=listen] .song-content .status{color:#d6b3ff}.client-session .music-card .song-content .pill{position:absolute;top:-29px;left:14px;padding:5px 9px;font-size:9px;border-radius:20px;color:#e4ffc2;background:#25311ee8;border:1px solid #b0d57b50;max-width:calc(100% - 28px);line-height:1.3;white-space:normal}.client-session .music-card .song-content h3{font-size:17px;line-height:1.35;margin:11px 0 5px;min-height:44px;color:#fff2ff;letter-spacing:-.2px;font-weight:600;text-shadow:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.client-session .music-card .song-content p{font-size:12px;line-height:1.6;color:#bcaccd;text-shadow:none;margin-bottom:16px}.client-session .music-card .song-content [data-action=choose]{margin-top:auto;min-height:44px;font-size:12px;background:var(--lime);color:#263514;border:1px solid #d8ff7d;border-radius:9px;font-weight:700}.client-session .music-card[data-mode=listen] .song-content [data-action=choose]{background:#dab9ff;border-color:#dab9ff;color:#3d2157}.client-session .music-card .song-content button:disabled{background:#332c3e;color:#91869f;border-color:#655773;box-shadow:none}.client-session .music-card .song-content .favorite-control{min-height:33px;font-size:10px;background:transparent;color:#bea8d3;border-color:#a175bd30;margin-top:8px}.client-session .music-card.thumbnail-background .song-content button{margin-top:0}.client-session .music-card.thumbnail-background .song-content [data-action=choose]{margin-top:auto}.client-session .compact-list .music-card{display:grid;grid-template-columns:125px 1fr;min-height:155px}.client-session .compact-list .music-card .cover{height:100%;min-height:155px}.client-session .compact-list .song-content h3{min-height:0}.client-session .compact-list .music-card .song-content .pill{position:static;max-width:max-content;margin-top:7px}.client-session .compact-list .music-card .song-content [data-action=choose]{width:100%;min-width:0}
.client-session .catalog-empty{border-color:#b481e042;background:linear-gradient(130deg,#46276422,#ac6b8f0c);border-radius:17px;padding:38px 23px}.client-session .catalog-empty h3{font-size:22px;color:#ead5ff}.client-session .catalog-empty p{font-size:13px;color:#b8a3cd}.client-session .load-more{border-color:#b47ad850;color:#e6c6ff;background:#4b296023;border-radius:12px;min-height:46px}.client-session .catalog-guide{color:#8b759f;font-size:11px}.client-session .catalog-guide span{color:#c594ee}.client-session .artist-choice{background:#241931;border-color:#73518d5c;border-radius:14px}.client-session .artist-choice .artist-avatar{background:linear-gradient(135deg,#b980eb,#f3a7ba);color:#332041}.client-session .credit-notice{background:#f2b77b0b;border-color:#edb27844;color:#f5cc9a}
.client-session .layout .card{background:linear-gradient(130deg,#241a34,#1c1628);border-color:#684a813d;border-radius:19px}.client-session #clientTurns>.eyebrow{color:#e4b8ff}.client-session #clientTurns h2{font-size:32px;margin:15px 0;letter-spacing:-1px}.client-session #clientTurns>.turn-estimate{font:600 25px 'Space Grotesk',sans-serif;color:#dfff9a}.client-session .turn-entry{border-bottom-color:#5f426e50;padding:20px 0}.client-session .turn-entry>strong{font-size:16px;color:#f4e9ff}.client-session .turn-entry p{color:#bea9d3;font-size:12px}.client-session .turn-entry .turn-estimate{color:#d6edb5;font-size:14px}.client-session .social-actions button{background:#3d264e;border-color:#ae7ac438;color:#e5c5fa;font-size:11px;border-radius:20px}.client-session .night-summary{background:linear-gradient(100deg,#b082e01a,#ef9aab0c);border:1px solid #b884dc33;border-radius:13px;padding:20px;margin-top:22px}.client-session .night-summary strong{color:#e9c8ff}.client-session .night-summary span{font-size:12px;color:#c9b1dc}.client-session #clientHelp>h2{font-size:32px;margin-top:13px;letter-spacing:-1px}.help-welcome-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ffc29c,#e49cd7);color:#593150;margin-bottom:20px;box-shadow:0 6px 25px #e19ab323}.help-welcome-icon svg{width:26px;height:26px}.client-session #clientHelp>.eyebrow{color:#f2bdce}.client-session #clientHelp>p{font-size:13px}.client-session .help-reasons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-session .help-reasons button{padding:24px 16px;border-radius:14px;min-height:88px;background:linear-gradient(135deg,#61387a,#3b254d);border-color:#c590e538;color:#f3d6ff;font-size:13px}.client-session .help-reasons button:nth-child(2){background:linear-gradient(135deg,#6c4941,#3f2c34);border-color:#f4b59344;color:#ffdbc4}.client-session .help-reasons button:nth-child(3){background:linear-gradient(135deg,#3c564a,#213932);border-color:#c1eb8f33;color:#d7f3b5}.client-session .help-reasons button:nth-child(4){background:linear-gradient(135deg,#414f79,#28273f);border-color:#aab5ff33;color:#dce0ff}
.client-session .client-bottom-nav{background:#191122f2;border-top:1px solid #bb86e444;box-shadow:0 -8px 35px #04010777;padding:10px 16px max(10px,env(safe-area-inset-bottom));gap:6px}.client-session .client-bottom-nav button{background:transparent;border:0;color:#a58bb9;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:53px;max-width:220px;font-size:12px;transition:background .2s,color .2s}.client-session .client-bottom-nav button.active{background:#b684e01b;color:#e9c9ff;box-shadow:inset 0 1px #d4a0ff21}.client-nav-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px}.client-nav-icon svg{width:21px;height:21px}.active .client-nav-icon{background:#d9b1fa22;color:#e4baff}.client-session #toast{background:#dfff9a;color:#253b16;border:1px solid #edfdd2;bottom:95px;z-index:80;font-size:13px}
body:has(.client-session) dialog,body.client-session dialog{background:linear-gradient(140deg,#32213f,#1b1426);border-color:#b67dd56b;box-shadow:0 25px 100px #07020ddb}body.client-session dialog h2{color:#f0dfff}body.client-session dialog .dialog-close{background:#53356766;border-color:#c992e33b}body.client-session dialog .pill{background:#d7b2fa20;color:#edd5ff}
/* More life for the operator without hiding the meaning of states. */
.admin-session:has(.admin-workspace){background:radial-gradient(ellipse at 85% 0,#693bb51c,transparent 40%),radial-gradient(ellipse at 20% 60%,#a0525d09,transparent 45%),#101115}
.admin-session .admin-brand-mark{background:linear-gradient(135deg,#deff94,#a5e7bd);box-shadow:0 3px 20px #aee8b31a}.admin-session .admin-sidebar{background:linear-gradient(175deg,#1d1925,#15171c 45%)}.admin-session .sidebar-title{background:linear-gradient(100deg,#5b3b7422,#24362b22);border-color:#86739c33}.admin-session .admin-page-heading .eyebrow{color:#c8a9e8}.admin-session .admin-page-heading h1{color:#f8f0ff}.admin-session .admin-main .stats .stat:nth-child(1){background:linear-gradient(125deg,#526c352b,#1a2120);border-color:#a4ce6b36}.admin-session .admin-main .stats .stat:nth-child(1) .stat-icon{color:#d0ef98;background:#b8e87c12;border-color:#b8e87c24}.admin-session .admin-main .stats .stat:nth-child(1) b{color:#ddf8b1}.admin-session .admin-main .stats .stat:nth-child(2){background:linear-gradient(125deg,#76509a33,#1e1d2a);border-color:#c291ef36}.admin-session .admin-main .stats .stat:nth-child(2) .stat-icon{color:#dab7ff;background:#c291ef12;border-color:#c291ef24}.admin-session .admin-main .stats .stat:nth-child(2) b{color:#dec0ff}.admin-session .admin-main .stats .stat:nth-child(3){background:linear-gradient(125deg,#3c689033,#19232c);border-color:#85bce036}.admin-session .admin-main .stats .stat:nth-child(3) .stat-icon{color:#a1d8f6;background:#91cce912;border-color:#91cce924}.admin-session .admin-main .stats .stat:nth-child(3) b{color:#b1ddfa}.admin-session .admin-main .stats .stat:nth-child(4){background:linear-gradient(125deg,#995b4430,#29201f);border-color:#edaf8136}.admin-session .admin-main .stats .stat:nth-child(4) .stat-icon{color:#f2c09c;background:#edaf8112;border-color:#edaf8124}.admin-session .admin-main .stats .stat:nth-child(4) b{color:#ffd1ae}.admin-session .admin-alert{background:linear-gradient(100deg,#b7773917,#8545600c);border-color:#e6a36c38}.admin-session .admin-navigation button.active{background:linear-gradient(95deg,#b0d27a1c,#7bbda30a);border-color:#aed58238;box-shadow:inset 3px 0 #d2f680,0 3px 12px #b0d27a06}.admin-session .sidebar-note{background:linear-gradient(130deg,#714d9226,#46573415);border-color:#9c7aba35}.admin-session .admin-main .table.open{background:radial-gradient(ellipse at 0 0,#b2e08314,transparent 70%),#191f22;border-color:#9fbf6e55}.admin-session .admin-main .table.needs-attention{background:radial-gradient(ellipse at 100% 0,#eea57b19,transparent 70%),#241f23;border-color:#e5aa7966}.admin-session .table-signal.is-warning{background:#e8b4800b;border-left:2px solid #ecbb8b;padding-left:8px}.admin-session .admin-main .table>.primary{background:linear-gradient(100deg,#91b77d24,#7f9b9220);border-color:#a5c38938;color:#d2eeb4}.admin-session .admin-main .table>.primary:hover{background:#d8ff7d;color:#273514}.admin-session .table-code{background:#0a121b55}.admin-session .admin-main .now-playing-card{background:linear-gradient(155deg,#42315842,#1a2024);border-color:#a783c544}.admin-session .now-playing-art{background:radial-gradient(ellipse at 22% 22%,#bc7cd93d,transparent 70%),radial-gradient(ellipse at 90% 95%,#a6d07635,transparent 70%),#15151d;border-color:#bb8ce342}.admin-session .now-playing-art>span{color:#d5aff8;text-shadow:0 0 25px #d5aff835}.admin-session .now-playing-art i{background:#d7e2a455}.admin-session .admin-main .queue-panel-heading .eyebrow{color:#b39acb}.admin-session .playback-dock:not([hidden]){background:linear-gradient(100deg,#222d20f5,#292335f5);border-color:#afc88177;box-shadow:0 -8px 40px #02000366,0 0 30px #b28cce08}.admin-session .catalog-toolbar{background:linear-gradient(120deg,#38274755,#1c2028)!important;border-color:#8a659b44!important}.admin-session .catalog-operation select{background:#292b20}.admin-session .music-card:hover{box-shadow:0 8px 25px #0004;border-color:#b887e0!important}.admin-session .admin-heading-actions .primary{background:linear-gradient(115deg,#e5ffa7,#c4ee80);box-shadow:0 5px 20px #c4ee8013}
body:not(.admin-session):not(.client-session):not(.stage-mode){background:radial-gradient(ellipse at 15% 10%,#7941a52b,transparent 50%),radial-gradient(ellipse at 90% 70%,#f78c9a13,transparent 50%),#110e1a}body:not(.admin-session):not(.client-session):not(.stage-mode) .login{background:linear-gradient(150deg,#35204499,#1d1925);border-color:#9e6bb149;box-shadow:0 25px 80px #05000d66}body:not(.admin-session):not(.client-session):not(.stage-mode) .hero h1 em{color:#dfff9a}body:not(.admin-session):not(.client-session):not(.stage-mode) .hero .eyebrow{color:#e0b7fa}
@media(max-width:850px){.client-session #app{padding:22px 18px 120px}.client-welcome{padding:27px 28px 0;grid-template-columns:1.3fr .7fr}.client-session .client-welcome h1{font-size:38px}.client-hero-art{height:215px}.hero-vinyl{height:160px;width:160px}.vinyl-label{height:74px;width:74px}.vinyl-caption{right:-10px;bottom:0;padding:10px 14px}.vinyl-caption strong{font-size:18px}.star-one{right:-4px;top:10px}.star-two{left:-12px;bottom:30px}.client-session .catalogue-grid:not(.compact-list){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-session .music-card .cover,.client-session .music-card.thumbnail-background .cover{height:155px}}
@media(max-width:580px){.client-session>header{height:64px;padding:0 18px}.client-session .brand b{font-size:15px}.client-session .brand{font-size:25px}.client-session #logout{margin-left:auto}.client-session #app{padding:16px 14px 110px}.client-welcome{padding:24px 22px 0;grid-template-columns:1fr;border-radius:21px;margin-bottom:12px}.client-session-label{font-size:8px;letter-spacing:1px}.client-session .client-welcome h1{font-size:34px;letter-spacing:-1.5px;margin:18px 0 12px;max-width:270px}.client-session .client-welcome p{font-size:12px;line-height:1.7;max-width:210px}.client-hero-art{position:absolute;right:-52px;top:66px;height:170px;width:170px;z-index:-1;opacity:.6;transform:rotate(5deg)}.hero-vinyl{width:147px;height:147px}.vinyl-caption{display:none}.star-one{right:40px;top:-25px;font-size:24px}.star-two{left:0;bottom:-4px;font-size:22px}.client-hero-bottom{margin:19px 0 18px;gap:12px}.credit-bubble{padding:7px 10px;gap:5px}.credit-bubble>strong{font-size:23px}.credit-bubble>span{font-size:10px}.client-hero-hint{font-size:9px;line-height:1.5;max-width:92px}.client-live-mini{padding:13px 0;gap:9px;margin-top:0}.client-live-mini strong{font-size:11px;max-width:185px}.client-live-mini>div>span{font-size:7px}.client-live-mini>button{font-size:10px;gap:7px;padding-left:3px}.live-mini-icon{width:29px;height:29px;border-radius:9px}.live-mini-icon svg{width:15px;height:15px}.client-session .shared-credit-note{font-size:10px;padding:9px 11px;margin-bottom:22px}.client-session .catalog-banner h2{font-size:24px}.client-session .catalog-banner p{font-size:11px;max-width:none}.client-session .catalog-controls{padding-top:15px}.client-session .mode-switch{padding:5px}.client-session .mode-switch button{font-size:12px;min-height:46px;padding:10px 12px}.client-session .catalog-search{min-height:57px;padding-left:12px;gap:7px}.client-session .catalog-search input{font-size:14px}.client-session .catalog-search button:not(.clear-search){font-size:11px;padding:10px 13px;min-height:39px}.client-session .personal-filters{gap:9px}.client-session .personal-filters label{display:flex;align-items:center;gap:8px}.client-session .personal-filters select{max-width:150px}.client-session .catalogue-grid:not(.compact-list){gap:11px}.client-session .music-card .cover,.client-session .music-card.thumbnail-background .cover{height:112px}.client-session .music-card .song-content,.client-session .music-card.thumbnail-background .song-content{padding:13px;gap:0}.client-session .music-card .song-content h3{font-size:15px;line-height:1.4;min-height:42px;margin:9px 0 6px}.client-session .music-card .song-content p{font-size:11px;line-height:1.6;margin-bottom:13px}.client-session .music-card .song-content .status{font-size:8px;letter-spacing:.5px}.client-session .music-card .song-content .pill{font-size:8px;padding:4px 7px;top:-26px;left:9px;max-width:calc(100% - 18px)}.client-session .music-card .song-content [data-action=choose]{font-size:11px;padding:11px 5px;min-height:44px;border-radius:8px}.client-session .music-card .song-content .favorite-control{font-size:9px;padding:6px 4px;min-height:32px}.client-session .catalog-section-heading h3{font-size:17px}.client-session .catalog-section-heading{gap:8px}.client-session .view-toggle button{padding:7px 9px}.client-session .client-bottom-nav{gap:4px;padding-left:10px;padding-right:10px}.client-session .client-bottom-nav button{flex-direction:column;gap:4px;font-size:10px;min-height:60px;padding:6px 4px}.client-nav-icon{height:28px;width:36px;border-radius:10px}.client-nav-icon svg{height:19px;width:19px}.client-session #clientTurns h2,.client-session #clientHelp h2{font-size:27px}.client-session .help-reasons button{font-size:12px;padding:20px 13px;min-height:84px}.client-session .compact-list .music-card{grid-template-columns:95px 1fr;min-height:160px}.client-session .compact-list .music-card .cover{height:100%;min-height:160px}.client-session .compact-list .song-content{padding:13px}.client-session .compact-list .song-content h3{min-height:0}.client-session .client-live-mini button:disabled{opacity:.4}}
@media(prefers-reduced-motion:reduce){.client-session *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep search within easy reach; celebration should not delay the next action. */
.client-welcome{padding:25px 30px 0}.client-session .client-welcome h1{font-size:42px;margin:14px 0 11px}.client-session .client-welcome p{font-size:12px;line-height:1.6;max-width:480px}.client-hero-bottom{margin:17px 0 18px}.client-hero-art{height:200px}.hero-vinyl{width:170px;height:170px}.vinyl-label{width:80px;height:80px}.vinyl-caption strong{font-size:18px}.vinyl-caption{padding:10px 15px;bottom:0}.star-one{font-size:28px;right:30px}.star-two{font-size:23px;left:20px}.client-live-mini{padding:12px 0}.client-session .personal-filters{margin-top:8px;margin-bottom:0;border-bottom:0;border-top:1px solid #70518e30}.client-session[data-client-page=turns] .client-welcome,.client-session[data-client-page=help] .client-welcome{display:none}
@media(max-width:580px){.client-welcome{padding:21px 22px 0}.client-session .client-welcome h1{font-size:32px;margin:16px 0 13px}.client-session .client-welcome p{display:none}.client-hero-art{height:150px;width:150px;right:-35px;top:50px}.hero-vinyl{height:140px;width:140px}.client-hero-bottom{margin:17px 0 16px}.client-live-mini{padding:12px 0}.client-session .personal-filters{padding:12px 0}}

.client-hero-cta{display:flex;align-items:center;justify-content:center;gap:17px;color:#f3ddff;text-decoration:none;font-size:11px;border:1px solid #e4b8ff38;border-radius:10px;padding:12px 15px;background:#d3a0f318;min-height:44px}.client-hero-cta:hover{background:#d3a0f32b;border-color:#e4b8ff77}.client-session #catalogQuery{scroll-margin-top:32px}
@media(max-width:580px){.client-hero-cta{font-size:10px;padding:10px 12px;gap:12px}.client-session #catalogQuery{scroll-margin-top:24px}}

/* Reliable feedback is part of the experience, not just decoration. */
.connection-notice[hidden]{display:none!important}.connection-notice{position:fixed;top:14px;right:20px;z-index:95;max-width:510px;display:flex;align-items:center;gap:12px;padding:15px 17px;background:#352b20f5;border:1px solid #f2bd7f70;border-radius:13px;box-shadow:0 10px 40px #0007;backdrop-filter:blur(14px);color:#ffdcaa}.connection-notice>span{display:grid;place-items:center;flex-shrink:0;height:27px;width:27px;border-radius:50%;border:1px solid #edb66b88;font-weight:700}.connection-notice strong{font-size:12px}.connection-notice p{font-size:11px;color:#d5be9f;line-height:1.55;margin:5px 0 0}.connection-notice button{background:#e8bd7c;color:#30200b;border-color:#efc992;font-size:11px;min-height:40px;padding:10px 13px}.connection-lost .topbar-status{color:#e5bc84}.connection-lost .topbar-status>i{background:#e5bc84;box-shadow:0 0 0 4px #e5bc8410}
.operational-notice{display:flex;align-items:center;gap:13px;border:1px solid #e5ad6b55;border-radius:11px;padding:15px 18px;background:linear-gradient(110deg,#7b522e26,#392a3922);margin-bottom:19px}.operational-notice>span{height:27px;width:27px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#eab87618;color:#ffd194;border:1px solid #edb46a44}.operational-notice>div{flex:1}.operational-notice strong{font-size:12px;color:#f0cfaa}.operational-notice p{font-size:11px;line-height:1.6;color:#bba995;margin:5px 0 0}.operational-notice button{font-size:11px;color:#f3d8b5;border-color:#dba46a55;background:#956d4317;white-space:nowrap}.operational-notice.is-blocked{border-color:#e4879755;background:#b74b6712}.operational-notice.is-blocked strong{color:#ffb7c8}.operational-notice.is-blocked>span{color:#ffbdcd;border-color:#ea8aa04d;background:#e789a015}#controllerPanel,#operatorTools{scroll-margin-top:25px}
#requestReceipt{max-width:440px;background:radial-gradient(ellipse at 70% 0,#84619930,transparent 60%),#21162f;border-color:#be8bdd55;padding:32px;color:#f1e5ff}#requestReceipt h2{font-size:28px;line-height:1.15;letter-spacing:-.7px;margin:15px 0 22px}#requestReceipt>.eyebrow{font-size:9px;letter-spacing:1.5px;color:#d6b5ef}#requestReceipt>p{font-size:13px;line-height:1.75;color:#bfa9d0}.receipt-mark{display:grid;place-items:center;height:58px;width:58px;border-radius:19px;background:linear-gradient(130deg,#d9ff95,#b7df97);border:1px solid #e4ffb4;color:#345122;font-size:30px;font-weight:600;box-shadow:0 10px 25px #a8d27817;margin:0 0 23px}.receipt-song{padding:17px;background:#b488d70b;border:1px solid #b488d72c;border-radius:11px}.receipt-song strong{font-size:17px;color:#f4e9ff;font-weight:600}.receipt-song p{font-size:12px;color:#bfa7d2;margin:6px 0 0}.receipt-steps{list-style:none;padding:0;margin:23px 0;counter-reset:steps}.receipt-steps li{counter-increment:steps;position:relative;display:flex;align-items:center;gap:10px;font-size:12px;color:#917aa8;min-height:38px}.receipt-steps li:before{content:counter(steps);display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #74518e55;font-size:10px;color:#ab8cc2;flex-shrink:0}.receipt-steps li.done{color:#d5e8bc}.receipt-steps li.done:before{content:'✓';border-color:#b9db8f66;background:#a3c97617;color:#d7f2b2}.receipt-steps li:not(:last-child):after{content:'';position:absolute;left:11px;top:31px;width:1px;height:11px;background:#79529344}#requestReceipt .primary{background:#d8ff7d;border-color:#d8ff7d;color:#2e4217;font-size:13px;min-height:48px}#requestReceipt .dialog-close{min-height:32px;padding:7px 10px}
@media(max-width:580px){.connection-notice{top:10px;left:10px;right:10px;max-width:none;gap:9px;padding:12px;flex-wrap:wrap}.connection-notice>div{flex:1;min-width:210px}.connection-notice button{margin-left:36px;min-height:35px;padding:7px 12px}.connection-notice strong{font-size:11px}.connection-notice p{font-size:10px}.operational-notice{flex-wrap:wrap;padding:14px;gap:10px}.operational-notice>div{min-width:220px}.operational-notice button{margin-left:36px}.operational-notice strong{font-size:11px}.operational-notice p{font-size:10px}#controllerPanel,#operatorTools{scroll-margin-top:115px}#requestReceipt{padding:26px;width:calc(100% - 28px);max-height:calc(100dvh - 28px);overflow:auto}#requestReceipt h2{font-size:25px}.receipt-mark{height:49px;width:49px;border-radius:15px;font-size:27px}}