@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111212;--panel:#1a1b1c;--border:#2c2e30;--muted:#879087;--green:#b6c7d2}body.modern{font-family:'DM Sans',Arial,sans-serif;color:#eef0f2;background:var(--bg);font-size:13px}.modern aside{width:216px;background:#151616;padding:35px 23px;border-right:1px solid #272a2c;overflow:visible}.modern .brand{font-family:Manrope,Arial,sans-serif;font-size:29px;letter-spacing:-1.5px;font-weight:800}.modern .mark{font-size:25px;background:var(--green);color:#23292d;width:34px;height:34px;padding:0 6px;border-radius:10px;line-height:32px;letter-spacing:0;transform:rotate(-6deg)}.modern .workspace{font-size:8px;letter-spacing:1.7px;margin:53px 8px 20px;color:#61686d}.modern nav{gap:11px}.modern nav button{padding:15px 16px;border-radius:10px;font-size:12px;gap:13px;color:#8e978c;align-items:center;transition:background .2s}.modern nav button svg{width:19px;height:19px;flex-shrink:0}.modern nav button.selected{background:#262c30;color:var(--green)}.modern nav button:not(.selected):hover{background:#1f2325}.sidebarfoot{position:absolute;bottom:30px;left:24px;right:20px;display:flex;align-items:center;gap:10px}.sidebarline{position:absolute;top:-22px;left:0;right:0;height:1px;background:var(--border)}.sidebarfoot .avatar{width:33px;height:33px;padding:0;display:grid;place-items:center;font-size:10px;background:#30383d}.sidebarfoot #currentdj{font-size:11px;display:block;max-width:95px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebarfoot small{font-size:8px;color:#697075;margin-top:5px;display:block}.sidebarfoot button{margin-left:auto;font-size:17px;color:#82898e}.modern main{margin-left:216px;padding:0 42px;max-width:1720px}.modern header{height:85px;border-color:#292b2d}.modern .crumb{font-size:11px;color:#747a7e}.modern .crumb b{font-weight:400;color:#bfc5c9}.topright{display:flex;align-items:center;gap:21px}.modern .preview{font-size:10px;color:#a8aeb2}.modern .preview i{background:#9cb4c3;width:5px;height:5px}.smallavatar{width:30px;height:30px;border:1px solid #363e43;border-radius:50%;background:#252b2f;font-size:9px;color:#b9c6cf;font-weight:600}.modern .heading{padding:35px 0 29px;gap:22px;align-items:center;display:flex}.modern .eyebrow{font-size:8px;letter-spacing:1.8px;color:#79858d}.modern h1{font-family:Manrope,Arial,sans-serif;font-size:34px;letter-spacing:-1.5px;line-height:1.25;margin:11px 0 10px;font-weight:700}.modern h1 span{color:var(--green)}.modern .heading p{font-size:11px;color:#858c90}.modern .stationpill{margin:0;padding:12px 15px;border:1px solid #2e3539;background:#1a1d1f;gap:11px;border-radius:9px;max-width:320px;min-width:235px}.stationdot{width:6px;height:6px;border-radius:50%;background:#8aa2b2;box-shadow:0 0 0 4px #8aa2b210;flex-shrink:0}.modern .stationpill b{font-size:11px;font-weight:500}.modern .stationpill p{font-size:9px;max-width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5;margin-top:4px}.modern .stationpill button{margin-left:auto;font-size:16px;color:#a8b8c2}.dashboardgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:23px}.dashboardmain,.dashboardside{min-width:0}.modern .playercard{display:block;padding:24px 25px 0;background:linear-gradient(135deg,#22272a 0%,#1b1f21 45%,#1a1d1f 100%);border:1px solid #343e45;border-radius:17px;margin:0;overflow:hidden}.playertop{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.playertop>.eyebrow{display:flex;align-items:center;gap:7px;color:#b9c6ce;font-size:8px;letter-spacing:1.4px}.playertop .eyebrow i{width:5px;height:5px;background:#aabecb;border-radius:50%}.modern .playertop .iconbutton{font-size:11px;color:#9facb4;letter-spacing:2px;padding:0 0 0 15px}.playerbody{display:flex;gap:25px;align-items:center}.coverart{width:175px;height:190px;flex-shrink:0;position:relative;border-radius:11px;overflow:hidden;background:linear-gradient(145deg,#c2d1da 0%,#94a9b6 38%,#54646e 100%);box-shadow:0 10px 30px #0003;color:#222a30}.orb{position:absolute;border-radius:50%;filter:blur(22px);opacity:.7}.orb1{width:160px;height:130px;top:-50px;right:-55px;background:#d9e2e7}.orb2{width:150px;height:150px;bottom:-65px;left:-65px;background:#3c4b55}.coverword{position:absolute;top:22px;left:18px;font-family:Manrope,Arial,sans-serif;font-size:19px;line-height:1.23;letter-spacing:-1px;z-index:1;font-weight:500}.coverword b{font-weight:800}.coverdisc{width:160px;height:160px;border-radius:50%;position:absolute;right:-40px;bottom:-27px;background:repeating-radial-gradient(circle at center,#222a30 0px,#222a30 2px,#2f393f 3px,#222a30 4px);box-shadow:-4px -3px 20px #222a3022}.coverdisc:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 25deg,transparent 0%,#b3c2cc33 12%,transparent 25%,transparent 50%,#b3c2cc33 64%,transparent 77%)}.coverdisc i{position:absolute;width:42px;height:42px;background:#9eb1bd;left:59px;top:59px;border-radius:50%;border:15px solid #7e929e}.coverart small{position:absolute;font-size:5px;letter-spacing:1.8px;left:18px;bottom:15px;color:#232f37;z-index:1;transform-origin:left bottom;transform:rotate(-90deg)}.modern .nowtext{flex:1;min-width:0;max-width:100%;width:auto}.trackcategory{font-size:6px;letter-spacing:1.4px;color:#86949d}.modern .nowtext h2{font-family:Manrope,Arial,sans-serif;font-size:23px;letter-spacing:-.9px;line-height:1.35;margin:10px 0 6px;color:#eaeef0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0}.modern .nowtext p{font-size:9px;color:#9aa4ab;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainwave{display:flex;align-items:center;height:47px;gap:2px;margin-top:20px;overflow:hidden}.mainwave i{height:calc(var(--h) * .65);max-height:40px;min-height:4px;flex:1;min-width:2px;background:#6a808e;border-radius:2px;opacity:.45}.mainwave i:nth-child(-n+26){background:#b0c2ce;opacity:.9}.isplaying .mainwave i{animation:breathe 1.2s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes breathe{from{transform:scaleY(.65)}to{transform:scaleY(1)}}.playertime{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#929ba1;font-variant-numeric:tabular-nums;margin-top:4px}.playertime>span:last-child{font-size:6px;letter-spacing:.8px}.playertime b{font-size:8px;color:#b4bec5;font-weight:400;margin-left:6px;letter-spacing:0}.maintransport{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:18px}.maintransport button{width:30px;height:30px;display:grid;place-items:center;color:#95a4ae;font-size:24px;padding:0}.maintransport svg{width:18px;height:18px}.maintransport #mainplay{width:45px;height:45px;border-radius:50%;background:var(--green);color:#222b30;box-shadow:0 0 0 6px #b6c7d206}.maintransport #mainplay svg{width:23px;height:23px}.playerbottom{margin-top:26px;border-top:1px solid #3c464d66;display:flex;justify-content:space-between;align-items:center;padding:17px 0;gap:12px}.modern .playerbottom #arm{max-width:185px;background:#293237;border:1px solid #49586277;color:#bacad5;border-radius:7px;padding:10px 13px;font-size:9px;line-height:1.4}.modern .playerbottom #arm.armed{background:var(--green);color:#1f282e}.playerbottom .textbutton{font-size:9px;color:#a3b2bb;padding:8px}.playerbottom .textbutton span{margin-left:10px}.modern .miccard{margin:20px 0 0;border:1px solid #2f3336;border-radius:14px;padding:20px 23px;background:#191b1d}.micintro{display:flex;gap:13px;align-items:center}.modern .micintro .miccircle{width:41px;height:41px;box-shadow:none;background:#2a3237;border:1px solid #3b4a54;border-radius:12px;font-size:23px;margin:0;flex-shrink:0}.modern .micintro h3{text-align:left;margin:0 0 5px;font-size:15px;letter-spacing:-.3px;font-weight:500}.modern .micintro p{text-align:left;min-height:0;font-size:9px;color:#889196;line-height:1.5}.micstate{margin-left:auto;font-size:6px;letter-spacing:.9px;color:#788993;white-space:nowrap}.micmain{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:19px}.modern .micmain #mic{font-family:Manrope,Arial,sans-serif;min-height:48px;border-radius:8px;font-size:12px;letter-spacing:-.2px;padding:14px;background:var(--green);color:#222c32;font-weight:700}.modern .announcetime{display:block;background:none;border:0;padding:0 0 0 7px;margin:0;text-align:center;min-width:65px}.modern .announcetime>span{display:block;font-size:6px;letter-spacing:1px;color:#737d84}.modern .announcetime>b{font-size:22px;line-height:1.5;font-weight:500;letter-spacing:-.7px}.modern .announcetime .textbutton{display:none}.modern .micmain #finish{grid-column:1 / -1;padding:8px;font-size:10px;background:#282f34;border-radius:7px}.modern:not(.announcing) .micmain #finish{display:none}.announcing .micmain #mic{background:#e6c78c!important}.announcing .micstate{color:#e6c78c}.micadvanced{margin-top:15px;border-top:1px solid #2c3338;padding-top:13px}.micadvanced summary{list-style:none;cursor:pointer;font-size:9px;color:#828e96;display:flex;justify-content:space-between}.micadvanced summary::-webkit-details-marker{display:none}.micadvanced .clip{font-size:9px}.micadvanced #micvol{width:100%;margin:15px 0}.micadvanced .volrow{margin-top:20px}.micadvanced .rehearsal{margin:0}.modern .miccard .scales{margin-bottom:15px}.modern .queuecard{background:#1a1b1c;border:1px solid #2f3234;border-radius:15px;padding:23px 21px 0}.queuecard .sectiontitle{align-items:center;margin-bottom:22px}.queuecard .sectiontitle h2{font-family:Manrope,Arial,sans-serif;font-size:18px;letter-spacing:-.6px;margin-top:9px}.queuecard .eyebrow{font-size:6px;letter-spacing:1.5px;color:#7d868c}.queuebadge{border:1px solid #363f44;padding:5px 8px;border-radius:6px;color:#98adbb;font-size:10px}.minirow{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #2d3032}.mininumber{font-size:8px;color:#616a70;width:11px}.miniart{width:35px;height:39px;display:grid;place-items:center;background:linear-gradient(140deg,#69767e,#2a3338);color:#bdccd5;border-radius:6px;font-size:15px;flex-shrink:0}.minirow:nth-child(2) .miniart{background:linear-gradient(140deg,#8b7761,#35393b);color:#d7c7ad}.minirow:nth-child(3) .miniart{background:linear-gradient(140deg,#677b84,#293b40);color:#b8d0d2}.miniinfo{flex:1;min-width:0}.miniinfo b{font-size:11px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.miniinfo small{font-size:8px;color:#767f85;display:block;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.miniduration{font-size:8px;color:#808a91;font-variant-numeric:tabular-nums}.miniplay{font-size:15px;color:#919ea6;padding:0 0 0 4px}.addmusic{width:100%;margin:19px 0 15px;display:block;background:#232b30;border:1px dashed #445662;border-radius:8px;padding:13px;font-size:10px;color:#aec1ce;font-weight:500}.allqueue{border-top:1px solid #2f3336;display:flex;justify-content:space-between;align-items:center;width:calc(100% + 42px);margin-left:-21px;padding:16px 21px;color:#939fa7;font-size:9px}.allqueue span{color:#a2b7c5;font-size:14px}.quickcard{margin-top:19px;border:1px solid #2b3033;border-radius:13px;padding:20px 21px;background:#181a1b}.quickcard h2{font-size:12px;font-weight:500}.quickcard .sectiontitle>span{font-size:13px;color:#758c9b}.quickrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.quickrow button{display:flex;align-items:center;flex-direction:column;gap:9px;background:#20262a;border:1px solid #303a41;border-radius:9px;padding:13px 6px;color:#9bacb7}.quickrow svg{width:20px;height:20px}.quickrow span{font-size:8px;color:#aebac2}.studionote{padding:25px 10px 0;position:relative}.notestar{position:absolute;right:5px;top:28px;color:#516471;font-size:40px;font-weight:400}.studionote>p{font-size:17px;color:#909aa1;line-height:1.45;letter-spacing:-.5px}.studionote>p b{font-weight:500;color:#bbc7cf}.studionote small{display:block;font-size:8px;line-height:1.8;color:#626c72;margin-top:13px;max-width:240px}.modern footer{margin-top:38px;padding:23px 0 27px;border-color:#2a2d2f;color:#5e686e;font-size:8px;align-items:center}.modern footer b{font-size:14px;color:#919fa8;margin-right:9px}.modern footer>span:last-child{font-size:7px;letter-spacing:.8px}.modern .pagetitle{padding:32px 0 25px}.pagetitle h2{font-family:Manrope,Arial,sans-serif;font-size:28px;letter-spacing:-1px;margin:12px 0 9px}.pagetitle p{font-size:11px;color:#828c93}.modern .musicpage .library{padding:25px;border-radius:14px;max-width:100%;background:#1a1c1e}.modern .mixerpage{padding-bottom:15px}.modern .mixerpage .decks{max-width:100%;gap:22px}.modern .mixerpage .deck{padding:23px;border-radius:14px}.modern .mixerpage .art{height:170px}.modern .mixerpage .mixer{margin-top:22px;padding:23px;border-radius:12px}.modern .jinglepage .jingles{margin:0;padding:28px;border-radius:14px}.modern .jinglepage .pads{grid-template-columns:repeat(4,1fr);gap:15px}.modern .jinglepage .pads button{min-height:115px;font-size:12px;border-radius:12px;padding:17px}.modern .jinglepage .pads button span{font-size:29px;margin-bottom:17px}.modern .jinglepage .jingles>.outline{width:auto;margin:22px 10px 0 0;padding:12px 20px;font-size:10px}.modern .settings{margin-top:30px;padding:25px;border-radius:14px}.settingshub{margin-bottom:35px;padding-bottom:28px;border-bottom:1px solid var(--border)}.settingshub>.sectiontitle{margin-bottom:20px}.settingshub>.sectiontitle>span{font-size:9px}.hubgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hubgrid>button{display:flex;gap:10px;align-items:center;border:1px solid #30383d;border-radius:9px;background:#1e2327;padding:17px 13px;text-align:left}.hubgrid>button>span:first-child{font-size:20px;color:#96aebe}.hubgrid>button>span:last-child{margin-left:auto;color:#667c8a}.hubgrid b{font-size:11px;display:block;font-weight:500}.hubgrid small{display:block;font-size:8px;margin-top:7px;color:#76858f}.settingscommands{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;align-items:center}.settingscommands .outline{font-size:9px;padding:10px 13px;text-decoration:none}.settingscommands .focuscontrols{display:none!important}.modern .pagepanel{margin-top:30px;border-radius:14px}.modern .pagepanel .sectiontitle h2{font-size:23px}.modern .outline,.modern .textbutton{transition:background .15s}.modern dialog{border-radius:16px;border-color:#394a55;background:#1b1f22}.modern button:focus-visible,.modern a:focus-visible,.modern summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.modern .focusbar{padding-top:20px}.modern.focusmode aside,.modern.focusmode header,.modern.focusmode footer,.modern.focusmode .heading,.modern.focusmode .dashboardside{display:none}.modern.focusmode main{margin:auto;max-width:780px;padding:0 25px}.modern.focusmode .dashboardgrid{display:block}.modern.focusmode .miccard{position:static}.modern.focusmode .micintro .miccircle{display:grid;width:41px;height:41px;font-size:23px}.modern.focusmode .micintro h3{display:block}.modern.focusmode .micmain #mic{min-height:60px;font-size:15px}.modern.focusmode .miccard .announcetime{display:block}.modern.focusmode .micadvanced{display:none}.modern.focusmode .playerbottom{display:flex}.modern .demobanner,.modern .mobile-tabs{display:none}
@media(min-width:1500px){.modern main{padding:0 65px}.dashboardgrid{grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);gap:30px}.modern .playercard{padding:30px 32px 0}.coverart{width:220px;height:235px}.coverword{font-size:24px;top:28px;left:22px}.coverdisc{width:195px;height:195px;right:-45px;bottom:-30px}.coverdisc i{width:50px;height:50px;border-width:18px;left:72px;top:72px}.playerbody{gap:35px}.modern .nowtext h2{font-size:28px}.mainwave{margin-top:25px}.maintransport{margin-top:25px}.maintransport #mainplay{width:50px;height:50px}.playerbottom{margin-top:30px;padding:20px 0}.modern .queuecard{padding:27px 27px 0}.minirow{padding:20px 0;gap:13px}.allqueue{width:calc(100% + 54px);margin-left:-27px;padding:19px 27px}.miniart{width:42px;height:45px}.miniinfo b{font-size:12px}.miniinfo small{font-size:9px}.modern .miccard{padding:25px 28px}.micmain{margin-top:24px}.modern .micmain #mic{min-height:55px}.quickcard{padding:23px 26px}}
@media(max-width:1150px){.modern aside{width:185px;padding:32px 18px}.modern .brand{font-size:26px}.modern main{margin-left:185px;padding:0 26px}.dashboardgrid{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:18px}.modern .playercard{padding:20px 19px 0}.playerbody{gap:17px}.coverart{width:130px;height:165px}.coverword{font-size:16px;left:14px}.coverdisc{width:145px;height:145px;right:-55px;bottom:-30px}.coverdisc i{left:53px;top:53px;width:38px;height:38px;border-width:13px}.modern .nowtext h2{font-size:19px}.trackcategory{font-size:5px;letter-spacing:.8px}.mainwave{height:39px;margin-top:15px;gap:2px}.mainwave i{min-width:2px}.maintransport{gap:16px;margin-top:15px}.maintransport #mainplay{width:40px;height:40px}.modern .queuecard{padding:21px 17px 0}.minirow{gap:8px;padding:14px 0}.mininumber{font-size:7px}.miniart{width:30px;height:35px}.miniinfo b{font-size:10px}.miniduration{font-size:7px}.allqueue{width:calc(100% + 34px);margin-left:-17px;padding:15px 17px}.modern .miccard{padding:18px 19px}.modern .micintro h3{font-size:13px}.modern .micintro p{font-size:8px}.micstate{display:none}.modern .stationpill{max-width:260px;min-width:210px}.modern .stationpill p{max-width:180px}.modern h1{font-size:30px}.hubgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.modern aside{width:85px;padding:31px 21px}.modern aside .brand{font-size:0}.modern aside .brand .dot{display:none}.modern .workspace,.modern nav button span,.sidebarfoot{display:none}.modern nav{margin-top:48px;gap:15px}.modern nav button{padding:13px;justify-content:center;border-radius:10px}.modern nav button svg{width:20px;height:20px}.modern main{margin-left:85px;padding:0 25px}.modern .heading{padding-top:29px}.modern .stationpill{max-width:235px;min-width:200px}.dashboardgrid{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.playerbody{display:block}.coverart{width:100%;height:140px;margin-bottom:23px}.coverword{font-size:22px;top:19px;left:21px}.coverdisc{width:190px;height:190px;right:-25px;bottom:-65px}.coverdisc i{width:48px;height:48px;left:71px;top:71px;border-width:17px}.coverart small{transform:none;left:21px;bottom:17px;font-size:5px}.modern .nowtext h2{font-size:22px}.trackcategory{font-size:6px;letter-spacing:1px}.mainwave{margin-top:16px}.maintransport{margin-top:18px;gap:25px}.maintransport #mainplay{width:46px;height:46px}.playerbottom{margin-top:22px}.modern .playerbottom #arm{font-size:8px;padding:9px;max-width:155px}.playerbottom .textbutton{font-size:8px}.playerbottom .textbutton span{margin-left:3px}.modern .micintro .miccircle{width:35px;height:35px;font-size:21px;border-radius:9px}.micintro{gap:10px}.modern .micintro h3{font-size:12px}.modern .micintro p{font-size:8px}.modern .micmain #mic{font-size:11px;padding:12px;min-height:45px}.modern .announcetime{min-width:55px}.modern .announcetime>b{font-size:19px}.modern .announcetime>span{font-size:5px}.modern .miccard{padding:18px 16px}.modern .settings .settingsgrid{grid-template-columns:1fr}.modern .settings{padding:22px}.modern .settingshub>.sectiontitle{align-items:flex-start;flex-direction:column;gap:8px}.modern .jinglepage .pads{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.modern aside{position:fixed;inset:auto 0 0;width:100%;height:73px;z-index:20;padding:0 14px calc(env(safe-area-inset-bottom,0px) / 2);background:#161a1cf5;backdrop-filter:blur(20px);border:0;border-top:1px solid #2f3940;display:block;overflow:visible}.modern aside .brand,.modern aside .workspace{display:none}.modern nav{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:8px 0 7px;border:0;gap:7px;width:100%;height:100%;align-items:center}.modern nav button{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;padding:7px;border-radius:9px;font-size:10px;min-height:50px}.modern nav button span{display:block;font-size:8px}.modern nav button svg{width:18px;height:18px}.modern nav button.selected{background:#273036}.modern main{margin:0;padding:0 17px 87px}.modern header{height:66px}.modern .crumb{font-size:10px}.modern .crumb span{padding:0 10px}.topright{gap:12px}.modern .preview{font-size:8px;gap:5px}.smallavatar{width:26px;height:26px;font-size:8px}.modern .heading{padding:27px 0 22px;display:block}.modern h1{font-size:30px;letter-spacing:-1.2px;margin:10px 0 8px}.modern .heading p{font-size:10px}.modern .eyebrow{font-size:7px;letter-spacing:1.6px}.modern .stationpill{padding:0;border:0;background:none;min-width:0;max-width:100%;margin:18px 0 0;display:flex;gap:9px;border-radius:0}.stationdot{width:5px;height:5px;box-shadow:none}.modern .stationpill b{font-size:9px;color:#93a0a8}.modern .stationpill p{display:none}.modern .stationpill button{margin:0 0 0 5px;font-size:13px}.dashboardgrid{display:flex;flex-direction:column;gap:20px}.modern .playercard{padding:20px 19px 0;border-radius:16px}.playertop{margin-bottom:21px}.playertop>.eyebrow{font-size:7px;letter-spacing:1.3px}.playerbody{display:flex;gap:18px;align-items:center}.coverart{width:122px;height:161px;margin-bottom:0;border-radius:9px}.coverword{font-size:15px;top:19px;left:13px;letter-spacing:-.6px}.coverdisc{width:137px;height:137px;right:-50px;bottom:-24px}.coverdisc i{left:51px;top:51px;width:35px;height:35px;border-width:12px}.coverart small{font-size:4px;letter-spacing:1px;left:12px;bottom:12px;transform:rotate(-90deg)}.modern .nowtext{flex:1;width:auto;min-width:0}.trackcategory{display:block;font-size:5px;letter-spacing:.7px;line-height:1.6;max-width:150px}.modern .nowtext h2{font-size:18px;letter-spacing:-.6px;margin:9px 0 5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:50px;line-height:1.35}.modern .nowtext p{font-size:8px;line-height:1.5}.mainwave{height:32px;gap:2px;margin-top:12px}.mainwave i{max-height:30px;min-width:2px}.maintransport{gap:17px;margin-top:13px}.maintransport button{width:22px;height:22px;font-size:20px}.maintransport svg{width:15px;height:15px}.maintransport #mainplay{width:38px;height:38px}.maintransport #mainplay svg{width:21px;height:21px}.playertime{font-size:7px}.playertime>span:last-child{font-size:5px;letter-spacing:.4px}.playertime b{font-size:7px;margin-left:4px}.playerbottom{margin-top:21px;padding:14px 0;gap:8px}.modern .playerbottom #arm{font-size:8px;padding:9px 10px;max-width:180px}.playerbottom .textbutton{font-size:8px;padding:5px 0}.modern .miccard{margin-top:16px;padding:18px;border-radius:13px}.micintro{gap:12px}.modern .micintro .miccircle{width:37px;height:37px;font-size:22px}.modern .micintro h3{font-size:14px}.modern .micintro p{font-size:9px}.micmain{margin-top:17px;gap:14px}.modern .micmain #mic{font-size:12px;padding:16px;min-height:49px}.modern .announcetime{min-width:62px}.modern .announcetime>b{font-size:22px}.modern .announcetime>span{font-size:6px}.micadvanced{margin-top:14px;padding-top:12px}.micadvanced summary{font-size:8px}.modern .queuecard{padding:22px 19px 0;border-radius:14px}.queuecard .sectiontitle{margin-bottom:7px}.queuecard .sectiontitle h2{font-size:18px}.queuecard .eyebrow{font-size:6px;letter-spacing:1.4px}.minirow{padding:15px 0;gap:12px}.mininumber{font-size:8px;width:12px}.miniart{width:36px;height:40px}.miniinfo b{font-size:11px}.miniinfo small{font-size:8px}.miniduration{font-size:9px}.miniplay{font-size:17px;padding-left:5px}.addmusic{margin-top:18px;padding:13px;font-size:10px}.allqueue{width:calc(100% + 38px);margin-left:-19px;padding:16px 19px;font-size:9px}.quickcard{margin-top:17px;padding:19px}.quickrow{gap:11px;margin-top:16px}.quickrow button{padding:14px 7px}.quickrow svg{width:21px;height:21px}.quickrow span{font-size:9px}.studionote{display:none}.modern footer{margin-top:27px;padding:22px 0 0;align-items:center;gap:8px}.modern footer>span:first-child{font-size:7px}.modern footer b{font-size:13px;margin-right:6px}.modern footer>span:last-child{font-size:5px;letter-spacing:.4px}.modern .pagetitle{padding:27px 0 22px}.pagetitle h2{font-size:25px;margin:11px 0 8px}.pagetitle p{font-size:10px}.modern .musicpage .library{padding:19px 13px;border-radius:13px}.modern .library .sectiontitle p{max-width:180px}.modern .library .sectiontitle .outline{font-size:9px;padding:10px}.modern .trackactions{max-width:56px}.modern .jinglepage .jingles{padding:20px 16px}.modern .jinglepage .pads{grid-template-columns:1fr 1fr;gap:12px}.modern .jinglepage .pads button{min-height:100px;font-size:11px}.modern .jinglepage .pads button span{font-size:25px}.modern .jinglepage .jingles>.outline{display:block;width:100%;margin:15px 0 0;font-size:10px}.modern .mixerpage .decks{gap:12px}.modern .mixerpage .deck{padding:15px 11px;border-radius:11px}.modern .mixerpage .art{height:110px}.modern .mixerpage .mixer{padding:17px 12px;border-radius:9px}.modern .settings{margin-top:23px;padding:20px 14px}.hubgrid{grid-template-columns:1fr 1fr;gap:9px}.hubgrid>button{gap:8px;padding:14px 10px;align-items:flex-start}.hubgrid>button>span:first-child{font-size:17px}.hubgrid>button>span:last-child{display:none}.hubgrid b{font-size:10px}.hubgrid small{font-size:7px;line-height:1.6}.settingscommands{gap:8px;margin-top:20px}.settingscommands .outline{font-size:8px;padding:10px;flex:1;white-space:nowrap;text-align:center}.modern .settingshub{margin-bottom:26px;padding-bottom:25px}.modern .settingshub>.sectiontitle>span{font-size:8px;line-height:1.6}.modern .pagepanel{margin-top:24px;padding:20px 14px}.modern .pagepanel .sectiontitle h2{font-size:21px}.modern.focusmode main{padding:0 17px 25px}.modern.focusmode .focusbar{padding-top:20px;gap:10px}.modern.focusmode .focusbar span{font-size:8px}.modern.focusmode .focusbar button{font-size:9px}.modern.focusmode .playerbody{display:flex}.modern.focusmode .micintro p{display:block}.modern.focusmode .micmain .announcetime{display:block}.modern.focusmode .micintro h3{font-size:14px}.modern.focusmode .micmain #mic{font-size:13px;min-height:55px}}
@media(max-width:370px){.modern main{padding-left:13px;padding-right:13px}.playerbody{gap:13px}.coverart{width:105px;height:156px}.coverword{font-size:14px;left:11px}.modern .nowtext h2{font-size:17px}.modern .playercard{padding-left:15px;padding-right:15px}.maintransport{gap:13px}.modern .micintro h3{font-size:13px}.modern .micintro p{font-size:8px}.modern .miccard{padding:16px}.modern footer>span:last-child{display:none}}
:root[data-theme=light] body.modern{background:#eef1f3;color:#2a3136}:root[data-theme=light] .modern aside{background:#e3e8ec;border-color:#ced6db}:root[data-theme=light] .modern header{border-color:#ced6db}:root[data-theme=light] .modern nav button{color:#636f76}:root[data-theme=light] .modern nav button.selected{background:#cedae1;color:#32424d}:root[data-theme=light] .modern .stationpill{background:#dfe6ea;border-color:#c0ccd4}:root[data-theme=light] .modern .stationpill b{color:#485963}:root[data-theme=light] .modern .heading p{color:#727b80}:root[data-theme=light] .modern .playercard{background:linear-gradient(130deg,#dae3e9,#d4dee4);border-color:#b1c2cd}:root[data-theme=light] .modern .nowtext h2{color:#2a343b}:root[data-theme=light] .modern .nowtext p{color:#6f7b83}:root[data-theme=light] .modern .playertop .eyebrow{color:#556874}:root[data-theme=light] .modern .mainwave i{background:#5d7584}:root[data-theme=light] .modern .mainwave i:nth-child(-n+26){background:#435d6e}:root[data-theme=light] .modern .playertime,:root[data-theme=light] .modern .playertime b{color:#5a6b75}:root[data-theme=light] .modern .maintransport button{color:#4c616f}:root[data-theme=light] .modern .maintransport #mainplay{background:#516f82;color:#eff3f5}:root[data-theme=light] .modern .playerbottom{border-color:#a7bac6}:root[data-theme=light] .modern .playerbottom #arm{background:#c5d2db;color:#3b4f5b;border-color:#a9bbc6}:root[data-theme=light] .modern .playerbottom .textbutton{color:#566975}:root[data-theme=light] .modern .miccard,:root[data-theme=light] .modern .queuecard,:root[data-theme=light] .modern .quickcard{background:#f8fafb;border-color:#cdd6dc}:root[data-theme=light] .modern .micintro .miccircle{background:#d9e2e7;color:#506878;border-color:#bccbd5}:root[data-theme=light] .modern .micadvanced{border-color:#d1dadf}:root[data-theme=light] .modern .announcetime>b{color:#516674}:root[data-theme=light] .modern .minirow{border-color:#dae0e4}:root[data-theme=light] .modern .miniinfo b{color:#36424a}:root[data-theme=light] .modern .addmusic{background:#dee5ea;color:#485f6e;border-color:#a4b8c5}:root[data-theme=light] .modern .allqueue{border-color:#d5dce1;color:#5a6d79}:root[data-theme=light] .modern .quickrow button{background:#e5ebee;border-color:#c7d3da;color:#4f6471}:root[data-theme=light] .modern .quickrow span{color:#55656f}:root[data-theme=light] .modern .hubgrid>button{background:#dfe7ec;border-color:#c2ced6}:root[data-theme=light] .modern .hubgrid b{color:#3c4b55}:root[data-theme=light] .modern .musicpage .library{background:#f8fafb}:root[data-theme=light] .modern .studionote p,:root[data-theme=light] .modern .studionote p b{color:#566771}:root[data-theme=light] .modern dialog{background:#f3f6f7;border-color:#adbdc8}:root[data-theme=light] .modern .crumb b{color:#4b5b65}:root[data-theme=light] .modern .sidebarline{background:#c4ced4}:root[data-theme=light] .modern .smallavatar{background:#d3dde3;color:#475c6a;border-color:#acbcc6}:root[data-theme=light] .modern .micmain #mic{background:#557183;color:#f2f5f7}:root[data-theme=light] .modern footer{border-color:#ced6db}:root[data-theme=light] .modern .trackcategory{color:#768792}@media(max-width:680px){:root[data-theme=light] .modern aside{background:#e0e7ebF5;border-color:#b7c6cf}:root[data-theme=light] .modern .stationpill{background:none}}
@media(prefers-reduced-motion:reduce){.modern *{animation:none!important;transition:none!important}}
.modern header>.brand{display:none}@media(max-width:680px){.modern header>.brand{display:flex;font-size:26px;gap:7px;align-items:center}.modern header>.brand .mark{width:29px;height:29px;font-size:22px;line-height:28px;border-radius:8px;padding:0 5px}.modern header>.brand .dot{display:inline}.modern header>.brand .brandlogo{width:30px;height:30px}.modern header .crumb{display:none}}
/* Mobile dock owns the full viewport width, including the safe area. */
@media(max-width:680px){
 body.modern{width:100%;min-width:0;overflow-x:clip}
 .modern main{width:100%;min-width:0;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
 .modern aside{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;height:auto;min-height:66px;padding:7px 14px calc(7px + env(safe-area-inset-bottom,0px));margin:0;box-sizing:border-box;border-right:0;border-top:1px solid #2f3940;z-index:50}
 .modern nav{height:auto;min-height:50px;padding:0;gap:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0}
 .modern nav button{min-width:0;min-height:50px;padding:7px 4px;display:flex;flex-direction:column;gap:5px;justify-content:center}
 .modern nav button span{display:block;font-size:9px;line-height:1.2;white-space:nowrap}
 .modern nav button svg{width:19px;height:19px}
 .modern .dashboardgrid,.modern .dashboardmain,.modern .dashboardside{width:100%;min-width:0;max-width:100%}
 .modern .queuecard{padding:18px 16px 0}
 .modern .queuecard .sectiontitle{margin-bottom:5px}
 .modern .queuecard .sectiontitle h2{font-size:17px;margin-top:7px}
 .modern .minirow{padding:11px 0;gap:10px}
 .modern .miniart{width:32px;height:35px;border-radius:6px}
 .modern .miniinfo b{font-size:11px}
 .modern .miniinfo small{font-size:8px;margin-top:4px}
 .modern .addmusic{margin:15px 0 13px;padding:12px;font-size:10px}
 .modern .allqueue{width:calc(100% + 32px);margin-left:-16px;padding:14px 16px}
 .modern .quickcard{padding:17px 16px;margin-top:15px}
 .modern .quickcard .sectiontitle{margin-bottom:12px}
 .modern .quickrow{margin-top:0;gap:10px}
 .modern .quickrow button{padding:12px 5px;gap:8px}
 .modern .quickrow svg{width:19px;height:19px}
 .modern footer{margin-top:23px;padding-top:19px}
 .modern.focusmode main{padding-bottom:25px}
}