@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#101413;--acid:#d9ef65;--paper:#f5f4ee;--muted:#646b64}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;padding-bottom:95px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d57637;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:20;background:var(--acid);padding:16px}.skip:focus{top:0}.preview{padding:9px 5%;background:var(--acid);font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;justify-content:space-between}.preview span{letter-spacing:.4px;font-weight:400}header{height:95px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded4;gap:25px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:20px;line-height:1}.brand small{display:block;font-size:10px;margin-top:6px}.brand-icon{display:block;background:var(--ink);color:var(--acid);padding:13px 8px;font-size:25px;letter-spacing:-2px}.brand-icon span{font-size:17px}header nav{display:flex;gap:23px;font-size:12px;font-weight:700}.head-actions{display:flex;gap:12px}.listen,.light-button{background:var(--acid);border:0;padding:15px 23px;border-radius:5px;font-size:13px;font-weight:700}.listen:hover,.light-button:hover{background:#c8df4c}#menu{background:transparent;border:1px solid #d0d3c8;border-radius:4px;font-size:20px;padding:6px 12px}#mobile-nav{padding:25px 5%;background:var(--ink);color:white;position:absolute;z-index:8;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;font-size:13px}#mobile-nav[hidden]{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;padding:55px 5% 50px;gap:40px;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:block}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#729427;margin-right:8px}h1{font-family:'Barlow Condensed','Impact',sans-serif;font-weight:800;font-size:clamp(70px,7.5vw,113px);line-height:.91;letter-spacing:-1.5px;margin:25px 0}h1 span{color:#6e8235}.hero-copy p{font-size:15px;line-height:1.7;color:var(--muted)}.hero-buttons{display:flex;align-items:center;gap:27px;margin:27px 0}.text-link{font-size:12px;font-weight:700}.genres{font-size:9px;letter-spacing:1px;font-weight:700;margin-top:35px}.genres b{color:#829140;margin:0 9px}.hero-art{position:relative;min-height:530px;background:#dce2a4;overflow:hidden;border-radius:5px;background-image:linear-gradient(120deg,#d6d99e,#b9cc84 75%)}.art-caption{position:absolute;top:30px;left:30px;font-size:11px;letter-spacing:2px;line-height:1.5;font-weight:700}.orbit{position:absolute;width:670px;height:670px;border:1px solid #8b9f5b;border-radius:50%;left:-70px;top:50px}.o2{width:740px;height:740px;left:-105px;top:15px}.record{position:absolute;width:380px;height:380px;border-radius:50%;background:repeating-radial-gradient(circle at center,#141917 0,#141917 2px,#303831 3px,#151a17 4px);top:90px;left:50%;transform:translateX(-50%) rotate(-15deg);box-shadow:20px 30px 25px #3f482c55;display:grid;place-items:center}.record-label{border-radius:50%;background:var(--acid);width:135px;height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:900}.record-label strong{font-size:23px}.record-label small{margin-top:12px;font-size:10px}.skyline{position:absolute;bottom:0;left:0;right:0;height:170px;display:flex;align-items:end;opacity:.95}.skyline i{width:13%;background:#243026;height:70%;border-right:2px solid #c6d895}.skyline i:nth-child(2n){height:50%}.skyline i:nth-child(3){height:95%;clip-path:polygon(0 20%,40% 20%,40% 0,60% 0,60% 20%,100% 20%,100% 100%,0 100%)}.skyline i:nth-child(5){height:100%}.skyline i:nth-child(7){height:85%}.art-index{position:absolute;bottom:22px;left:25px;font-size:9px;letter-spacing:1px;color:#eff5de}.sticker{position:absolute;right:20px;bottom:110px;background:#f8844e;width:112px;height:112px;border-radius:50%;display:grid;place-content:center;font-size:17px;font-weight:800;line-height:1.05;transform:rotate(12deg)}.air-strip{background:var(--ink);color:white;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:30px;padding:30px 5%;align-items:center}.air-strip .eyebrow{color:var(--acid)}.air-strip h2{font-size:21px;margin:9px 0}.air-strip p{font-size:11px;color:#a9b2a7;margin:7px 0}.air-detail{border-left:1px solid #3b433b;padding-left:25px}.air-detail strong{display:block;font-size:14px;margin-top:10px}main>section:not(.hero):not(.air-strip){margin:0 5%;padding:65px 0}h2{font-family:'Barlow Condensed','Impact',sans-serif;font-size:43px;line-height:1.1;margin:10px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.caption{font-size:11px;color:var(--muted);line-height:1.5}.days{display:flex;gap:7px;margin:25px 0;flex-wrap:wrap}.days button,.event-tabs button{border:1px solid #d5d8ce;background:transparent;padding:10px 18px;border-radius:4px;font-size:11px;font-weight:700}.days button[aria-pressed=true],.event-tabs button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.schedule-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d5d8ce;border-radius:5px}.slot{padding:23px;border-right:1px solid #d5d8ce}.slot:last-child{border:0}.slot small{font-size:10px;color:var(--muted)}.slot h3{font-size:18px;margin:17px 0 8px}.slot p{font-size:11px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.show-card,.editorial button{text-align:left;background:none;border:0;padding:0;color:inherit}.poster{height:320px;position:relative;padding:25px;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;overflow:hidden}.poster>span{font-size:10px;letter-spacing:2px}.poster strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:75px;line-height:.86}.poster small{font-size:9px;letter-spacing:1.5px}.morning{background:#dee89f}.morning strong span{position:absolute;right:18px;top:82px;font-size:130px;color:#7e9846;z-index:0}.drive{background:#cb6745;color:#f9e9ba;background-image:repeating-linear-gradient(90deg,transparent,transparent 30px,#e690621f 31px,#e690621f 32px)}.drive strong{font-size:66px}.night{background:#252c42;color:#e2e4dc;background-image:radial-gradient(circle at 90% 20%,#6c7399,transparent 50%)}.night strong{font-size:64px}.cards h3{font-size:19px;margin:18px 0 8px}.cards h3 span{float:right}.cards p{font-size:12px;color:var(--muted);line-height:1.6}.show-card>small{font-size:10px;color:var(--muted)}main>section.team{background:var(--ink);color:var(--paper);border-radius:5px;display:grid;grid-template-columns:1.2fr 1fr;padding:45px;margin-top:30px}.team .eyebrow{color:var(--acid)}.team h2{font-size:65px}.team em{font-style:normal;color:var(--acid)}.team p{font-size:13px;max-width:390px;color:#b7beb3;line-height:1.7}.team .caption{font-size:10px}.team-graphic{display:flex;align-items:center;justify-content:center;gap:15px}.team-graphic>span{font-size:210px;line-height:1;color:var(--acid)}.team-graphic strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;line-height:.96;transform:rotate(-5deg)}.story-art{height:210px;border-radius:4px;display:grid;place-content:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:67px;line-height:.8;font-weight:800}.art-culture{background:#cdd4c1;color:#3c4937}.art-selectors{background:#e4b96c;color:#342d22;background-image:repeating-radial-gradient(circle at 20% 50%,transparent 0,transparent 20px,#d39b492f 21px,#d39b492f 24px)}.art-community{background:#c6c6dd;color:#32344c;font-size:47px}.editorial small{display:block;font-size:9px;letter-spacing:1px;color:#69794c;margin-top:20px}.editorial h3{line-height:1.4}.event-tabs{display:flex;gap:8px}.event-banner{display:grid;grid-template-columns:230px 1fr 150px;align-items:center;background:#e7e9dc;border-radius:5px;gap:40px;overflow:hidden}.event-visual{background:#d9ef65;padding:30px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:70px;line-height:.9;font-weight:800}.event-visual span{display:block;font-size:29px;margin-top:10px}.event-banner small{font-size:9px;letter-spacing:1.5px}.event-banner h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;margin:12px 0}.event-banner p{font-size:12px;line-height:1.7;max-width:400px;color:var(--muted)}.date-box{font-size:10px;letter-spacing:1px;text-align:center;border-left:1px solid #c3c9b5}.date-box strong{font-size:36px;display:block;margin:10px}.date-box span{font-size:9px;letter-spacing:0}.connect{text-align:center;border-top:1px solid #d7dacf;margin-top:20px!important}.connect h2{font-size:48px}.connect-links{display:flex;justify-content:center;gap:18px;margin:25px 0}.connect-links button{border:0;background:var(--ink);color:white;border-radius:4px;padding:15px 25px;font-size:12px}footer{background:#e8e9df;padding:40px 5% 30px}.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-top p{font-size:11px;line-height:1.7;color:var(--muted)}.footer-top strong{font-size:12px}#footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;padding:30px 0;border-bottom:1px solid #cdd1c2}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);margin-top:20px}.player{position:fixed;z-index:10;bottom:0;background:#141916;color:white;left:0;right:0;border-top:1px solid #394537;min-height:82px;padding:15px 5%;display:flex;align-items:center;gap:22px;box-shadow:0 -3px 20px #10141318}.player-logo{background:var(--acid);color:var(--ink);padding:14px 9px;font-size:18px;font-weight:900}.player-info{min-width:200px;flex:1}.player-info strong{font-size:11px;letter-spacing:1px}.player-info strong span{font-size:8px;letter-spacing:.5px;color:var(--acid);margin-left:10px}.player-info small{display:block;color:#b3bdb0;font-size:11px;margin-top:8px}.round-play{width:45px;height:45px;border-radius:50%;border:0;background:var(--acid);color:var(--ink);font-size:17px}.wave{color:var(--acid);letter-spacing:3px;font-size:21px;max-width:190px;overflow:hidden;opacity:.6}#mute{border:0;color:white;background:none;font-size:15px}#volume{width:80px;accent-color:var(--acid)}.player-live{font-size:10px;color:var(--acid);border-left:1px solid #45513f;padding-left:25px;white-space:nowrap}dialog{border:0;border-radius:8px;padding:45px;max-width:540px;width:90%;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#101413aa}dialog p{font-size:14px;line-height:1.8}#close-detail{float:right;border:0;background:none;font-size:20px}body.playing .wave{opacity:1}button:hover h3,a:hover{color:#788d36}@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1050px){header nav{display:none}.hero{gap:25px}.hero-art{min-height:480px}.record{width:320px;height:320px;top:120px}.air-strip{grid-template-columns:1fr 1fr}.air-strip>.text-link{display:none}.poster strong{font-size:60px}.team h2{font-size:53px}.team-graphic>span{font-size:150px}.event-banner{grid-template-columns:180px 1fr;gap:25px}.date-box{display:none}.wave{display:none}.footer-top{flex-wrap:wrap}}@media(max-width:650px){.preview{font-size:8px;padding:8px 5%}.preview span{display:none}header{height:78px;gap:8px}.brand{font-size:16px}.brand-icon{font-size:22px;padding:11px 6px}.head-actions{gap:7px}.head-actions .listen{padding:12px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.hero h1{font-size:81px}.hero-copy p{font-size:13px}.hero-buttons{gap:20px}.genres{font-size:8px;letter-spacing:0}.genres b{margin:0 4px}.hero-art{min-height:390px}.record{width:290px;height:290px;top:68px}.art-caption{top:20px;left:20px;font-size:9px}.skyline{height:120px}.sticker{width:85px;height:85px;font-size:13px;bottom:80px}.air-strip{padding:25px 5%;gap:23px;grid-template-columns:1fr}.air-detail{border:0;border-top:1px solid #364133;padding:18px 0 0}.air-strip h2{font-size:24px}main>section:not(.hero):not(.air-strip){padding:40px 0}.section-head{display:block}.section-head .caption{display:block;margin-top:12px}h2{font-size:37px}.days{gap:5px}.days button{padding:9px 12px}.schedule-grid{grid-template-columns:1fr 1fr}.slot{padding:20px 15px;border-bottom:1px solid #d5d8ce}.slot:nth-child(2n){border-right:0}.slot:nth-child(3){border-bottom:0}.slot h3{font-size:16px}.cards{grid-template-columns:1fr;gap:30px}.poster{height:310px}.poster strong{font-size:85px}.drive strong,.night strong{font-size:70px}main>section.team{grid-template-columns:1fr;padding:30px 23px}.team h2{font-size:49px}.team-graphic{margin-top:30px;justify-content:start}.team-graphic>span{font-size:150px}.team-graphic strong{font-size:35px}.story-art{height:235px}.event-tabs{margin-top:20px}.event-banner{grid-template-columns:1fr;gap:0}.event-visual{font-size:62px;line-height:.9;padding:25px}.event-banner>div:nth-child(2){padding:25px}.connect h2{font-size:40px}.connect-links{flex-direction:column;gap:10px}.footer-top{flex-direction:column;align-items:start}.footer-bottom{flex-direction:column;gap:10px}.player{gap:12px;padding:12px 5%;min-height:78px}.player-logo{display:none}.player-info{min-width:0}.player-info strong{font-size:10px;letter-spacing:.5px}.player-info strong span{font-size:7px;margin-left:5px}.player-info small{font-size:10px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-live,#volume{display:none}.round-play{flex-shrink:0}#mobile-nav{grid-template-columns:1fr 1fr;gap:20px}dialog{padding:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* High Life color system: dark by default, with a complete light palette. */
:root{--red:#f34849;--gold:#f6c95c;--green:#35c982;--acid:var(--gold);--paper:#090b0a;--ink:#f6f3e8;--muted:#aab3ad;--surface:#141917;--line:#303a34;color-scheme:dark}
:root[data-theme=light]{--paper:#f5f2e8;--ink:#131b16;--muted:#566259;--surface:#e9e9df;--line:#ccd1c4;color-scheme:light}
body{transition:background-color .25s,color .25s}button{color:inherit}.preview{background:linear-gradient(100deg,#b82c35 0%,#e8b947 48%,#198653 100%);color:#fff7e7;text-shadow:0 1px 2px #0007}.preview span{font-weight:600}header{border-color:var(--line);background:var(--paper);gap:18px}header nav{gap:18px}.brand-icon{background:#121914;color:var(--gold);border:1px solid #46543c}.head-actions{gap:8px;flex-shrink:0}#theme-toggle,#menu{display:grid;place-items:center;min-width:42px;height:44px;border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:5px;font-size:23px}#theme-toggle:hover{border-color:var(--gold)}.listen,.light-button{color:#15190e;background:var(--gold);box-shadow:0 3px 16px #f6c95c18}.listen:hover,.light-button:hover{background:#ffe08a;color:#131b16}#mobile-nav{background:#111815;color:#f5f2e8;border-bottom:2px solid var(--green)}.hero{background:radial-gradient(ellipse at 0% 5%,#f3484909,transparent 45%),radial-gradient(ellipse at 85% 80%,#35c9820d,transparent 50%)}.hero h1{color:var(--ink)}h1 span{background:linear-gradient(135deg,var(--gold) 0%,var(--gold) 25%,var(--green) 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow{color:var(--gold)}.eyebrow i{background:var(--red);box-shadow:0 0 12px #f3484966}.genres b{color:var(--red)}.hero-art{isolation:isolate;border:1px solid #425348;background:radial-gradient(ellipse at 15% 10%,#94303980,transparent 55%),radial-gradient(ellipse at 85% 80%,#167749a6,transparent 60%),#0f1914;color:#f5f2e8;box-shadow:0 18px 70px #0002}.hero-art::after{content:'';position:absolute;height:5px;bottom:0;left:0;right:0;background:linear-gradient(90deg,var(--red) 0 33%,var(--gold) 33% 66%,var(--green) 66%);z-index:4}.art-caption{color:var(--gold)}.orbit{border-color:#d6b65b40}.o2{border-color:#3ec68035}.sticker{color:#fff6e7;background:var(--red);box-shadow:0 8px 25px #0005;pointer-events:none}.skyline{pointer-events:none}.skyline i{background:#09130f;border-color:#2e7c504d}.art-index{color:#cbd8c8}.record-stage{position:absolute;width:380px;height:380px;top:90px;left:50%;transform:translateX(-50%);perspective:1000px;z-index:1}.record{position:relative;inset:auto;width:100%;height:100%;border:0;padding:0;background:none;box-shadow:none;transform:none;display:block;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,.7,.25,1);border-radius:50%;cursor:pointer}.record.flipped{transform:rotateY(180deg)}.record-turn{position:absolute;inset:0;display:block;transform-style:preserve-3d;animation:vinyl-spin 14s linear infinite}.record-face{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:repeating-radial-gradient(circle at center,#080b09 0,#080b09 2px,#29372d 3px,#0b100d 4px);box-shadow:0 0 0 2px #677357,0 18px 40px #0008}.record-face::after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 40deg,transparent 0 25%,#d8e8cb22 29%,transparent 35% 75%,#d8e8cb22 80%,transparent 86%)}.record-back{transform:rotateY(180deg);background:repeating-radial-gradient(circle at center,#0a0b09 0,#0a0b09 2px,#3a3320 3px,#11130b 4px)}.record-label{color:#12190f;background:var(--gold);position:relative;z-index:1;border:6px solid #bd8a2b;font-size:15px}.record-label::after{content:'';width:8px;height:8px;background:#111710;border-radius:50%;margin-top:9px}.record-label small{font-size:8px;letter-spacing:.5px;margin-top:7px}.record-back .record-label{background:var(--green);border-color:#177e48}.record-controls{position:absolute;right:20px;top:25px;z-index:5;display:flex;flex-direction:column;gap:6px}.record-controls button{border:1px solid #778c6e;background:#0a120dcf;color:#f4e6bc;padding:7px 10px;border-radius:20px;font-size:9px;font-weight:600}.spin-paused .record-turn{animation-play-state:paused}@keyframes vinyl-spin{from{transform:rotateZ(-15deg)}to{transform:rotateZ(345deg)}}
.air-strip{background:#101813;border-top:1px solid #2d4435;border-bottom:1px solid #2d4435;position:relative}.air-strip::before{content:'';position:absolute;top:0;left:5%;height:3px;width:60px;background:var(--red)}.air-strip .eyebrow{color:var(--green)}.air-strip h2{color:var(--gold)}.air-strip .text-link{color:var(--gold)}.days button,.event-tabs button{border-color:var(--line);color:var(--ink)}.days button[aria-pressed=true]{background:var(--green);color:#07160c;border-color:var(--green)}.event-tabs button[aria-pressed=true]{background:var(--gold);color:#15190e;border-color:var(--gold)}.schedule-grid{background:var(--surface);border-color:var(--line)}.slot{border-color:var(--line);border-top:3px solid var(--gold)}.slot:nth-child(2){border-top-color:var(--green)}.slot:nth-child(3){border-top-color:var(--red)}.slot:last-child{border-top:3px solid var(--gold)}.morning{background:linear-gradient(135deg,#f6c95c,#c99a30);color:#182013}.morning strong span{color:#77541655}.drive{background:linear-gradient(140deg,#bc2538,#ef4e4c);color:#fff4d6}.night{background:radial-gradient(circle at 90% 15%,#2ca36a,#0b3527 70%);color:#f0edd9}.team{background:linear-gradient(115deg,#112219,#0a110e)!important;color:#f6f3e8!important;border:1px solid #315340;position:relative;overflow:hidden}.team::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--red) 0 33%,var(--gold) 33% 66%,var(--green) 66%)}.team .eyebrow{color:var(--green)}.team em{color:var(--gold)}.team-graphic>span{color:var(--red)}.art-culture{background:linear-gradient(135deg,#175f42,#33b576);color:#fff3c6}.art-selectors{background-color:#e2b84c;color:#221d11}.art-community{background:linear-gradient(120deg,#a91e32,#e84649);color:#fff1d8}.editorial small{color:var(--green)}.event-banner{background:var(--surface);border:1px solid var(--line)}.event-visual{background:var(--gold);color:#172016}.event-banner small{color:var(--green)}.date-box{border-color:var(--line);color:var(--gold)}.connect{border-color:var(--line)}.connect-links button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-bottom:3px solid var(--green)}.connect-links button:nth-child(2){border-bottom-color:var(--gold)}.connect-links button:nth-child(3){border-bottom-color:var(--red)}footer{background:var(--surface);border-top:1px solid var(--line)}#footer-links{border-color:var(--line)}.player{background:#080e0b;border-top:2px solid var(--green);box-shadow:0 -8px 30px #0003}.player-logo{color:#13190e}.player-info strong span,.wave{color:var(--green)}.round-play{background:var(--gold)}.player-live{color:var(--gold)}#volume{accent-color:var(--green)}dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink)}#close-detail{color:var(--ink)}button:hover h3,a:hover{color:var(--gold)}.skip{color:#12190f}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--green)}
:root[data-theme=light] .eyebrow{color:#846020}:root[data-theme=light] h1 span{background-image:linear-gradient(135deg,#a77513,#147646 80%)}:root[data-theme=light] .editorial small,:root[data-theme=light] .event-banner small{color:#126a41}:root[data-theme=light] .date-box{color:#805b13}:root[data-theme=light] button:hover h3,:root[data-theme=light] a:hover{color:#9b6017}:root[data-theme=light] .hero-art .eyebrow,:root[data-theme=light] .team .eyebrow{color:var(--green)}
@media(max-width:1200px){header nav{gap:12px;font-size:11px}header{gap:12px}.head-actions .listen{padding:13px 15px}}
@media(max-width:1050px){.record-stage{width:320px;height:320px;top:120px}.record{width:100%;height:100%;top:auto;left:auto}}
@media(max-width:650px){header{height:84px}.brand{font-size:14px}.brand-icon{font-size:20px;padding:10px 5px}.brand small{font-size:8px}.head-actions{gap:5px}.head-actions .listen{padding:12px 9px;font-size:10px}#theme-toggle,#menu{min-width:34px;height:38px;padding:4px;font-size:20px}.record-stage{width:290px;height:290px;top:68px}.record{width:100%;height:100%;top:auto;left:auto}.record-controls{right:12px;top:12px}.record-controls button{font-size:8px;padding:6px 8px}.art-caption{max-width:160px}.slot{border-bottom-color:var(--line)}.air-detail{border-top-color:#364133}}
@media(max-width:360px){.brand{gap:5px}.head-actions .listen{padding:11px 7px}.hero h1{font-size:72px}}
@media(prefers-reduced-motion:reduce){body{transition:none}.record{transition:none}}