:root{color-scheme:dark;--ink:#f9eedb;--muted:#c5b39b;--gold:#efb95e;--bg:#191711}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}header{max-width:1250px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;letter-spacing:2px;font-weight:bold}.brand img{width:70px;height:48px;object-fit:contain;background:white;border-radius:3px}.brand small{display:block;font-size:12px;color:var(--gold);letter-spacing:6px}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a:hover{color:var(--gold)}main{max-width:1250px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding:65px 0;align-items:center}.eyebrow{font-size:13px;letter-spacing:3px;font-weight:bold;color:var(--gold);margin:0 0 15px}h1,h2{font-family:Georgia,'Times New Roman',serif;line-height:1.1;margin:0}h1{font-size:clamp(40px,5vw,67px);letter-spacing:-2px}.intro{color:var(--muted);font-size:18px;margin:20px 0 28px}.player{border-top:1px solid #ac80474f;padding-top:22px}.playing-label{font-size:12px;letter-spacing:2px;color:var(--gold)}.player h2{font-family:Arial,sans-serif;font-size:24px;margin-top:8px;line-height:1.3}.player #artist{margin:4px 0 20px;color:var(--muted)}button{border:0;background:var(--gold);color:#211609;font:700 16px Arial;padding:16px 24px;border-radius:4px;min-width:158px;cursor:pointer}button:hover{background:#ffcb7c}button:disabled{opacity:.65;cursor:wait}.controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.volume{font-size:14px;display:flex;align-items:center;gap:10px}input{accent-color:var(--gold);width:100px}.status{font-size:14px;color:var(--muted);margin:14px 0 0}.logo-panel{background:#fff;padding:30px 20px 22px;border:5px solid #6b4428;box-shadow:12px 12px 0 #0004;transform:rotate(2deg)}.logo-panel img{width:100%;display:block}.logo-panel span{display:block;text-align:center;color:#714a27;font-size:12px;font-weight:bold;letter-spacing:3px;margin-top:22px}.community{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 0}.community h2{font-size:32px}.section-note{color:var(--muted);margin:15px 0 24px}.recent ol{padding:0;margin:0;list-style:none;counter-reset:tracks}.recent li{counter-increment:tracks;display:flex;gap:18px;padding:15px 0;border-bottom:1px solid #ffffff1c}.recent li:before{content:counter(tracks,decimal-leading-zero);color:var(--gold);font-size:14px;min-width:24px;padding-top:2px}.recent li strong{display:block;line-height:1.4;font-weight:600}.recent li span{font-size:14px;color:var(--muted)}iframe{border:1px solid #70583c;background:#fff;border-radius:4px;display:block}.chat-link{font-size:14px;display:inline-block;margin-top:12px;color:var(--gold)}footer{border-top:1px solid #ffffff24;max-width:1186px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:28px 0 36px;font-size:13px;color:var(--muted)}footer strong{color:var(--gold);letter-spacing:2px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:800px){header{padding:18px 22px;flex-wrap:wrap;gap:20px}nav{gap:20px;flex-wrap:wrap}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:35px;padding:38px 0}.logo-panel{max-width:440px;margin:0 auto;transform:none}.community{grid-template-columns:1fr;gap:40px;padding:40px 0}footer{margin:0 22px;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}