@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--cream:#f5f0e7;--ink:#151d1b;--green:#25483d;--lime:#d6f46c;--orange:#ff6d3a;--line:#d9ddd5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer}header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cad0c8}a{color:inherit}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font:12px/1 'Space Grotesk';letter-spacing:.05em}.bars{color:var(--orange);font-size:23px;letter-spacing:-5px}.brand strong{font-size:13px}nav{display:flex;gap:32px}nav a{text-decoration:none;font-size:13px}.outline{border:1px solid #89938f;border-radius:99px;padding:10px 17px;text-decoration:none;font-size:12px}.hero{min-height:680px;background:var(--green);color:#fff;display:grid;grid-template-columns:1fr 480px;align-items:center;padding:70px 7vw;gap:8vw}.live{border:1px solid #718e84;border-radius:99px;padding:8px 12px;font-size:10px;letter-spacing:.14em;color:#d7e1dd}.copy h1{font:700 clamp(64px,8vw,110px)/.83 'Space Grotesk';letter-spacing:-.07em;margin:35px 0}.copy h1 em{font-style:normal;color:var(--lime)}.copy p{color:#c9d5d1;line-height:1.7}.copy>small{display:block;margin-top:40px;color:#a9bbb5}.player-card{background:#faf6ee;color:var(--ink);padding:28px;border-radius:5px;box-shadow:0 30px 70px #10231c66}.now{display:flex;justify-content:space-between}.now small,.program small,.studio-head small{font-size:10px;letter-spacing:.16em;color:#75807b}.now h2{font:700 24px 'Space Grotesk';margin:17px 0 4px}.now p{margin:0;color:#7f8985}.now img{width:110px;height:110px;object-fit:cover}.wave{display:flex;align-items:center;gap:3px;height:68px;margin:25px 0}.wave i{flex:1;min-width:2px;background:#45655b;border-radius:2px}.progress{display:flex;align-items:center;gap:10px;font-size:9px;color:#78847f}.progress i{height:2px;background:#d4d9d3;flex:1}.progress b{height:100%;display:block;background:var(--orange)}.controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px}.controls button{border:0;background:transparent;font-size:20px}.controls .play{width:56px;height:56px;border-radius:50%;background:var(--orange);color:white;font-size:16px}.controls label{position:absolute;margin-left:320px}.controls input{width:65px;accent-color:var(--orange)}.hint{text-align:center;color:#89938f;font-size:9px}.program{padding:75px 8vw;display:grid;grid-template-columns:1fr 2fr;gap:60px}.program h2{font:600 38px 'Space Grotesk'}.program article{display:grid;grid-template-columns:60px 60px 1fr;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #d5dad3}.program img{width:60px;height:44px;object-fit:cover}.program h3{margin:0;font-size:14px}.program p{margin:3px 0;color:#7d8782;font-size:12px}footer{background:#17251f;color:#fff;padding:28px 6vw;display:flex;align-items:center;gap:20px}footer p{font-size:12px}footer span{color:#8f9e98}.ghost{position:fixed;left:-9999px;width:1px;height:1px}.studio{background:#edf0eb}.studio header{background:#192723;color:#fff;border:0}.onair{font-size:11px;letter-spacing:.12em;color:#ff8a64}.studio-head{padding:36px 5vw 24px;display:flex;justify-content:space-between;align-items:end}.studio-head h1{font:600 36px 'Space Grotesk';margin:8px 0 3px}.studio-head p{margin:0;color:#77827e}.mic{background:#fff;border:1px solid #d9ded8;padding:10px 18px 10px 10px;display:flex;gap:12px;align-items:center;text-align:left;border-radius:5px}.mic>b{width:44px;height:44px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center}.mic span{font-size:11px;font-weight:700;letter-spacing:.07em}.mic small{display:block;font-weight:400;letter-spacing:0;color:#84908b;margin-top:4px}.mic.active{background:#fff1ec;border-color:var(--orange)}.grid{padding:0 5vw 60px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{background:#fff;border:1px solid #d8ddd7;border-radius:5px}.panel>h3{height:52px;margin:0;padding:0 18px;border-bottom:1px solid #e2e5e0;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.13em}.panel>h3 span{color:var(--orange)}.track{display:flex;gap:18px;align-items:center;padding:22px}.track img{width:95px;height:70px;object-fit:cover}.track h2{font:600 21px 'Space Grotesk';margin:5px 0}.track p{margin:0;color:#77827e}.deck .wave{margin:0 22px}.deck .controls{padding-bottom:20px}.mixer{grid-row:span 2}.fader-grid{display:flex;justify-content:space-around;height:320px;padding:22px 8px}.fader-grid label{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px}.fader-grid input{writing-mode:vertical-lr;direction:rtl;height:195px;width:8px;accent-color:var(--orange)}.duck{display:block;border-top:1px solid #e1e5e0;padding:18px;font-size:9px}.duck>b{float:right}.duck input{width:100%;margin-top:14px;accent-color:var(--orange)}.queue-row,.library-row{display:grid;align-items:center;gap:10px;padding:10px 17px;border-bottom:1px solid #eceeeb}.queue-row{grid-template-columns:25px 46px 1fr 35px 22px}.queue-row img,.library-row img{width:48px;height:38px;object-fit:cover}.queue-row strong,.queue-row span,.library-row strong,.library-row span{display:block;font-size:11px}.queue-row span,.library-row span{color:#89938f}.queue-row button,.library-row button,.queue h3 button{border:0;background:transparent}.library{grid-column:1/-1}.tabs button{border:0;background:#eef1ed;padding:7px 12px;font-size:9px}.tabs button.active{background:var(--green);color:#fff}.library form{display:grid;grid-template-columns:2fr 1fr 1fr 70px 100px;gap:7px;padding:13px 17px;background:#f5f7f4}.library form input{border:1px solid #d8ddd7;padding:9px}.library form button{border:0;background:var(--green);color:#fff}.library-row{grid-template-columns:50px 1fr 40px auto auto 25px}.library-row button{border:1px solid #d8ddd7;padding:6px 8px}.library-row .hot{background:var(--orange);color:#fff;border:0}.login{min-height:100vh;background:var(--green);display:grid;place-items:center}.login form{width:min(420px,90vw);background:#faf6ee;padding:38px;border-radius:6px;box-shadow:0 30px 80px #0005}.login form>small{display:block;letter-spacing:.15em;margin-top:15px;color:#6f7c77}.login h1{font:600 31px 'Space Grotesk'}.login p{color:#6f7b77}.login input,.login button{width:100%;padding:13px;margin-top:10px;border-radius:4px;border:1px solid #ced5ce}.login button{background:var(--orange);color:#fff;border:0;font-weight:700}.merchandise{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:40px auto;padding:0 20px}.product-card{text-align:center;background:#f4f4f4;border:1px solid #e5e5e5;border-radius:10px;padding:20px}.product-card img{width:100%;max-width:250px;aspect-ratio:1/1;object-fit:contain;margin-bottom:15px}.product-card h2{margin:0 0 8px;font-size:1.3rem}.product-card .price{margin:0;font-size:1.1rem;font-weight:700}@media (max-width:800px){.merchandise{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.merchandise{grid-template-columns:1fr}}.login a{display:block;text-align:center;margin-top:22px;font-size:12px}.error{background:#ffe3da;color:#983b21;padding:10px;border-radius:4px}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding:55px 22px}.player-card{max-width:480px}.program{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.mixer{grid-row:auto}.library{grid-column:auto}.library form{grid-template-columns:1fr 1fr}.library form input:first-child{grid-column:1/-1}}@media(max-width:560px){header{padding:0 16px}.hero h1{font-size:54px}.player-card{padding:19px}.now img{width:80px;height:80px}.controls label{display:none}.program{padding:50px 22px}.studio-head{padding:25px 15px;display:block}.mic{margin-top:20px;width:100%}.grid{padding:0 8px 40px}.library form{grid-template-columns:1fr}.library form input:first-child{grid-column:auto}.library-row{grid-template-columns:48px 1fr auto}.library-row>small,.library-row>.delete{display:none}}