:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#07090d;color:#f7f8fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 0,#17112d 0,transparent 40%),#07090d}header{height:82px;padding:0 max(28px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252a34;background:#090b10}header img{width:145px;display:block}header nav{display:flex;align-items:center;gap:28px}a{color:#c9d0dc;text-decoration:none;font-weight:800;font-size:13px}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:58px 0 90px}.intro p,.account-head p,.library-item small{color:#35d5ff;font-weight:900;letter-spacing:.18em;font-size:12px}.intro h1{font-size:clamp(38px,6vw,72px);margin:8px 0}.intro span{color:#a8b0be}.auth,.panel,.account-head{background:#11151d;border:1px solid #2a303b;border-radius:10px;padding:28px;margin-top:30px}.auth{max-width:620px}.tabs{display:flex;gap:8px;margin-bottom:24px}.tabs button,button{border:1px solid #37404d;background:#171c25;color:#fff;padding:12px 16px;border-radius:5px;font-weight:900;cursor:pointer}.tabs .active,.primary{background:#276f9c;border-color:#3ecdf7}label{display:grid;gap:7px;color:#c6ceda;margin:14px 0}input,select{width:100%;padding:12px;border:1px solid #333a46;border-radius:5px;background:#090c11;color:#fff}header select{width:auto;padding:8px 10px}.check{display:flex;align-items:flex-start}.check input{width:auto;margin-top:3px}#auth-error{color:#ff7f87;min-height:20px}.account-head{display:flex;justify-content:space-between;align-items:center}.account-head h2{font-size:32px;margin:5px 0}.account-head span,.account-head small,.empty,.library-item p{display:block;color:#929baa}.panel h2{margin-top:0}.library-item,.row{display:flex;align-items:center;gap:18px;padding:17px 0;border-top:1px solid #292f39}.library-item img{width:64px;height:64px;object-fit:cover;border-radius:6px}.library-item div{flex:1}.library-item h3{margin:5px 0}.library-item p{margin:0}.row{justify-content:space-between}.row span:first-child{display:grid;gap:4px;flex:1}.row small{color:#929baa}.status.pending,.pending{color:#ffca62;font-weight:900}.status.paid{color:#62e5a2}#toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;background:#18202a;border:1px solid #35d5ff;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}[hidden]{display:none!important}@media(max-width:700px){header nav a{display:none}.account-head,.library-item,.row{align-items:flex-start;flex-direction:column}.library-item form,.library-item button{width:100%}}
