body.app-shell{--shell-bg:var(--player-bg,#16181c);--shell-panel:var(--player-panel,#202228);--shell-text:var(--player-text,#fff);--shell-border:var(--player-border,#41444c)}body.app-shell.app-authenticated{padding:0 0 0 236px;min-height:100vh;background:var(--shell-bg);color:var(--shell-text)}body.app-shell.app-authenticated main.app-main{width:100%;max-width:none;margin:0;padding:28px clamp(20px,3vw,52px) 60px}body.app-authenticated .previous-header{display:none}#app-sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:26px 20px;background:var(--shell-panel);border-right:1px solid var(--shell-border);overflow:auto;z-index:30}#app-sidebar .app-brand{display:block;font-size:28px;font-weight:800;letter-spacing:.1em;text-decoration:none;color:var(--accent,#bd86ff)}.app-community{font-size:14px;overflow-wrap:anywhere}.app-signed-name{font-size:13px;color:var(--player-muted,#c3c6ce)}#app-sidebar nav{display:flex;flex-direction:column;gap:7px;margin:28px 0}#app-sidebar nav a{display:block;border-radius:9px;padding:12px;text-decoration:none;font-size:15px;color:inherit}#app-sidebar nav a:hover,#app-sidebar nav a[aria-current=page]{background:var(--player-secondary,#35303f);box-shadow:inset 3px 0 #ac70ff}.app-preferences{border-top:1px solid var(--shell-border);padding-top:18px}.app-preferences .preferences{position:static;width:auto;max-width:none;margin:0;border:0;padding:0;background:transparent}body.app-authenticated #app-topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:none;width:100%;margin:0;padding:16px clamp(20px,3vw,52px);border-bottom:1px solid var(--shell-border);background:var(--shell-bg);z-index:20}#app-topbar .app-page-label{font-weight:700}#app-topbar .app-role{font-size:12px;margin-left:16px;padding:5px 10px;border-radius:20px;background:var(--player-secondary,#35303f)}.app-account{display:flex;align-items:center;gap:12px}.app-account #status{font-size:13px;margin:0;max-width:400px}.app-account button{width:auto;min-height:38px;padding:8px 14px}.app-authenticated .music-account{display:none}.app-authenticated .music-footer{max-width:none;margin-left:0}#dj-tabs{display:flex;gap:10px;margin:16px 0 24px;grid-column:1/-1}#dj-tabs button{width:auto;background:var(--player-secondary,#35303f);color:inherit}#dj-tabs button[aria-pressed=true]{background:#9146ff;color:#fff}body[data-dj-tab=setup] #dj-activity,body[data-dj-tab=setup] #live-controls,body[data-dj-tab=setup] #community-people{display:none!important}body[data-dj-tab=live] #dj-app>section:not(#dj-activity):not(#live-controls),body[data-dj-tab=live] #dj-app>.layout,body[data-dj-tab=live] #community-people{display:none!important}body[data-dj-tab=people] #dj-app>section:not(#community-people),body[data-dj-tab=people] #dj-app>.layout{display:none!important}#community-people ul{list-style:none;margin:0;padding:0}#community-people li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--shell-border);padding:16px 0}.app-authenticated #dj-app>.layout{grid-template-columns:minmax(320px,1.25fr) minmax(320px,1fr)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-grid .panel{margin:0}.dj-registration{min-height:90vh;display:grid;place-items:center;padding:24px}.registration-card{width:min(100%,520px);text-align:left}.registration-card h1{font-size:44px}.registration-card .actions{flex-direction:column}.registration-card .actions button{width:100%}.registration-card .brand-title{font-size:18px;letter-spacing:.2em}.registration-card .panel{margin:24px 0}.app-authenticated #home-links,[data-stream-overlay-link]{display:none!important}
@media(min-width:1200px){body[data-dj-tab=live] #dj-app{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}body[data-dj-tab=live] #dj-activity,body[data-dj-tab=live] #live-controls{margin:0}body[data-dj-tab=live] #dj-message{grid-column:1/-1}}@media(max-width:800px){body.app-shell.app-authenticated{padding:0}#app-sidebar{position:static;width:100%;padding:14px 16px;border-right:0;border-bottom:1px solid var(--shell-border)}#app-sidebar .app-brand{font-size:23px}#app-sidebar nav{margin:12px 0 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}#app-sidebar nav a{padding:8px;font-size:13px}.app-community{margin:4px 0}.app-preferences{padding-top:8px;margin-top:10px}#app-topbar .app-role,.app-signed-name{display:none}.app-account #status{font-size:11px}body.app-shell.app-authenticated main.app-main{padding:20px 14px 40px}body.app-authenticated #app-topbar{position:static;padding:12px 14px}#dj-tabs{flex-wrap:wrap}#dj-tabs button{font-size:13px;padding:10px}.app-authenticated #dj-app>.layout,.account-grid{grid-template-columns:1fr}}
@media(min-width:801px)and(max-width:1000px){.app-authenticated #dj-app>.layout{grid-template-columns:1fr}}html[dir=rtl] body.app-shell.app-authenticated{padding-left:0;padding-right:236px}html[dir=rtl] #app-sidebar{left:auto;right:0;border-right:0;border-left:1px solid var(--shell-border)}@media(max-width:800px){html[dir=rtl] body.app-shell.app-authenticated{padding:0}}
:root[data-theme=light] body.app-shell{--shell-bg:#fff;--shell-panel:#fff;--shell-text:#271c33;--shell-border:#cbbbd8;--player-secondary:#f2eaf8;--player-muted:#65536f}