:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#f4f4f5;background:#090a0c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:11px;padding:.7rem 1rem;cursor:pointer}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate-card{width:min(100%,360px);display:grid;gap:14px;padding:28px;border:1px solid #22262c;border-radius:22px;background:#101216}.gate-card h1,.gate-card p{margin:0}.gate-card p,.muted{color:#8d949f}.gate-card input,.search input,.search select{background:#17191e;border:1px solid #2a2e35;color:#fff;border-radius:11px;padding:.8rem}.mark{width:42px;height:42px;background:#eee;color:#111;border-radius:12px;display:grid;place-items:center;font-weight:900}.error{color:#ff8989}header{position:sticky;top:0;display:flex;align-items:center;gap:25px;padding:16px max(18px,calc((100vw - 1100px)/2));background:#0b0c0fdd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #1d2025}nav{display:flex;gap:5px;overflow:auto}nav button{background:transparent;color:#9299a5;text-transform:capitalize}nav button.active{background:#1c1f25;color:#fff}.content{max-width:1100px;margin:auto;padding:28px 18px 80px}.search{display:flex;gap:10px;margin:18px 0}.search input{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.card{background:#111318;border:1px solid #202329;border-radius:15px;overflow:hidden}.placeholder{aspect-ratio:16/9;background:#1c1f25}.card h3,.card small{display:block;margin:9px 12px}.card small,.row small{color:#818995}.row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #202329}.row small{display:block;margin-top:4px}.player{width:100%;aspect-ratio:16/9;background:#000;border:0;border-radius:16px}.empty{padding:45px;border:1px dashed #2b2e35;border-radius:16px;color:#777}.boot{min-height:100vh;display:grid;place-items:center}@media(max-width:650px){header{display:block}header>b{display:block;margin-bottom:8px}.grid{grid-template-columns:repeat(2,1fr)}.search{flex-wrap:wrap}.search input{min-width:100%}}
