:root{--color-primary:#1ed760;--color-secondary:#1ed760;--color-accent:#1ed760;--color-background:#121212;--color-background-alt:#15181d;--color-surface:#181818;--color-surface-elevated:#252525;--color-text:#fff;--color-text-muted:#9aa4b2;--color-border:#4d4d4d;--color-success:#1ed760;--color-warning:#ffa42b;--color-error:#f3727f;--color-info:#539df5;--font-heading:SpotifyMixUITitle, CircularSp, Helvetica Neue, Arial, sans-serif;--font-body:SpotifyMixUI, CircularSp, Helvetica Neue, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--font-size-base:16px;--line-height-body:1.2;--space-unit:8px;--space-sm:8px;--space-md:16px;--space-lg:20px;--space-xl:28px;--page-gutter:20px;--section-space:32px;--content-width:1180px;--text-width:680px;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-button:8px;--radius-card:6px;--button-height:48px;--input-height:40px;--motion-duration:.2s;--motion-easing:ease-out;--header-height:64px;--shadow-elevated:0 12px 32px #00000073;--focus-ring:0 0 0 3px #1ed76066}
*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-text);font-family:var(--font-body)}body{background:var(--color-background);min-width:320px;color:var(--color-text);font-size:var(--font-size-base);line-height:var(--line-height-body);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading)}h1{margin-bottom:var(--space-sm);font-size:28px;line-height:1.05}h2{margin-bottom:var(--space-md);font-size:18px}p{color:var(--color-text-muted)}:focus-visible{box-shadow:var(--focus-ring);outline:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--color-text-muted)}.topbar{z-index:30;height:var(--header-height);align-items:center;gap:var(--space-xl);padding:0 var(--page-gutter);background:var(--color-background-alt);display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff14}.brand{align-items:center;gap:var(--space-sm);min-width:max-content;display:inline-flex}.brand-mark{background:var(--color-text);width:36px;height:36px;color:var(--color-background);font-family:var(--font-heading);border-radius:50%;place-items:center;font-weight:700;display:grid}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-heading);font-size:14px}.brand small{color:var(--color-text-muted);margin-top:2px;font-size:11px}.desktop-nav{align-self:stretch;align-items:stretch;gap:var(--space-sm);display:flex}.desktop-nav a{padding:0 var(--space-sm);color:var(--color-text-muted);place-items:center;font-size:14px;font-weight:700;display:grid;position:relative}.desktop-nav a:hover{color:var(--color-text)}.desktop-nav a[aria-current=page]{color:var(--color-text);background:var(--color-surface)}.desktop-nav a[aria-current=page]:after{content:"";right:var(--space-sm);bottom:0;left:var(--space-sm);background:var(--color-primary);height:3px;position:absolute}.desktop-more{align-items:stretch;display:grid;position:relative}.desktop-more summary{padding:0 var(--space-sm);color:var(--color-text-muted);cursor:pointer;place-items:center;font-size:14px;font-weight:700;list-style:none;display:grid}.desktop-more summary::-webkit-details-marker{display:none}.desktop-more[open] summary{color:var(--color-text);background:var(--color-surface)}.desktop-more>div{z-index:40;top:calc(100% + var(--space-sm));min-width:180px;padding:var(--space-sm);border-radius:var(--radius-card);background:var(--color-surface-elevated);box-shadow:var(--shadow-elevated);position:absolute;left:0}.desktop-more>div a{padding:12px var(--space-md);border-radius:var(--radius-sm);display:block}.desktop-more>div a:hover,.desktop-more>div a[aria-current=page]{background:var(--color-surface);color:var(--color-text)}.desktop-more>div a:after{display:none}.user-menu{align-items:center;gap:var(--space-md);color:var(--color-text-muted);margin-left:auto;font-size:13px;display:flex}.utility-link{padding:0 var(--space-sm);color:var(--color-text-muted);align-self:stretch;place-items:center;font-weight:700;display:grid;position:relative}.utility-link:hover{color:var(--color-text)}.utility-link[aria-current=page]{color:var(--color-text);background:var(--color-surface)}.utility-link[aria-current=page]:after{content:"";right:var(--space-sm);bottom:0;left:var(--space-sm);background:var(--color-primary);height:3px;position:absolute}.content{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));min-height:calc(100vh - var(--header-height));padding:var(--space-xl) var(--page-gutter) 96px;margin:0 auto}.content-with-player{padding-bottom:124px}.page-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--section-space);display:flex}.page-heading p{max-width:var(--text-width);margin-bottom:0}.section{margin-top:var(--section-space)}.button,.icon-button,.play-button,.text-button{cursor:pointer;transition:transform var(--motion-duration) var(--motion-easing), background var(--motion-duration) var(--motion-easing), color var(--motion-duration) var(--motion-easing);border:0}.button{min-height:var(--button-height);padding:0 var(--space-lg);border-radius:var(--radius-button);background:var(--color-surface-elevated);letter-spacing:1.4px;text-transform:uppercase;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff1a}.button-primary{background:var(--color-primary);color:var(--color-background);box-shadow:none}.button:hover,.icon-button:hover,.play-button:hover{transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.65;transform:none}.text-button{padding:var(--space-sm);color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px;background:0 0;font-size:13px}.icon-button,.play-button{background:0 0;border-radius:50%;place-items:center;display:grid}.icon-button{width:44px;height:44px;color:var(--color-text-muted)}.icon-button:hover{color:var(--color-text);background:var(--color-surface-elevated)}.icon-button svg{width:22px;height:22px}.play-button{background:var(--color-primary);width:64px;height:64px;color:var(--color-background);box-shadow:var(--shadow-elevated)}.play-button svg{width:28px;height:28px}input,select,textarea{border-radius:var(--radius-md);background:var(--color-surface-elevated);width:100%;color:var(--color-text);border:0;box-shadow:inset 0 0 0 1px #ffffff24}input,select{height:var(--input-height);padding:0 var(--space-md)}textarea{min-height:88px;padding:var(--space-md);resize:vertical;line-height:1.35}input::placeholder{color:var(--color-text-muted)}label{gap:var(--space-sm);color:var(--color-text-muted);font-size:13px;font-weight:700;display:grid}.radio-layout{gap:var(--space-xl);min-height:calc(100vh - var(--header-height) - 56px);grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);display:grid}.now-playing{gap:var(--space-lg) var(--space-xl);min-width:0;padding:var(--space-xl);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-elevated);grid-template-rows:1fr auto auto;grid-template-columns:minmax(220px,360px) minmax(260px,1fr);align-self:center;align-items:center;display:grid}.artwork{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-surface);width:100%;box-shadow:var(--shadow-elevated);grid-row:1/-1;align-self:center;overflow:hidden}.artwork img{object-fit:cover;width:100%;height:100%}.artwork span{width:100%;height:100%;color:var(--color-text-muted);font-family:var(--font-heading);place-items:center;font-size:clamp(64px,12vw,160px);display:grid}.track-copy{align-self:end;min-width:0}.track-copy h1{margin:var(--space-md) 0 var(--space-sm);text-overflow:ellipsis;font-size:clamp(24px,4vw,44px);overflow:hidden}.track-copy p{overflow-wrap:anywhere}.track-copy .artist{margin-bottom:var(--space-sm);color:var(--color-text);font-size:20px;font-weight:700}.track-copy .album,.track-copy .programme{margin-bottom:var(--space-sm);font-size:14px}.live-label{height:24px;padding:0 var(--space-sm);background:var(--color-primary);color:var(--color-background);letter-spacing:1.4px;text-transform:uppercase;border-radius:12px;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.paused-label{background:var(--color-warning)}.transport{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.station-control-button{white-space:nowrap}.play-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.stream-state{color:var(--color-text-muted);text-align:center;margin:0;font-size:12px}.volume{grid-column:2;grid-template-columns:20px minmax(80px,160px);justify-content:end;justify-self:end;align-items:center}.volume svg{width:20px}.volume input{height:20px;box-shadow:none;accent-color:var(--color-primary);background:0 0;padding:0}.timeline{padding:var(--space-xl);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-elevated);align-self:center}.timeline section+section{margin-top:var(--space-xl);padding-top:var(--space-xl);box-shadow:inset 0 1px #ffffff17}.timeline-track{gap:4px;display:grid}.timeline-track span,.timeline li small{color:var(--color-text-muted)}.timeline ol{margin:0;padding:0;list-style:none}.timeline li{padding:var(--space-sm) 0;gap:2px;display:grid}.timeline li+li{box-shadow:inset 0 1px #ffffff12}.timeline .upcoming-list li{gap:var(--space-sm);grid-template-columns:24px minmax(0,1fr)}.timeline .upcoming-list li>span:last-child{gap:2px;min-width:0;display:grid}.radio-layout-compact{z-index:35;background:var(--color-background-alt);min-height:0;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000059}.radio-layout-compact .now-playing{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));min-height:80px;padding:var(--space-sm) var(--page-gutter);gap:var(--space-md);grid-template-rows:auto;grid-template-columns:64px minmax(0,1fr) auto minmax(120px,180px);margin:0 auto}.radio-layout-compact .artwork{border-radius:var(--radius-md);width:64px;box-shadow:none;grid-row:auto}.radio-layout-compact .artwork span{font-size:28px}.radio-layout-compact .track-copy{align-self:center}.radio-layout-compact .track-copy h1{white-space:nowrap;margin:0 0 4px;font-size:16px}.radio-layout-compact .track-copy .artist{color:var(--color-text-muted);margin:0;font-size:13px;font-weight:400}.radio-layout-compact .live-label,.radio-layout-compact .album,.radio-layout-compact .programme,.radio-layout-compact .preference-button,.radio-layout-compact .skip-button,.radio-layout-compact .stream-state,.radio-layout-compact .timeline{display:none}.radio-layout-compact .play-button{width:48px;height:48px;box-shadow:none}.radio-layout-compact .play-button svg{width:22px;height:22px}.radio-layout-compact .volume{grid-column:auto;justify-self:stretch}.login-page,.center-state{min-height:100vh;padding:var(--space-lg);place-items:center;display:grid}.login-panel{width:min(100%,420px);padding:var(--space-xl);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-elevated)}.login-panel form{gap:var(--space-md);margin-top:var(--space-xl);display:grid}.login-brand{margin-bottom:56px}.message{margin:var(--space-md) 0;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--color-surface-elevated)}.message-error{color:var(--color-error);box-shadow:inset 3px 0 var(--color-error)}.message-success{color:var(--color-text);box-shadow:inset 3px 0 var(--color-success)}.loading-line{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);display:flex}.progress{border:2px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{max-width:var(--text-width);padding:56px 0}.empty-state h2{margin-bottom:var(--space-sm)}.empty-state p{margin:0}.request-form{padding:var(--space-xl);border-radius:var(--radius-card);background:var(--color-surface)}.request-form>div:first-of-type{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:1fr auto;display:grid}.compact-search{gap:var(--space-sm);grid-template-columns:minmax(220px,320px) auto;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);letter-spacing:1.4px;text-transform:uppercase;font-size:11px}td{padding:var(--space-md);vertical-align:top;font-size:14px;box-shadow:inset 0 1px #ffffff14}td strong,.row-note{display:block}.row-note{color:var(--color-text-muted);margin-top:4px;font-size:12px}.status{min-height:24px;padding:0 var(--space-sm);background:var(--color-surface-elevated);color:var(--color-text-muted);text-transform:capitalize;border-radius:12px;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.status-ready,.status-imported,.status-played,.status-complete,.status-accepted{color:var(--color-success)}.status-failed,.status-rejected,.status-disabled{color:var(--color-error)}.status-processing,.status-scheduled,.status-pending{color:var(--color-warning)}.queue-list{margin:0;padding:0;list-style:none}.queue-list li{gap:var(--space-md);padding:var(--space-md) 0;grid-template-columns:36px 1fr auto;align-items:center;display:grid;box-shadow:inset 0 -1px #ffffff14}.queue-list li div{gap:4px;display:grid}.queue-list li div span,.queue-list li small{color:var(--color-text-muted)}.queue-position{color:var(--color-text-muted);font-family:var(--font-mono)}.row-actions{align-items:center;gap:4px;display:flex}.row-actions .text-button{white-space:nowrap}.row-actions .text-button:disabled{cursor:not-allowed;opacity:.45}.library-search,.library-facts{margin-bottom:var(--space-xl)}.mix-row{grid-template-columns:minmax(220px,1fr) auto}.mix-schedule{align-items:end;gap:var(--space-sm);display:flex}.mix-schedule label{min-width:220px}.list-surface{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-elevated)}.list-row{align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);grid-template-columns:1fr auto auto;display:grid}.list-row+.list-row{box-shadow:inset 0 1px #ffffff14}.list-row h2,.list-row p{margin-bottom:4px}.list-row p,.list-row small{color:var(--color-text-muted)}.inline-form{gap:var(--space-md);padding:var(--space-xl);border-radius:var(--radius-card);background:var(--color-surface);grid-template-columns:1fr 1fr;display:grid}.inline-form .wide,.inline-form .message,.inline-form button{grid-column:1/-1}.inline-form button{justify-self:start}.dj-list{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.dj-list article{padding:var(--space-xl);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-elevated)}.dj-list header{justify-content:space-between;gap:var(--space-md);display:flex}.dj-list dl{gap:var(--space-sm);margin:var(--space-lg) 0 0;display:grid}.dj-list dl div{gap:var(--space-sm);grid-template-columns:88px 1fr;display:grid}.dj-list .button{margin-top:var(--space-lg)}.admin-toolbar{align-items:end;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.admin-toolbar label{width:min(100%,360px)}.editor-form{gap:var(--section-space);display:grid}.editor-form>section{padding-bottom:var(--section-space);box-shadow:inset 0 -1px #ffffff14}.form-grid{gap:var(--space-md) var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid input[type=range]{box-shadow:none;accent-color:var(--color-primary);padding:0}.check-field{min-height:var(--input-height);align-self:end;align-items:center;gap:var(--space-sm);color:var(--color-text);display:flex}.check-field input{width:20px;height:20px;accent-color:var(--color-primary);padding:0}.memory-compose{align-items:end;gap:var(--space-sm);grid-template-columns:180px minmax(260px,1fr) auto;max-width:880px;display:grid}.memory-compose textarea{min-height:var(--input-height);height:var(--input-height)}.memory-list,.context-list{max-width:880px}.memory-list article,.context-list article{justify-content:space-between;align-items:start;gap:var(--space-lg);padding:var(--space-md) 0;display:flex;box-shadow:inset 0 -1px #ffffff14}.memory-list article div,.context-list article div{gap:4px;display:grid}.memory-list small,.context-list small,.context-list span{color:var(--color-text-muted)}.context-list .status{color:var(--color-success)}.context-list .status-failed{color:var(--color-error)}dt{color:var(--color-text-muted)}dd{margin:0}.facts{gap:var(--space-sm);margin:0 0 var(--section-space);grid-template-columns:repeat(4,1fr);display:grid}.facts div{padding:var(--space-lg);background:var(--color-surface)}.facts div:first-child{border-radius:var(--radius-card) 0 0 var(--radius-card)}.facts div:last-child{border-radius:0 var(--radius-card) var(--radius-card) 0}.facts dd{margin-top:var(--space-sm);font-family:var(--font-heading);font-size:24px}.stats-columns{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.ranking{margin:0;padding:0;list-style-position:inside}.ranking li{justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;display:flex}.ranking li span small{padding-left:var(--space-lg);color:var(--color-text-muted);display:block}.health-list{gap:var(--space-sm);flex-wrap:wrap;margin:0;display:flex}.health-list div{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);display:flex}.settings-list{background:var(--color-surface)}.settings-list div{gap:var(--space-lg);padding:var(--space-md);grid-template-columns:minmax(180px,.35fr) 1fr;display:grid}.settings-list div+div{box-shadow:inset 0 1px #ffffff14}.configuration-list{max-width:var(--text-width);margin:0}.configuration-list div{gap:var(--space-lg);padding:var(--space-md) 0;grid-template-columns:minmax(180px,.35fr) 1fr;display:grid}.configuration-list div+div{box-shadow:inset 0 1px #ffffff14}.configuration-list dd{overflow-wrap:anywhere}.section-note{max-width:var(--text-width);margin-bottom:var(--space-md)}.drawer,.mobile-menu-button,.mobile-tabs{display:none}@media (max-width:920px){.desktop-nav{display:none}.mobile-menu-button{margin-left:auto;display:grid}.user-menu>span{display:none}.user-menu{margin-left:0}.drawer{z-index:25;top:var(--header-height);width:min(82vw,320px);padding:var(--space-lg);background:var(--color-surface);box-shadow:var(--shadow-elevated);transition:transform var(--motion-duration) var(--motion-easing);display:block;position:fixed;bottom:0;right:0;transform:translate(105%)}.drawer-open{transform:translate(0)}.drawer nav{display:grid}.drawer a{padding:var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-muted)}.drawer a[aria-current=page]{background:var(--color-surface-elevated);color:var(--color-text);box-shadow:inset 3px 0 var(--color-primary)}.radio-layout{grid-template-columns:1fr}.timeline{align-self:auto}.stats-columns,.facts{grid-template-columns:1fr 1fr}.facts div:first-child,.facts div:last-child{border-radius:var(--radius-card)}}@media (max-width:640px){:root{--page-gutter:16px}.topbar{gap:var(--space-sm)}.user-menu{display:none}.content{padding-top:var(--space-lg);padding-bottom:104px}.content-with-player{padding-bottom:184px}.page-heading{margin-bottom:var(--space-xl);flex-direction:column;align-items:flex-start}.page-heading>form,.page-heading>button{width:100%}.compact-search{grid-template-columns:1fr auto}.radio-layout{min-height:auto;display:block}.now-playing{gap:var(--space-md);flex-direction:column;display:flex}.artwork{width:min(100%,420px)}.track-copy{text-align:center;width:100%}.track-copy h1{margin-top:var(--space-sm);font-size:28px}.transport{order:3}.stream-state{order:4}.volume{order:5;align-self:end}.timeline{margin-top:var(--space-xl);padding:var(--space-lg);box-shadow:none}.timeline section+section{display:none}.radio-layout-compact{bottom:calc(64px + env(safe-area-inset-bottom))}.radio-layout-compact .now-playing{min-height:64px;padding:var(--space-sm) var(--page-gutter);gap:var(--space-sm);grid-template-columns:48px minmax(0,1fr) 48px;display:grid}.radio-layout-compact .artwork{width:48px}.radio-layout-compact .track-copy{text-align:left}.radio-layout-compact .track-copy h1{margin:0 0 2px;font-size:14px}.radio-layout-compact .track-copy .artist{font-size:12px}.radio-layout-compact .transport{order:initial}.radio-layout-compact .volume{display:none}.request-form{padding:var(--space-lg)}.request-form>div:first-of-type{grid-template-columns:1fr}.request-form .button{width:100%}th,td{white-space:nowrap}.list-row,.show-row{gap:var(--space-sm);padding:var(--space-md);grid-template-columns:1fr auto}.list-row small{grid-column:1/-1}.inline-form,.dj-list,.stats-columns,.facts,.form-grid,.memory-compose{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar label,.admin-toolbar .button{width:100%}.facts div{border-radius:var(--radius-card)}.mobile-tabs{z-index:20;min-height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--color-background-alt);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff14}.mobile-tabs a{color:var(--color-text-muted);place-items:center;font-size:12px;font-weight:700;display:grid}.mobile-tabs a[aria-current=page]{color:var(--color-text);box-shadow:inset 0 3px var(--color-primary)}.settings-list div,.configuration-list div{gap:var(--space-sm);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}