@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--teal:#00e6cc;--ink:#000;--panel:#07100f;--line:#26443f;--text:#f2f5f3;--muted:#96aaa5}*{box-sizing:border-box}html{background:var(--ink);color-scheme:dark}body{margin:0;background:var(--ink);color:var(--text);font-family:Manrope,Arial,sans-serif;min-height:100vh}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.drive-header{height:86px;padding:0 max(5vw,22px);display:flex;align-items:center;gap:24px;border-bottom:1px solid #172421;position:sticky;top:0;z-index:20;background:#000e;backdrop-filter:blur(12px)}.brand{width:132px;aspect-ratio:2902/885;position:relative;overflow:hidden;display:block}.brand img{position:absolute;width:132.32254%;max-width:none;left:-17.33287%;top:-70.39548%}.mode{margin:auto;display:flex;align-items:center;gap:9px;color:#a8c0ba;font-size:9px;font-weight:700;letter-spacing:2px}.mode i,.on-air i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 13px var(--teal)}.exit{font-size:11px;color:#b8cac5}.exit span{color:var(--teal);margin-left:7px}main{width:min(1120px,90%);margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;padding:54px 0 38px}.eyebrow{margin:0;color:#8ba19b;font-size:8px;font-weight:700;letter-spacing:1.8px}.intro h1{grid-row:2;margin:14px 0 0;font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-5px}.intro h1 em{font-style:normal;color:var(--teal)}.safety{grid-column:2;grid-row:1/3;align-self:end;margin:0 0 8px;padding:18px 20px;border:1px solid #25413b;border-radius:6px;color:#b3c5c0;font-size:12px;line-height:1.65;background:#07110f}.safety span{color:var(--teal);margin-right:10px}.player{display:grid;grid-template-columns:minmax(290px,.85fr) 1.15fr;border:1px solid #31564e;border-radius:12px;overflow:hidden;background:var(--panel);min-height:440px}.art-shell{position:relative;min-height:440px;background:#101a19;overflow:hidden}.art-shell>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0001,#00171335 50%,#000d)}.on-air{position:absolute;left:22px;top:22px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #00e6cc66;border-radius:20px;background:#001a16d9;font-size:8px;font-weight:700;letter-spacing:1.4px}.player-body{padding:48px clamp(28px,5vw,65px);display:flex;flex-direction:column;justify-content:center}.track-copy{min-height:128px;margin:17px 0 4px}.track-copy h2{font-size:clamp(31px,4vw,54px);line-height:1.06;letter-spacing:-2.1px;margin:0;overflow-wrap:anywhere}.track-copy p{font-size:17px;color:#aac0ba;margin:13px 0 0}#status{min-height:20px;color:#6f8d86;font-size:10px;letter-spacing:.5px;margin:8px 0 25px}.transport{display:grid;grid-template-columns:70px 112px 70px;gap:18px;align-items:center}.transport button{border:1px solid #31534c;color:#d9e4e0;background:#071412}.transport button:focus-visible,.station-grid button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.skip{height:70px;border-radius:50%;font-size:17px}.play{width:112px;height:112px;border-radius:50%;font-size:32px!important;color:#002922!important;background:var(--teal)!important;border-color:var(--teal)!important;box-shadow:0 0 35px #00e6cc28}.play span{display:block;transform:translateX(3px)}.play[data-playing=true] span{transform:none;font-size:0}.play[data-playing=true] span:after{content:'Ⅱ';font-size:30px;font-weight:800}.stations{padding:62px 0 52px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-heading h2{margin:7px 0 0;font-size:38px;letter-spacing:-1.5px}.section-heading>span{font-size:8px;letter-spacing:1.4px;color:#68a197}.section-heading>span:before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--teal)}.section-heading>span.offline{color:#a97878}.section-heading>span.offline:before{background:#c46c6c}.station-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.station-grid button{min-height:92px;padding:18px;text-align:left;border:1px solid #283c38;border-radius:6px;background:#07100f;color:#b9c9c5;font-weight:700;font-size:12px;transition:border-color .2s,background .2s,color .2s}.station-grid button span{display:block;color:#58726c;font-size:8px;letter-spacing:1.3px;margin-bottom:12px}.station-grid button[aria-pressed=true]{border-color:var(--teal);background:#002c27;color:var(--teal)}.station-grid button[aria-pressed=true] span{color:#7bc9bf}.station-grid button:disabled{opacity:.55}.more{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #1f302c}.more a{display:flex;justify-content:space-between;padding:28px 20px;font-size:12px;color:#c4d2ce}.more a+a{border-left:1px solid #1f302c}.more span{color:var(--teal)}footer{width:min(1120px,90%);margin:auto;padding:34px 0 calc(34px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;color:#61736f;font-size:7px;letter-spacing:1.4px}footer p{margin:0;color:var(--teal);font-weight:800}
@media(max-width:750px){.drive-header{height:72px;padding-inline:20px}.brand{width:105px}.mode{font-size:7px;letter-spacing:1.3px}.intro{grid-template-columns:1fr;gap:22px;padding:36px 0 28px}.intro h1{grid-row:auto;font-size:58px;letter-spacing:-3.8px}.safety{grid-column:auto;grid-row:auto;font-size:11px;margin:0}.player{grid-template-columns:1fr}.art-shell{min-height:260px;aspect-ratio:16/10}.player-body{padding:30px 24px 34px}.track-copy{min-height:104px}.track-copy h2{font-size:35px}.track-copy p{font-size:15px}.transport{grid-template-columns:62px 96px 62px;justify-content:center;gap:16px}.skip{height:62px}.play{width:96px;height:96px}.stations{padding:44px 0 38px}.station-grid{grid-template-columns:repeat(2,1fr)}.station-grid button{min-height:84px;padding:15px}.more{grid-template-columns:1fr}.more a+a{border-left:0;border-top:1px solid #1f302c}.more a{padding:23px 10px}footer{gap:20px;align-items:flex-end}footer span{text-align:right;line-height:1.6}}
@media(max-width:380px){.mode{display:none}.intro h1{font-size:49px}.station-grid{grid-template-columns:1fr 1fr}.transport{gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}