:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101827;color:#f4f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 88% 5%,#243652 0,transparent 36%),#101827}button,input,select{font:inherit}.shell{max-width:1180px;margin:auto;padding:38px 32px 32px}.masthead{display:flex;align-items:center;gap:15px;margin-bottom:34px}.brand-mark{width:42px;height:42px;border:1px solid #7ba8a9;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-8deg)}.brand-mark span{display:block;width:3px;background:#b4d3bb;border-radius:4px}.brand-mark span:nth-child(1){height:11px}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:26px}.brand-mark span:nth-child(4){height:15px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:#a2cbbd;margin:0 0 8px}.masthead h1{font-size:20px;letter-spacing:-.02em;margin:0}.live-badge{margin-left:auto;border:1px solid #41556a;color:#d9e8de;border-radius:100px;padding:9px 13px;font-size:11px;font-weight:750;letter-spacing:.12em}.live-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e99270;box-shadow:0 0 10px #e99270;margin-right:6px}.hero{display:grid;grid-template-columns:42% 58%;min-height:420px;border:1px solid #36465b;border-radius:22px;overflow:hidden;background:#1b293d;box-shadow:0 26px 60px #050a1466}.art{position:relative;overflow:hidden;background:linear-gradient(165deg,#6c7b83 0%,#c9937e 43%,#e0b897 63%,#617679 100%)}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1b293d00 55%,#1b293d77)}.sun{position:absolute;width:165px;height:165px;border-radius:50%;background:#f8dbb4;box-shadow:0 0 80px 22px #efd0a588;top:78px;left:calc(50% - 83px)}.horizon{position:absolute;width:150%;height:65%;left:-20%;border-radius:50% 50% 0 0}.h1{bottom:-39%;transform:rotate(-10deg);background:#596d71}.h2{bottom:-49%;transform:rotate(10deg);background:#304d5a}.h3{bottom:-61%;transform:rotate(-5deg);background:#182c40}.hero-content{padding:56px 55px 38px;display:flex;flex-direction:column;justify-content:center}.hero h2{font-family:Georgia,serif;font-size:clamp(42px,4.3vw,66px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:7px 0 20px}.intro{color:#c0cbd3;font-size:16px;line-height:1.65;max-width:460px;margin:0 0 34px}.player-row{display:flex;align-items:center;gap:20px}.play{display:flex;align-items:center;gap:12px;border:0;border-radius:100px;background:#d8e5d5;color:#142c31;padding:15px 23px;font-weight:750;cursor:pointer;white-space:nowrap;transition:transform .15s,background .15s}.play:hover{background:#f1f6eb;transform:translateY(-2px)}.play:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #f0c69f;outline-offset:4px}.play-icon{font-size:14px}.on-air{display:flex;flex-direction:column;gap:4px;color:#edf0eb;font-size:13px}.on-air small{color:#a7b8c3;font-size:12px}.hint{font-size:11px;color:#8195a4;margin:22px 0 0}.panel{margin-top:26px;padding:31px 36px 24px;background:#172337;border:1px solid #304158;border-radius:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #344459;padding-bottom:22px;margin-bottom:29px;gap:20px}.section-heading h2{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:0}.section-heading>p{margin:0 0 4px;color:#a4b6c4;font-size:13px}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 34px}.control{display:flex;flex-direction:column;gap:15px;min-width:0;font-size:13px;color:#d8e1e4}.control>span{display:flex;justify-content:space-between;gap:10px}.control output{color:#a2cbbd;font-variant-numeric:tabular-nums}.control input{width:100%;height:5px;accent-color:#9ecbbb;cursor:pointer}.control select{background:#24344a;border:1px solid #4a6376;border-radius:9px;color:#f4f4ef;padding:11px 13px;min-height:45px}.save-status{min-height:20px;font-size:12px;color:#a2cbbd;margin:25px 0 0}.save-status.error{color:#f3af9a}.now-playing{display:flex;align-items:center;gap:38px;margin-top:20px;padding:23px 30px;border:1px solid #304158;border-radius:16px;background:#152135}.now-playing>div:first-child{flex:1;display:flex;flex-direction:column;gap:4px}.now-playing strong{font-size:17px;font-weight:600}.now-playing>div:first-child span{color:#94a8b9;font-size:12px}.metric{border-left:1px solid #36485a;padding-left:32px;display:flex;flex-direction:column;gap:6px}.metric>span{color:#94a8b9;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.metric strong{font-size:14px}footer{text-align:center;color:#647b8d;font-size:11px;margin-top:33px}@media(max-width:850px){.hero{grid-template-columns:1fr}.art{height:220px}.hero-content{padding:34px}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.shell{padding:21px 15px}.masthead{margin-bottom:22px}.masthead h1{font-size:17px}.live-badge{font-size:9px;padding:7px}.hero h2{font-size:43px}.hero-content{padding:30px 22px}.player-row{align-items:flex-start;flex-direction:column}.panel{padding:25px 20px 12px}.section-heading{display:block}.section-heading>p{margin-top:12px}.controls{grid-template-columns:1fr;gap:25px}.now-playing{align-items:flex-start;flex-wrap:wrap;gap:22px}.now-playing>div:first-child{flex-basis:100%}.metric{padding-left:0;border:0}}
.personal-volume{display:grid;grid-template-columns:98px minmax(0,1fr) 42px;align-items:center;gap:12px;max-width:420px;margin-top:27px;color:#cbd8dc;font-size:12px}.personal-volume input{width:100%;accent-color:#a2cbbd;cursor:pointer}.personal-volume output{color:#a2cbbd;text-align:right;font-variant-numeric:tabular-nums}