@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edf5fa;background:#070b12;font-synthesis:none;text-rendering:optimizeLegibility;--bg-canvas: #070b12;--bg-sidebar: #0a1019;--bg-surface: #101824;--bg-raised: #151f2d;--bg-input: #0c131e;--border-subtle: #213044;--border-strong: #30435c;--text-primary: #edf5fa;--text-secondary: #9aaabd;--text-muted: #66778b;--accent: #20d8d2;--accent-strong: #0ba9b5;--success: #54d59b;--warning: #f4c96b;--danger: #f17c8e}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg-canvas)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}svg{width:18px;height:18px;stroke-width:1.8;flex:0 0 auto}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.3}.brand-lockup{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary)}.brand-lockup>span:last-child{display:grid;gap:1px;line-height:1}.brand-lockup b{font-size:13px;letter-spacing:.1em}.brand-lockup small{color:var(--text-secondary);font-size:9px;font-weight:600;letter-spacing:.16em}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border:1px solid #245156;border-radius:9px;background:#0b1c22;color:var(--accent)}.brand-mark svg{width:18px;height:18px}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:600;line-height:1;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.button-primary{background:var(--accent);color:#042326}.button-primary:hover{background:#54e7e0}.button-secondary{border-color:var(--border-strong);background:var(--bg-raised);color:var(--text-primary)}.button-secondary:hover{border-color:#426077;background:#192737}.button-tertiary{border-color:transparent;background:transparent;color:var(--text-secondary)}.button-tertiary:hover{color:var(--text-primary)}.button-block{width:100%;min-height:42px}.auth-page{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:var(--bg-canvas)}.auth-context{position:relative;display:flex;min-height:100%;flex-direction:column;justify-content:space-between;overflow:hidden;padding:40px clamp(40px,7vw,112px);border-right:1px solid var(--border-subtle);background:linear-gradient(140deg,#09111b,#070b12 72%)}.auth-context:before,.auth-context:after{position:absolute;content:"";pointer-events:none}.auth-context:before{width:620px;height:620px;right:-260px;bottom:-300px;border:1px solid #1b464b;border-radius:50%;box-shadow:0 0 0 48px #0a151c,0 0 0 49px #163338,0 0 0 96px #091219,0 0 0 97px #13282e;opacity:.7}.auth-context:after{top:138px;right:0;width:min(70%,640px);height:1px;background:linear-gradient(90deg,transparent,#1d5f62,transparent)}.auth-context>*{position:relative;z-index:1}.auth-context-copy{max-width:540px;margin:auto 0;padding:100px 0}.auth-context-copy h1{max-width:12ch;margin:0;font-size:clamp(38px,4.7vw,68px);letter-spacing:-.055em;line-height:1.03}.auth-context-copy p:last-child{max-width:44ch;margin:22px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.6}.auth-status{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.auth-card{display:flex;width:min(100%,490px);min-height:100vh;flex-direction:column;justify-content:center;padding:48px clamp(28px,5.4vw,72px);background:#0b111a}.auth-card-heading{margin-bottom:30px}.auth-card h2{margin:0;font-size:27px;letter-spacing:-.035em;line-height:1.12}.auth-card-heading>p:last-child{margin:10px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.55}.auth-card form{display:grid;gap:17px}label{display:grid;gap:7px;color:#c8d4df;font-size:12px;font-weight:600}input,select{width:100%;min-height:40px;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;background:var(--bg-input);color:var(--text-primary);font-size:14px;transition:border-color .18s ease,background-color .18s ease}input:hover,select:hover{border-color:var(--border-strong)}input:focus,select:focus{border-color:var(--accent);background:#0c171f;outline:none}input::placeholder{color:#53667a}.auth-notice{margin:16px 0 0;color:var(--danger);font-size:13px;line-height:1.45}.auth-card-footer{display:flex;align-items:flex-start;gap:9px;margin-top:28px;padding-top:18px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:12px;line-height:1.5}.auth-card-footer svg{width:16px;color:var(--text-secondary)}.player-page{display:grid;min-height:100vh;place-items:center;padding:32px;background:var(--bg-canvas)}.player-setup{width:min(100%,460px);padding:30px}.player-setup .brand-lockup{margin-bottom:42px}.player-setup h1{margin:0;font-size:28px;letter-spacing:-.04em}.player-setup>p:not(.eyebrow):not(.player-setup-help){margin:10px 0 24px;color:var(--text-secondary);font-size:13px;line-height:1.55}.player-setup form{display:grid;gap:16px}.player-setup-help{margin:20px 0 0;color:var(--text-muted);font-size:11px;line-height:1.45}.player-error{margin:14px 0 0;color:var(--danger);font-size:12px;line-height:1.5}.player-notice{margin:14px 0 0;color:var(--success);font-size:12px;line-height:1.5}.player-page-live{display:block;padding:0}.player-live-header{display:flex;height:72px;align-items:center;gap:22px;border-bottom:1px solid var(--border-subtle);padding:0 clamp(20px,5vw,72px);background:var(--bg-sidebar)}.player-live-header>div:nth-child(2){display:grid;min-width:0;gap:4px;margin-left:auto}.player-live-header>div:nth-child(2) strong{overflow:hidden;color:var(--text-primary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.player-live-status{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.player-live-status i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #54d59b1f}.player-live-header>.button{min-height:34px}.player-live-grid{display:grid;width:min(1180px,calc(100% - 64px));grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;margin:38px auto}.player-now{display:grid;min-height:520px;align-content:center;justify-items:center;padding:48px;text-align:center}.player-now .eyebrow{justify-self:stretch;text-align:left}.player-now-art{display:grid;width:148px;height:148px;place-items:center;margin:26px 0 22px;border:1px solid #286c68;border-radius:20px;background:#0d2529;color:var(--accent)}.player-now-art svg{width:56px;height:56px;stroke-width:1.3}.player-now h1{max-width:24ch;margin:0;overflow:hidden;color:var(--text-primary);font-size:clamp(22px,3vw,32px);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.player-now>p:not(.eyebrow):not(.player-error):not(.player-notice){margin:8px 0 26px;color:var(--text-secondary);font-size:14px}.player-now audio{width:min(100%,520px)}.player-start{min-width:210px;margin-top:22px}.player-live-side{min-width:0;padding:22px}.player-live-side-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.player-live-side-heading h2{margin:0;font-size:17px;letter-spacing:-.02em}.player-live-side-heading>span{color:var(--text-muted);font-size:11px}.player-live-side>label{margin-bottom:18px}.player-live-queue{display:grid;gap:1px;max-height:370px;overflow:auto;margin:0;padding:0;list-style:none;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input)}.player-live-queue li{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;border-bottom:1px solid var(--border-subtle);padding:9px 10px}.player-live-queue li:last-child{border-bottom:0}.player-live-queue li>span{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.player-live-queue li>div{display:grid;min-width:0;gap:3px}.player-live-queue strong,.player-live-queue small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-live-queue strong{color:var(--text-primary);font-size:12px}.player-live-queue small{color:var(--text-muted);font-size:10px}.player-live-empty{display:flex!important;min-height:180px!important;flex-direction:column;justify-content:center;color:var(--text-muted);text-align:center}.player-live-empty svg{color:var(--accent)}.status-pill{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid var(--border-subtle);border-radius:999px;padding:6px 9px;background:#0c131e;color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.status-pill i{width:6px;height:6px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px #f4c96b1f}.status-pill.is-healthy{color:#a9e8cc}.status-pill.is-healthy i{background:var(--success);box-shadow:0 0 0 3px #54d59b1f}.status-pill.is-attention{color:#f4ced4}.status-pill.is-attention i{background:var(--danger);box-shadow:0 0 0 3px #f17c8e1f}.app-shell{display:grid;min-height:100vh;grid-template-columns:264px minmax(0,1fr);background:var(--bg-canvas)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:24px 14px 16px;border-right:1px solid var(--border-subtle);background:var(--bg-sidebar)}.sidebar .brand-lockup{margin:0 10px 31px}.side-nav{display:grid;gap:3px}.nav-group-title{margin:15px 10px 6px;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.side-nav button,.nav-soon,.nav-utility{display:flex;min-height:38px;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:8px;padding:8px 10px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;text-align:left}.side-nav button:hover,.nav-utility:hover{background:#121d2a;color:var(--text-primary)}.side-nav button.is-active{border-color:#225a60;background:#0c2127;color:#bffbf4;box-shadow:inset 2px 0 0 var(--accent)}.nav-soon{color:#607287;cursor:default}.nav-soon small{margin-left:auto;color:#526377;font-size:10px}.sidebar-footer{display:grid;gap:12px;margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--border-subtle)}.account-summary{display:flex;min-width:0;align-items:center;gap:9px}.account-summary>span:last-child{display:grid;min-width:0;gap:3px}.account-summary b{overflow:hidden;color:var(--text-primary);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.account-summary small{color:var(--text-muted);font-size:11px}.avatar{display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;border:1px solid #28575d;border-radius:50%;background:#10252a;color:#9cf2ea;font-size:10px;font-weight:700;letter-spacing:.03em}.nav-utility{padding-left:0;color:var(--text-muted)}.nav-backdrop,.sidebar-close,.menu-trigger{display:none}.workspace{min-width:0}.topbar{position:sticky;z-index:4;top:0;display:flex;height:64px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding:0 32px;background:#070b12f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumb{display:flex;min-width:0;align-items:center;gap:7px;color:var(--text-muted);font-size:12px}.breadcrumb svg{width:14px;height:14px}.breadcrumb strong{overflow:hidden;color:var(--text-secondary);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-icon{display:grid;width:30px;height:30px;place-items:center;color:var(--text-muted)}.topbar-icon svg{width:17px;height:17px}.topbar-avatar{display:none}.content-area{width:min(1480px,100%);margin:0 auto;padding:32px}.page{display:grid;gap:24px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:90px}.page-header>div{max-width:680px}.page-header h1{margin:0;color:var(--text-primary);font-size:clamp(27px,2.4vw,34px);letter-spacing:-.04em;line-height:1.08}.page-header p:last-child{margin:9px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.55}.page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.panel{border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface)}.home-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.3fr);gap:16px}.readiness-panel{display:flex;min-height:290px;flex-direction:column;justify-content:center;padding:28px;background:linear-gradient(160deg,#102028,#101824 67%)}.panel-kicker{display:flex;align-items:center;gap:9px;color:#a8ebe5;font-size:12px;font-weight:600}.panel-icon{display:grid;width:25px;height:25px;place-items:center;border:1px solid #286c68;border-radius:8px;background:#102d2d;color:var(--accent)}.panel-icon svg{width:14px;height:14px}.readiness-panel h2{max-width:13ch;margin:18px 0 0;font-size:24px;letter-spacing:-.035em;line-height:1.15}.readiness-panel p{max-width:43ch;margin:12px 0 22px;color:var(--text-secondary);font-size:13px;line-height:1.6}.readiness-panel .button{align-self:flex-start}.service-panel{padding:25px 26px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.panel-heading h2,.section-header h2,.form-heading h2{margin:0;font-size:17px;letter-spacing:-.02em}.status-list{display:grid}.status-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:56px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px}.status-line:last-child{border-bottom:0}.status-line strong{color:#a9e8cc;font-size:12px;font-weight:600}.status-marker{width:7px;height:7px;border-radius:50%;background:var(--warning)}.status-marker.is-healthy{background:var(--success)}.status-marker.is-attention{background:var(--danger)}.status-list.is-loading{gap:14px;padding:23px 0}.status-list.is-loading span{display:block;height:18px;border-radius:5px;background:linear-gradient(90deg,#142132,#1b2b3e,#142132);background-size:200% 100%;animation:pulse 1.2s linear infinite}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface)}.summary-strip article{display:grid;align-content:start;gap:7px;min-height:135px;padding:20px 22px;border-right:1px solid var(--border-subtle)}.summary-strip article:last-child{border-right:0}.summary-strip span{color:var(--text-muted);font-size:11px;font-weight:600}.summary-strip strong{color:var(--text-primary);font-size:21px;letter-spacing:-.03em}.summary-strip small{color:var(--text-secondary);font-size:12px;line-height:1.45}.empty-panel{display:flex;align-items:flex-start;gap:13px;padding:24px 0}.empty-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid var(--border-strong);border-radius:9px;color:var(--text-secondary)}.empty-icon svg{width:17px}.empty-panel h3{margin:1px 0 5px;font-size:14px}.empty-panel p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.inline-notice{border:1px solid var(--border-subtle);border-radius:8px;padding:11px 13px;font-size:13px;line-height:1.45}.inline-notice.is-success{border-color:#235e4a;background:#0c211b;color:#b0e9c8}.inline-notice.is-error{border-color:#67313e;background:#27141b;color:#f4c5cd}.plan-form{display:grid;gap:24px;padding:25px}.form-heading p,.section-header p{margin:6px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.plan-form fieldset{display:grid;gap:14px;margin:0;border:0;border-top:1px solid var(--border-subtle);padding:20px 0 0}.plan-form legend{padding:0;color:var(--text-secondary);font-size:12px;font-weight:600}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.check-grid label{display:flex;min-height:36px;align-items:center;gap:8px;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;background:var(--bg-input);color:var(--text-secondary);font-size:12px}.check-grid input{width:15px;min-height:15px;accent-color:var(--accent)}.form-actions{display:flex;align-items:center;gap:4px}.section-header{display:flex;align-items:end;justify-content:space-between}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.plan-card{display:grid;min-height:300px;grid-template-rows:auto 1fr auto;border:1px solid var(--border-subtle);border-radius:12px;padding:20px;background:var(--bg-surface);transition:background-color .18s ease,border-color .18s ease}.plan-card:hover{border-color:#355069;background:var(--bg-raised)}.plan-card header{position:relative;padding-right:55px}.plan-code{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.11em}.plan-state{position:absolute;top:0;right:0;border:1px solid var(--border-strong);border-radius:999px;padding:4px 7px;color:var(--text-muted);font-size:10px;font-weight:600}.plan-state.is-active{border-color:#245a49;color:#9adfbd}.plan-card h3{margin:9px 0 6px;font-size:20px;letter-spacing:-.03em}.plan-card header p{min-height:40px;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.plan-card dl{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-content:center;margin:20px 0}.plan-card dt{color:var(--text-muted);font-size:10px;font-weight:600}.plan-card dd{overflow:hidden;margin:4px 0 0;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.plan-card footer{display:flex;flex-wrap:wrap;gap:5px;padding-top:14px;border-top:1px solid var(--border-subtle)}.plan-card footer span{max-width:100%;overflow:hidden;border:1px solid #274255;border-radius:5px;padding:4px 6px;color:#a4c8d4;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.plan-card footer small{color:var(--text-muted);font-size:11px}.card-edit{min-height:34px;margin-left:auto;padding:6px 8px;color:var(--accent)}.card-edit svg{width:15px;height:15px}.check-toggle{color:var(--text-primary)}.plan-grid-skeleton>div{height:300px;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(100deg,#101824,#172333,#101824);background-size:200% 100%;animation:pulse 1.2s linear infinite}.error-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px}.organization-form{display:grid;gap:20px;padding:25px}.field-help{margin:-8px 0 0;color:var(--text-muted);font-size:12px;line-height:1.45}.organization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.organization-card{display:grid;min-height:216px;grid-template-rows:1fr auto auto;border:1px solid var(--border-subtle);border-radius:12px;padding:20px;background:var(--bg-surface);transition:background-color .18s ease,border-color .18s ease}.organization-card:hover{border-color:#355069;background:var(--bg-raised)}.organization-card header{position:relative;padding-left:44px}.organization-icon{position:absolute;top:0;left:0;display:grid;width:31px;height:31px;place-items:center;border:1px solid #2b4855;border-radius:8px;background:#0d2028;color:#8edfdc}.organization-icon svg{width:16px;height:16px}.subscription-state{position:absolute;top:2px;right:0;border:1px solid var(--border-strong);border-radius:999px;padding:4px 7px;color:var(--text-muted);font-size:10px;font-weight:600}.subscription-state.is-enabled{border-color:#245a49;color:#9adfbd}.organization-card h3{margin:38px 0 4px -44px;overflow:hidden;color:var(--text-primary);font-size:18px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.organization-card header>p{margin:0 0 18px -44px;overflow:hidden;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.organization-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding-top:14px;border-top:1px solid var(--border-subtle)}.organization-card dt{color:var(--text-muted);font-size:10px;font-weight:600}.organization-card dd{overflow:hidden;margin:4px 0 0;color:var(--text-secondary);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.organization-card>.card-edit{justify-self:start;margin-top:14px;margin-left:0}.organization-grid-skeleton>div{height:216px;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(100deg,#101824,#172333,#101824);background-size:200% 100%;animation:pulse 1.2s linear infinite}.autodj-form,.compact-form{display:grid;gap:20px;padding:25px}.autodj-form fieldset{display:grid;gap:14px;margin:0;border:0;border-top:1px solid var(--border-subtle);padding:20px 0 0}.autodj-form legend{padding:0;color:var(--text-secondary);font-size:12px;font-weight:600}.autodj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.autodj-card{display:grid;min-height:278px;grid-template-rows:1fr auto auto;border:1px solid var(--border-subtle);border-radius:12px;padding:20px;background:var(--bg-surface);transition:background-color .18s ease,border-color .18s ease}.autodj-card:hover,.player-card:hover{border-color:#355069;background:var(--bg-raised)}.autodj-card header,.player-card header{position:relative;padding-left:43px}.profile-icon,.player-icon{position:absolute;top:0;left:0;display:grid;width:31px;height:31px;place-items:center;border:1px solid #2b4855;border-radius:8px;background:#0d2028;color:#8edfdc}.profile-icon svg,.player-icon svg{width:16px;height:16px}.profile-icon{color:var(--accent)}.profile-state,.player-state{position:absolute;top:2px;right:0;border:1px solid var(--border-strong);border-radius:999px;padding:4px 7px;color:var(--text-muted);font-size:10px;font-weight:600}.profile-state.is-active,.player-state.is-connected{border-color:#245a49;color:#9adfbd}.autodj-card h3,.player-card h3{margin:38px 0 4px -43px;overflow:hidden;color:var(--text-primary);font-size:18px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.autodj-card header>p,.player-card header>p{margin:0 0 18px -43px;color:var(--text-muted);font-size:12px}.autodj-card dl,.player-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding-top:14px;border-top:1px solid var(--border-subtle)}.autodj-card dt,.player-card dt{color:var(--text-muted);font-size:10px;font-weight:600}.autodj-card dd,.player-card dd{overflow:hidden;margin:4px 0 0;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.autodj-card>.card-edit,.player-card>.card-edit{justify-self:start;margin-top:14px;margin-left:0}.autodj-grid-skeleton>div,.player-grid-skeleton>div{height:278px;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(100deg,#101824,#172333,#101824);background-size:200% 100%;animation:pulse 1.2s linear infinite}.autodj-run-panel{overflow:hidden;padding:0}.autodj-run-panel>.panel-heading{padding:20px 22px 18px}.autodj-run-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) auto;align-items:end;gap:14px;border-top:1px solid var(--border-subtle);padding:18px 22px;background:var(--bg-surface)}.autodj-run-controls label{display:grid;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:600}.autodj-run-action{display:grid;gap:7px;justify-items:end}.autodj-run-action>span{color:var(--text-muted);font-size:11px}.autodj-run-action .button{min-width:205px}.candidate-list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--border-subtle)}.candidate-row{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;border-bottom:1px solid var(--border-subtle);padding:12px 22px;background:var(--bg-surface)}.candidate-row:hover{background:var(--bg-raised)}.candidate-rank{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--border-strong);border-radius:7px;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.candidate-track{display:grid;min-width:0;gap:3px}.candidate-track strong,.candidate-track span,.candidate-track small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-track strong{color:var(--text-primary);font-size:13px}.candidate-track span{color:var(--text-secondary);font-size:11px}.candidate-track small{color:var(--text-muted);font-size:10px}.candidate-meta{display:grid;min-width:58px;gap:1px;justify-items:end;text-align:right}.candidate-meta b{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.candidate-meta span,.candidate-meta small{color:var(--text-muted);font-size:10px}.autodj-refresh{margin:14px 22px 18px}.autodj-run-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #5b3a43;padding:14px 22px;background:#21151a;color:#edb3bf;font-size:12px;line-height:1.45}.autodj-run-error strong{color:#f3c3ce;font-size:12px}.candidate-list-skeleton{gap:1px;padding:12px 22px;background:var(--bg-input)}.candidate-list-skeleton>div{height:62px;border:1px solid var(--border-subtle);border-radius:8px;background:linear-gradient(100deg,#101824,#172333,#101824);background-size:200% 100%;animation:pulse 1.2s linear infinite}.player-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface)}.player-summary article{display:grid;gap:7px;min-height:116px;align-content:start;padding:19px 21px;border-right:1px solid var(--border-subtle)}.player-summary article:last-child{border-right:0}.player-summary span{color:var(--text-muted);font-size:11px;font-weight:600}.player-summary strong{color:var(--text-primary);font-size:22px;letter-spacing:-.03em}.player-summary small{color:var(--text-secondary);font-size:12px}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.player-card{display:grid;min-height:258px;grid-template-rows:1fr auto auto;border:1px solid var(--border-subtle);border-radius:12px;padding:20px;background:var(--bg-surface);transition:background-color .18s ease,border-color .18s ease}.player-icon.is-connected{border-color:#286c68;background:#102d2d;color:var(--accent)}.token-reveal{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr) auto;align-items:center;gap:20px;padding:20px 22px;border-color:#6b5825;background:#1d1a10}.token-reveal h2{margin:0;font-size:16px}.token-reveal p{margin:6px 0 0;color:#c7b98b;font-size:12px;line-height:1.45}.token-reveal code{overflow:auto;border:1px solid #5a4c28;border-radius:7px;padding:11px 12px;background:#13120c;color:#f4d98b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;white-space:nowrap}.token-values{display:grid;gap:8px;min-width:0}.token-values>div{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.token-values span{color:#c7b98b;font-size:10px;font-weight:700}.playback-console{overflow:hidden}.playback-console>.panel-heading{padding:20px 22px}.panel-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}.console-device-select{width:min(270px,100%)}.console-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1fr);gap:1px;border-top:1px solid var(--border-subtle);background:var(--border-subtle)}.now-playing,.queue-panel,.catalog-panel{min-width:0;padding:20px 22px;background:var(--bg-surface)}.now-playing{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-content:start}.now-playing-art{display:grid;width:54px;height:54px;place-items:center;border:1px solid #2b5d63;border-radius:10px;background:#0d2529;color:var(--accent)}.now-playing-art svg{width:22px;height:22px}.now-playing-copy{min-width:0}.now-playing-copy>span{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.now-playing-copy h3{overflow:hidden;margin:5px 0 3px;color:var(--text-primary);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.now-playing-copy p{overflow:hidden;margin:0;color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.now-playing audio{width:100%;grid-column:1 / -1;margin-top:16px}.now-playing-clear{grid-column:1 / -1;justify-self:start;min-height:34px}.subpanel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.subpanel-heading h3{margin:0;font-size:14px}.subpanel-heading span{color:var(--text-muted);font-size:11px}.subpanel-empty{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.queue-panel{border-left:1px solid var(--border-subtle)}.queue-list,.catalog-list{display:grid;gap:1px;overflow:auto;max-height:265px;margin:0;padding:0;list-style:none;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input)}.queue-list li,.catalog-list li{display:flex;min-width:0;align-items:center;gap:9px;border-bottom:1px solid var(--border-subtle);padding:9px 10px}.queue-list li:last-child,.catalog-list li:last-child{border-bottom:0}.queue-position{display:grid;width:21px;height:21px;flex:0 0 auto;place-items:center;border:1px solid var(--border-strong);border-radius:6px;color:var(--text-muted);font-size:10px}.queue-track,.catalog-track{display:grid;min-width:0;gap:3px}.queue-track strong,.queue-track small,.catalog-track strong,.catalog-track small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-track strong,.catalog-track strong{color:var(--text-primary);font-size:12px;font-weight:600}.queue-track small,.catalog-track small{color:var(--text-muted);font-size:10px}.queue-remove{min-height:32px;margin-left:auto;padding:5px 7px;font-size:11px}.catalog-panel{grid-column:1 / -1;border-top:1px solid var(--border-subtle)}.catalog-list{max-height:300px}.catalog-actions{display:flex;flex:0 0 auto;gap:4px;margin-left:auto}.catalog-actions .button{min-height:32px;padding:5px 8px;font-size:11px}.library-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.library-summary article{display:flex;align-items:center;gap:12px;min-height:104px;border:1px solid var(--border-subtle);border-radius:12px;padding:18px;background:var(--bg-surface)}.library-summary article>div{display:grid;gap:5px;min-width:0}.summary-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid #2b5d63;border-radius:9px;background:#0d2529;color:var(--accent)}.summary-icon svg{width:17px;height:17px}.summary-icon.is-warning{border-color:#614e28;background:#251e11;color:var(--warning)}.library-summary small{color:var(--text-muted);font-size:11px;font-weight:600}.library-summary strong{overflow:hidden;color:var(--text-primary);font-size:20px;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.library-panel{overflow:hidden}.library-panel .panel-heading{padding:22px 24px}.table-count{color:var(--text-muted);font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.upload-panel{display:grid;gap:20px;padding:22px 24px;background:linear-gradient(135deg,#102028,#101824 66%)}.upload-panel-copy{max-width:66ch}.upload-panel-copy h2{margin:0;font-size:18px;letter-spacing:-.025em}.upload-panel-copy p:last-child{margin:8px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.55}.upload-controls{display:flex;flex-wrap:wrap;gap:8px}.upload-controls .button{min-height:42px}.upload-queue{display:grid;gap:14px;border-top:1px solid var(--border-subtle);padding-top:18px}.upload-queue-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.upload-queue-heading>div{display:grid;gap:4px}.upload-queue-heading strong{color:var(--text-primary);font-size:13px}.upload-queue-heading span{color:var(--text-muted);font-size:12px}.upload-queue ul{display:grid;gap:1px;max-height:218px;overflow:auto;margin:0;padding:0;list-style:none;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input)}.upload-queue li{display:flex;min-height:38px;align-items:center;gap:9px;border-bottom:1px solid var(--border-subtle);padding:7px 10px;color:var(--text-secondary);font-size:12px}.upload-queue li:last-child{border-bottom:0}.upload-queue li svg{width:15px;height:15px;color:var(--accent)}.upload-queue li span{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.upload-queue li small{margin-left:auto;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.upload-queue .upload-more{justify-content:center;color:var(--text-muted);font-size:11px}.upload-submit{justify-self:start;min-height:42px}.upload-progress{display:grid;gap:8px;border-top:1px solid var(--border-subtle);padding-top:16px}.upload-progress-label{display:flex;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:12px}.upload-progress-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-label strong{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.progress-track{height:5px;overflow:hidden;border-radius:999px;background:#1b2a39}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}.upload-progress small{color:var(--warning);font-size:11px}.own-library-blocked{padding:4px 24px}.own-library-summary strong{font-size:16px}.track-list{display:grid}.track-row{display:grid;grid-template-columns:36px minmax(150px,1fr) minmax(230px,.8fr) auto 80px;align-items:center;gap:12px;min-height:68px;border-top:1px solid var(--border-subtle);padding:11px 24px;transition:background-color .18s ease}.track-row:hover{background:var(--bg-raised)}.track-file-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border-strong);border-radius:8px;color:var(--text-secondary)}.track-file-icon svg{width:16px;height:16px}.track-name{display:grid;min-width:0;gap:4px}.track-name strong,.track-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-name strong{color:var(--text-primary);font-size:13px;font-weight:600}.track-name small{color:var(--text-muted);font-size:11px}.track-analysis{display:flex;min-width:0;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px}.track-analysis span{overflow:hidden;border-left:1px solid var(--border-subtle);padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.track-analysis span:first-child{border-left:0;padding-left:0;color:#a4d8d8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.track-status{border:1px solid var(--border-strong);border-radius:999px;padding:4px 7px;color:var(--text-muted);font-size:10px;font-weight:600}.track-status.is-ready{border-color:#245a49;color:#9adfbd}.track-size{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-align:right}.library-skeleton{display:grid;gap:1px;padding:1px 0 0}.library-skeleton span{height:67px;background:linear-gradient(100deg,#101824,#172333,#101824);background-size:200% 100%;animation:pulse 1.2s linear infinite}@keyframes pulse{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1023px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;width:min(286px,calc(100vw - 48px));transform:translate(-105%);transition:transform .2s ease;box-shadow:18px 0 45px #00000040}.sidebar.is-open{transform:translate(0)}.sidebar-close{position:absolute;top:20px;right:14px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--text-secondary)}.nav-backdrop.is-visible{position:fixed;z-index:9;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#00000085}.menu-trigger{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--border-subtle);border-radius:7px;background:var(--bg-surface);color:var(--text-secondary)}.breadcrumb{margin-left:10px;margin-right:auto}.content-area{padding:28px}.home-layout{grid-template-columns:1fr}.readiness-panel{min-height:230px}}@media(max-width:720px){.player-page{place-items:stretch;padding:16px}.player-setup{align-self:center;padding:22px}.player-setup .brand-lockup{margin-bottom:32px}.player-live-header{height:auto;flex-wrap:wrap;gap:12px;padding:16px}.player-live-header>div:nth-child(2){order:3;width:100%;margin-left:0}.player-live-header>.button{margin-left:auto}.player-live-grid{width:100%;grid-template-columns:1fr;gap:12px;margin:16px auto}.player-now{min-height:430px;padding:24px 18px}.player-now-art{width:108px;height:108px;margin:20px 0 18px}.player-now-art svg{width:43px;height:43px}.player-now h1{max-width:100%;font-size:23px}.player-now>p:not(.eyebrow):not(.player-error):not(.player-notice){margin-bottom:20px}.player-start{width:100%;margin-top:18px}.player-live-side{padding:18px}.player-live-queue{max-height:240px}.auth-page{grid-template-columns:1fr}.auth-context{min-height:230px;padding:24px;border-right:0;border-bottom:1px solid var(--border-subtle)}.auth-context-copy{margin:36px 0 8px;padding:0}.auth-context-copy h1{max-width:15ch;font-size:34px}.auth-context-copy p:last-child,.auth-status{display:none}.auth-context:before{width:330px;height:330px;right:-140px;bottom:-180px;box-shadow:0 0 0 30px #0a151c,0 0 0 31px #163338}.auth-context:after{top:84px;width:58%}.auth-card{width:100%;min-height:0;padding:36px 24px 42px}.topbar{height:58px;padding:0 16px}.topbar-actions{gap:7px}.topbar-actions .status-pill{max-width:155px;overflow:hidden;text-overflow:ellipsis}.topbar-icon{display:none}.topbar-avatar{display:grid}.content-area{padding:24px 16px 32px}.page{gap:18px}.page-header{display:grid;align-items:start;gap:16px;min-height:0}.page-header .button{width:100%}.page-actions{display:grid;width:100%;grid-template-columns:1fr}.page-header h1{font-size:28px}.home-layout{gap:12px}.readiness-panel,.service-panel{padding:21px}.readiness-panel h2{font-size:21px}.summary-strip{grid-template-columns:1fr}.summary-strip article{min-height:0;padding:17px 19px;border-right:0;border-bottom:1px solid var(--border-subtle)}.summary-strip article:last-child{border-bottom:0}.form-grid,.check-grid{grid-template-columns:1fr}.plan-form,.autodj-form,.compact-form{padding:20px}.card-edit{min-height:44px}.plan-grid,.organization-grid,.autodj-grid,.player-grid{grid-template-columns:1fr}.autodj-run-controls{grid-template-columns:1fr;align-items:stretch}.autodj-run-action{justify-items:stretch}.autodj-run-action .button{width:100%;min-width:0}.candidate-row{grid-template-columns:27px minmax(0,1fr);padding:12px 16px}.candidate-meta{grid-column:2;grid-template-columns:auto auto auto;justify-content:start;justify-items:start;gap:5px}.candidate-meta b{font-size:13px}.autodj-run-error{grid-template-columns:1fr;padding:14px 16px}.autodj-refresh{width:calc(100% - 32px);margin:14px 16px 18px}.player-summary{grid-template-columns:1fr}.player-summary article{min-height:0;padding:16px 18px;border-right:0;border-bottom:1px solid var(--border-subtle)}.player-summary article:last-child{border-bottom:0}.playback-console>.panel-heading{display:grid;gap:14px;padding:18px}.console-device-select{width:100%}.console-layout{grid-template-columns:1fr}.now-playing,.queue-panel,.catalog-panel{padding:18px}.queue-panel{border-top:1px solid var(--border-subtle);border-left:0}.catalog-panel{grid-column:auto}.catalog-list li{display:grid;align-items:start}.catalog-actions{width:100%;margin-left:0}.catalog-actions .button{flex:1;min-height:44px}.queue-remove{min-height:40px}.token-reveal{grid-template-columns:1fr;gap:14px;padding:18px}.token-reveal code,.token-reveal .button{width:100%}.upload-panel{padding:20px}.upload-controls{display:grid;grid-template-columns:1fr}.upload-controls .button,.upload-submit{width:100%}.upload-queue-heading{display:grid;gap:10px}.upload-queue-heading .button{justify-self:start}.library-summary{grid-template-columns:1fr 1fr;gap:10px}.library-summary article{min-height:78px}.library-panel .panel-heading{padding:19px 20px}.track-row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:12px 18px}.track-analysis{grid-column:2 / 4;flex-wrap:wrap;gap:7px}.track-analysis span{border-left:0;padding-left:0}.track-size{grid-column:2;text-align:left}.error-panel{display:grid;padding:0 20px 20px}.empty-panel{padding:20px 0}}