*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{width:min(100%,720px);margin:auto;padding:14px 14px 40px}.hero{text-align:center;padding:8px 0 12px}.logo{width:min(100%,520px);height:auto;display:block;margin:auto;object-fit:contain}.live-badge{display:inline-flex;align-items:center;gap:8px;background:#171717;border:1px solid #8e1b0e;border-radius:999px;padding:7px 14px;font-weight:800;letter-spacing:.08em;font-size:13px}.live-badge span{width:9px;height:9px;border-radius:50%;background:#f22;box-shadow:0 0 12px #f22}.radio-card,.panel{background:linear-gradient(145deg,#171717,#0d0d0d);border:1px solid #3b220e;border-radius:22px;padding:20px;margin:12px 0;box-shadow:0 12px 35px #0009}.radio-card{text-align:center}.eyebrow{color:#f7c948;font-size:12px;font-weight:900;letter-spacing:.16em}.now h1{font-size:28px;margin:6px 0 0}.now p{color:#bbb;margin:4px 0 18px}.play-btn{width:86px;height:86px;border-radius:50%;border:3px solid #f7c948;background:linear-gradient(145deg,#d51d0c,#6d0b05);color:#fff;font-size:34px;font-weight:900;box-shadow:0 0 28px #d51d0c55;cursor:pointer}.volume-row{display:flex;align-items:center;gap:10px;margin:18px auto 4px;max-width:330px}.volume-row input{width:100%;accent-color:#f7c948}.status{color:#aaa;font-size:13px;min-height:20px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{padding:18px;border-radius:18px;border:1px solid #513010;background:#121212;color:#fff;text-align:left;cursor:pointer}.action-card strong{display:block;font-size:17px;color:#f7c948;margin-bottom:6px}.action-card span{color:#bbb;font-size:13px}.panel h2{margin:0 0 7px;color:#f7c948}.panel p{color:#bbb;font-size:14px;line-height:1.45}.panel input,.panel textarea{width:100%;background:#050505;border:1px solid #444;color:#fff;border-radius:12px;padding:13px;margin:6px 0;font:inherit}.panel textarea{min-height:110px;resize:vertical}.primary,.record-btn{width:100%;border:0;border-radius:13px;padding:14px;margin-top:8px;font-weight:900;cursor:pointer}.primary{background:linear-gradient(90deg,#d51d0c,#f7a600);color:#fff}.record-btn{background:#28100c;border:2px solid #d51d0c;color:#fff}.record-btn.recording{background:#b20e08;animation:pulse 1s infinite}.result{margin-top:8px;color:#8fe388;font-size:13px}.share{text-align:center}footer{text-align:center;color:#777;padding:22px 0}.footer-logo{width:180px;max-width:70%;height:auto;opacity:.9}@keyframes pulse{50%{transform:scale(.98);opacity:.75}}@media(max-width:560px){.actions{grid-template-columns:1fr}.app{padding-left:10px;padding-right:10px}.logo{width:100%}.radio-card,.panel{border-radius:18px}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #f7c948;outline-offset:2px}