:root{color-scheme:dark;--lime:#c3fa42;--bg:#080d16;--panel:#121c2c;--muted:#a6b3c6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 10%,#182b32 0,transparent 50%),var(--bg);color:#f2f5fa;font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1250px;margin:auto;padding:30px 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}header>span{font-size:13px;color:var(--muted)}.brand{color:var(--lime);font-size:29px;font-weight:900;text-decoration:none;letter-spacing:2px}.brand span{display:block;color:white;font-size:10px;letter-spacing:7px}main{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:70px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.07;letter-spacing:-3px;margin:25px 0}.hero>p{max-width:480px;color:var(--muted)}em{color:var(--lime);font-style:normal}.eyebrow{letter-spacing:3px;font-size:12px;color:var(--lime)!important}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span{font-size:12px;padding:6px 12px;border:1px solid #ffffff22;border-radius:30px}.activation{background:linear-gradient(135deg,#172438,#101827);padding:32px;border:1px solid #ffffff15;border-radius:24px}h2{font-size:28px;margin-top:0}p{color:var(--muted)}label{display:block;color:#d2dce9;font-size:13px;margin-bottom:18px}input,select{display:block;width:100%;margin-top:8px;padding:15px;background:#080f1c;border:1px solid #354359;border-radius:10px;color:white;font:16px system-ui}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button{padding:13px 18px;border:0;border-radius:10px;background:var(--lime);color:#10170a;font-size:14px;font-weight:800;cursor:pointer}button:disabled{opacity:.45;cursor:wait}.secondary{background:#26354c;color:white;margin:5px 0}.plans{display:grid;gap:12px}.plans article,.plans form{border:1px solid #354359;border-radius:14px;padding:20px}.plans .featured{border-color:var(--lime)}.plans small{color:var(--lime);font-size:10px;letter-spacing:2px}.plans h3{margin:8px 0}.plans strong{font-size:30px}.plans p{font-size:13px}.notice{grid-column:1/-1;border-top:1px solid #ffffff16;padding-top:25px}.notice p{font-size:13px;max-width:960px}footer{font-size:12px;color:var(--muted)}#message{color:var(--lime);overflow-wrap:anywhere}.admin{display:block}.admin article{background:var(--panel);border-radius:12px;margin:10px 0;padding:20px;overflow-wrap:anywhere}.admin article button{display:block;margin-top:12px}.admin .plans{grid-template-columns:repeat(3,1fr)}[hidden]{display:none!important}@media(max-width:850px){header,main,footer{padding:22px}main{grid-template-columns:1fr;gap:30px;padding-top:35px}.hero h1{letter-spacing:-2px}.admin .plans{grid-template-columns:1fr}header>span{display:none}}

#playlist-list article{padding:14px;border:1px solid #354359;border-radius:12px;margin-bottom:12px}#playlist-list button{margin:0 8px 8px 0}select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}