:root{--ink:#1d2234;--muted:#687085;--orange:#ff765a;--gold:#ffca69;--cream:#fff9ed;--line:#e8e4dc}*{box-sizing:border-box}body{margin:0;background:#f7f5f0;color:var(--ink);font-family:"Plus Jakarta Sans",sans-serif}.app-shell{max-width:1120px;margin:auto;background:#fff;min-height:100vh}.hero{min-height:540px;padding:31px 7.2% 34px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(140deg,#31375b 3%,#88537a 48%,#ff8665 100%)}nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{font-family:"DM Mono",monospace;font-size:16px;font-weight:500;letter-spacing:2px;color:#fff;text-decoration:none}.brand span{color:var(--gold)}.live{font:11px "DM Mono",monospace;letter-spacing:1.2px;display:flex;gap:8px;align-items:center}.live i{width:8px;height:8px;border-radius:50%;background:#ffb957;box-shadow:0 0 0 4px #ffb95733}.sun{position:absolute;width:435px;height:435px;border-radius:50%;right:-64px;top:95px;background:linear-gradient(155deg,#ffd987,#ff9d70 58%,#fd7667);opacity:.9}.waves{position:absolute;height:130px;bottom:-35px;left:-10%;right:-10%;transform:rotate(-3deg);background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 14px,#ffffff35 15px 17px);opacity:.5}.hero-copy{position:relative;z-index:1;max-width:600px;margin-top:84px}.eyebrow{margin:0 0 13px;color:var(--orange);font:500 11px "DM Mono",monospace;letter-spacing:1.4px}.hero .eyebrow{color:#ffe4b0}.hero h1,.panel-heading h2,.queue h2,.trending h2,dialog h2{font-family:"Playfair Display",serif;margin:0;letter-spacing:-1.7px}.hero h1{font-size:clamp(43px,6vw,69px);line-height:1.04}.hero h1 em{color:#ffd37b}.intro{font-size:15px;line-height:1.65;max-width:440px;margin:21px 0;color:#f4e9e8}.now-playing{position:absolute;z-index:2;bottom:34px;left:7.2%;right:7.2%;border-top:1px solid #ffffff75;padding-top:16px;display:flex;align-items:center;gap:14px}.now-playing small{display:block;font:10px "DM Mono",monospace;letter-spacing:1.2px;color:#f9d8c9;margin-bottom:4px}.now-playing strong{font-size:14px}.now-playing strong span{font-weight:400;color:#fde4d2}.now-playing button{margin-left:auto;border:0;background:#ffffff1a;color:white;border-radius:50%;width:33px;height:33px;font-size:18px}.equalizer{display:flex;align-items:center;gap:3px;height:24px}.equalizer b{display:block;width:3px;background:#ffd379;border-radius:2px;animation:bounce 1s infinite alternate}.equalizer b:nth-child(1){height:8px}.equalizer b:nth-child(2){height:19px;animation-delay:.3s}.equalizer b:nth-child(3){height:12px;animation-delay:.5s}.equalizer b:nth-child(4){height:17px;animation-delay:.15s}@keyframes bounce{to{transform:scaleY(.35)}}.request-panel{padding:73px 14%;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.panel-heading h2,.queue h2,.trending h2,dialog h2{font-size:37px;line-height:1.12}.panel-heading>p:last-child,.trending-heading>p{color:var(--muted);font-size:14px;line-height:1.7}form{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}label{font-size:12px;font-weight:700;color:#42485a}input,textarea{width:100%;display:block;border:1px solid var(--line);border-radius:5px;background:#fcfcfa;font:14px "Plus Jakarta Sans",sans-serif;margin-top:7px;padding:13px;outline:none;color:var(--ink)}input:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff765a18}textarea{height:73px;resize:vertical}label:nth-child(4),.submit{grid-column:1/-1}.optional{font-weight:400;color:#9aa0ae;float:right}.submit{border:0;background:var(--ink);color:#fff;padding:15px 18px;border-radius:5px;font:700 13px "Plus Jakarta Sans",sans-serif;cursor:pointer}.submit:hover{background:var(--orange)}.submit span{float:right;font-size:18px;line-height:12px}.notice{grid-column:2;margin:-52px 0 0;color:#9298a5;font-size:10px;line-height:1.5}.trending{padding:62px 14%;background:#fff}.trending-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:29px}.trending-heading>p{max-width:280px;margin:0}.trend-list,.request-list{border-top:1px solid var(--line)}.trend{display:flex;align-items:center;gap:14px;padding:13px 1px;border-bottom:1px solid var(--line)}.trend-rank,.request-number{font:11px "DM Mono",monospace;color:#ab9a86;width:16px}.album-art{width:39px;height:39px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(135deg,#f2b66d,#ee7971);color:white;font-size:17px}.trend:nth-child(2) .album-art{background:linear-gradient(135deg,#735d99,#e77a80)}.trend:nth-child(3) .album-art{background:linear-gradient(135deg,#4e91a0,#b9d16f)}.trend-copy strong,.request strong{font-size:13px}.trend-copy p,.request p{font-size:12px;color:var(--muted);margin:3px 0}.vote-button{margin-left:auto;min-width:75px;border:1px solid #f1d7c3;border-radius:20px;background:#fff8f2;color:#bd704e;padding:7px 10px;font:500 11px "Plus Jakarta Sans",sans-serif;cursor:pointer}.vote-button:hover,.vote-button.voted{color:white;background:var(--orange);border-color:var(--orange)}.vote-button span{font-size:14px;vertical-align:-1px}.queue{background:var(--cream);padding:54px 14% 72px}.queue-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.queue-title span{font:11px "DM Mono",monospace;color:#a36b4c}.request{display:flex;align-items:center;gap:18px;padding:17px 2px;border-bottom:1px solid #e4ddcf}.request .request-note{font-style:italic;color:#a56e56}.status{margin-left:auto;color:#b7704e;font:10px "DM Mono",monospace;letter-spacing:.8px;border:1px solid #e8cdb7;padding:5px 7px;border-radius:20px}.empty{color:#8c8690;font-size:14px;padding:24px 0;margin:0}dialog{border:0;border-radius:12px;width:min(420px,90vw);padding:38px;text-align:center;color:var(--ink);box-shadow:0 25px 100px #171b2c55}dialog::backdrop{background:#1b203c91;backdrop-filter:blur(3px)}dialog>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.6;margin:16px 0 24px}.modal-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffe2bd;color:#dc704f;margin:0 auto 18px;font-size:26px}@media(max-width:720px){.hero{min-height:520px;padding:25px 8%}.sun{width:320px;height:320px;right:-120px;top:120px}.hero-copy{margin-top:93px}.request-panel{padding:52px 8%;display:block}.panel-heading{margin-bottom:31px}.trending,.queue{padding:45px 8%}.trending-heading{display:block}.trending-heading>p{margin-top:14px}.notice{margin:0;grid-column:1/-1}.request-panel form{grid-template-columns:1fr}.queue-title{align-items:start;gap:12px}.queue h2,.trending h2{font-size:31px}.status{font-size:8px}.now-playing{left:8%;right:8%}}