*{box-sizing:border-box}body{margin:0;background:#0b0b0f;color:#f5f5f5;font-family:Tahoma,Arial,sans-serif}header{height:70px;border-bottom:1px solid #24242b;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;background:#0b0b0fee;backdrop-filter:blur(10px)}.brand{font-size:24px;font-weight:800}.admin-link{color:#bbb;text-decoration:none}.admin-link:hover{color:#fff}main{max-width:950px;margin:auto;padding:45px 6%}.hero{padding:50px 0}.tag{color:#999;letter-spacing:3px;font-size:12px}.hero h1{font-size:clamp(38px,8vw,72px);margin:12px 0}.hero p{color:#aaa;line-height:2}.tracks{display:grid;gap:14px}.track{background:#15151b;border:1px solid #272730;border-radius:16px;padding:18px}.track h3{margin:0 0 12px}.track audio{width:100%}.empty{color:#777}.admin{max-width:600px}.admin input{display:block;width:100%;margin:8px 0 18px;padding:13px;border-radius:10px;border:1px solid #333;background:#15151b;color:#fff}.admin button{padding:12px 20px;border:0;border-radius:10px;background:#fff;color:#000;cursor:pointer;margin-bottom:20px}.error{color:#ff7777}.notice{background:#17171d;border:1px solid #30303a;border-radius:12px;padding:14px;line-height:1.9;color:#bbb}.adminTrack{padding:12px;border-bottom:1px solid #292930}.adminTrack button{margin:8px 0 0 8px;background:#292930;color:#fff}label{display:block;color:#bbb;margin-top:12px}h2{margin-top:35px}