@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;600;700&display=swap";:root{color:#f3ead8;background:#15130f;font-family:Space Grotesk,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 10%,#342b1c 0,#15130f 38%)}button,input,textarea{font:inherit}main{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:54px 0 80px}header{min-height:390px;display:flex;flex-direction:column;justify-content:end;border-bottom:1px solid #5a5140;padding-bottom:34px}.eyebrow,small{font:500 12px DM Mono,monospace;letter-spacing:.13em;color:#f2a93b}h1{margin:12px 0;font-size:clamp(70px,14vw,164px);line-height:.72;letter-spacing:-.08em}header p{max-width:470px;margin:16px 0 0 auto;color:#aaa18f}.player{display:grid;grid-template-columns:1fr 2fr;gap:42px;align-items:center;padding:52px 0;border-bottom:1px solid #5a5140}.signal{height:145px;display:flex;align-items:center;gap:7px}.signal i{display:block;width:7px;height:calc(12px + var(--n, 1) * 1px);background:#f2a93b;animation:pulse 1.4s ease-in-out infinite alternate}.signal i:nth-child(3n){height:90%;animation-delay:-.5s}.signal i:nth-child(4n){height:55%;animation-delay:-.8s}.signal i:nth-child(5n){height:30%;animation-delay:-.2s}@keyframes pulse{to{transform:scaleY(.3);opacity:.5}}.live{font:12px DM Mono,monospace;color:#f06845}.listeners{margin-left:14px;font:12px DM Mono,monospace;color:#85c878}.player h2,.request h2{margin:8px 0;font-size:clamp(28px,4vw,48px)}.player p,.request p{color:#aaa18f;margin:0 0 18px}.next-ready{display:block;margin-top:10px;color:#85c878}audio{width:100%;margin-top:22px;accent-color:#f2a93b}.controls{grid-column:2;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center}.controls audio{grid-column:1 / -1;margin-top:4px}.listen{border:0;padding:14px 22px;color:#15130f;background:#f2a93b;font-weight:700;cursor:pointer}.player-status{color:#aaa18f;font:12px DM Mono,monospace}.player-status.playing{color:#85c878}.player-status.error{color:#f08465}.fallback{grid-column:1 / -1;justify-self:start;border:1px solid #f08465;color:#f3ead8;background:transparent;padding:8px 12px;cursor:pointer}.queue{padding:52px 0;border-bottom:1px solid #5a5140}.queue-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.queue h2{margin:8px 0 0;font-size:clamp(28px,4vw,48px)}.queue ol{list-style:none;margin:0;padding:0;border-top:1px solid #3c372d}.queue-item{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;min-height:86px;padding:16px 0;border-bottom:1px solid #3c372d}.queue-item strong{display:block;font-size:18px}.queue-item p{margin:5px 0 0;color:#817969;font-size:13px}.queue-index,.queue-status{font:500 11px DM Mono,monospace;letter-spacing:.08em}.queue-index{color:#817969}.queue-status{padding:6px 9px;border:1px solid #5a5140;color:#aaa18f}.queue-item.playing .queue-index,.queue-item.playing .queue-status{color:#85c878;border-color:#476d40}.queue-item.generating .queue-status{color:#f2a93b;border-color:#8b6428}.queue-item.ready .queue-status{color:#85c878;border-color:#476d40}.queue-item.failed .queue-status{color:#f08465;border-color:#8b4938}.queue-empty{padding:24px 0;color:#817969}.request{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:64px}form{display:flex;flex-direction:column;gap:12px}textarea,input{width:100%;border:1px solid #5a5140;background:#211e18;color:#f3ead8;padding:15px;outline:none}textarea{min-height:130px;resize:vertical}textarea:focus,input:focus{border-color:#f2a93b}.submit{border:0;padding:16px;color:#15130f;background:#f2a93b;font-weight:700;cursor:pointer}.submit:disabled{opacity:.6}output{color:#d4c8b3;font-size:14px}.join-overlay{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0a0907e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.join-dialog{width:min(460px,100%);padding:34px;border:1px solid #5a5140;background:#1d1a15;box-shadow:0 24px 80px #0000008c}.join-dialog h2{margin:10px 0;font-size:34px}.join-dialog p{margin:0 0 14px;color:#aaa18f}@media(max-width:720px){.player,.request{grid-template-columns:1fr;gap:28px}.controls{grid-column:1}.queue-item{grid-template-columns:38px 1fr}.queue-status{grid-column:2;justify-self:start}header{min-height:300px}header p{margin-left:0}}