:root{--panel:#141414;--line:#2c2c2c;--muted:#aaa;--red:#ef3434}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#211010 0,var(--bg) 45%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:#ff7777}.wrap{max-width:1100px;margin:0 auto;padding:28px 18px 60px}.nav{justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.brand,.nav{display:flex;align-items:center}.brand{gap:12px;font-weight:800;letter-spacing:.04em}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #6d2424;border-radius:12px;color:var(--red);font-size:21px;background:#1a1010}.eyebrow{font-size:11px;letter-spacing:.2em;color:#ff7777;text-transform:uppercase}.hero{padding:54px 0 28px;max-width:760px}.hero h1{font-size:clamp(36px,7vw,70px);line-height:.98;margin:12px 0 18px;letter-spacing:-.05em}.hero p{color:#c5c5c5;line-height:1.65;max-width:620px}.tag{display:inline-flex;border:1px solid #5e2727;border-radius:99px;padding:7px 11px;color:#ffaaaa;font-size:12px;background:#1b1010}.grid{display:grid;grid-template-columns:1.35fr .65fr;grid-gap:18px;gap:18px}.panel{background:linear-gradient(145deg,#171717,#101010);border:1px solid var(--line);border-radius:18px;padding:22px}.panel h2{margin:0 0 12px;font-size:18px}.muted{color:var(--muted);font-size:14px;line-height:1.5}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0}.field label{font-size:13px;color:#d0d0d0}.field input,.field textarea{background:#090909;border:1px solid #3a3a3a;border-radius:10px;padding:12px;color:white;font:inherit;width:100%}.btn{color:white;border:0;border-radius:10px;padding:12px 16px;font-weight:750;cursor:pointer}.btn.secondary{background:#242424;border:1px solid #3b3b3b}.btn:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.player{margin-top:16px;border:1px solid var(--line);background:#0b0b0b;border-radius:14px;padding:16px}.tracktitle{font-size:20px;font-weight:750}.chatlog{height:270px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:10px 0}.message{background:#202020;border-radius:10px;padding:9px 11px;font-size:13px}.message strong{color:#ff8b8b;margin-right:6px}.status{font-size:12px;color:#a8e4b1}.small{font-size:12px;color:#999}.divider{height:1px;background:var(--line);margin:18px 0}.footer{margin-top:26px;color:#777;font-size:12px;text-align:center}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding-top:38px}.nav{align-items:flex-start}.nav .muted{display:none}}:root{color-scheme:dark;--bg:#090909;--panel:#121212;--line:#333333;--muted:#b6b6b6;--red:#e21b32;--white:#f7f7f7}body{background:#090909;color:var(--white);font-family:Avenir Next,Avenir,Arial,sans-serif}a:not(.btn){color:#ff5265}.wrap{max-width:1180px}.nav{border-color:#333333}.nav .brand{color:#ffffff;text-decoration:none}.brand .small,.small{color:#b8b8b8}.nav .tag,.tag{border:1px solid #6f2029;border-radius:3px;background:#160b0d;color:#ff7381}.eyebrow{color:#ff5265}.wrap>.hero h1{color:#ffffff;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:52px;font-weight:500;letter-spacing:0;line-height:1.02}.muted,.wrap>.hero p{color:#b8b8b8}.grid{gap:16px}.panel{border:1px solid #333333;border-radius:6px;background:#121212;color:#f7f7f7}.panel h2,.panel strong{color:#ffffff}.field label{color:#dedede}.field input,.field select,.field textarea{border:1px solid #444444;border-radius:3px;background:#090909;color:#ffffff}.field input::placeholder,.field textarea::placeholder{color:#8e8e8e}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);outline:2px solid rgb(226 27 50/28%);outline-offset:1px}input[type=checkbox],input[type=radio]{accent-color:var(--red)}.btn{border-radius:3px;background:var(--red);color:#ffffff}.btn.secondary{border:1px solid #444444;border-radius:3px;background:#181818;color:#ffffff}.btn.secondary:hover:not(:disabled){border-color:var(--red)}.btn:hover:not(:disabled){background:#c8172d}.player{border:1px solid #333333;border-radius:5px;background:#090909}.message{border:1px solid #303030;border-radius:4px;background:#171717;color:#f4f4f4}.message strong,.status{color:#ff5265}.divider{background:#333333}.footer{color:#aaa}.footer a{color:#ff5265}@media (max-width:760px){.wrap{padding:20px 16px 44px}.nav{align-items:center;flex-wrap:wrap}.wrap>.hero h1{font-size:40px}.grid{grid-template-columns:1fr}}@media (max-width:600px){.wrap{padding:16px 14px 36px}.nav{gap:10px;padding-bottom:12px}.nav .brand{min-width:0;gap:8px}.nav .tag{max-width:100%;padding:6px 8px;font-size:10px;white-space:normal}.wrap>.hero{max-width:none;padding:34px 0 24px}.wrap>.hero h1{font-size:38px;line-height:1.06;overflow-wrap:anywhere}.panel{min-width:0;padding:16px}.row{gap:8px}.row>.field{flex:1 1 100%;min-width:0}.row>.btn{min-height:44px}.field input,.field select,.field textarea{min-width:0;font-size:16px}.chatlog{max-width:100%;min-height:180px;height:min(40vh,300px)}.message,.panel strong,.small{overflow-wrap:anywhere}.player audio{display:block;max-width:100%}.footer{text-align:left}}