body{margin:0;background:radial-gradient(circle at center,#0f172a 0%,#020617 100%);color:#e2e8f0;font-family:'Segoe UI',Tahoma,Arial,sans-serif;min-height:100vh;padding:32px 16px;box-sizing:border-box}
.pg{max-width:900px;margin:0 auto;background:rgba(15,23,42,.9);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px;box-shadow:0 25px 60px rgba(0,0,0,.8)}
.pg a.home{color:#38bdf8;font-weight:700;text-decoration:none}
.pg h1{text-align:center;margin:14px 0 6px;font-size:30px;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#ec4899,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pg h2{color:#7dd3fc;margin:26px 0 8px;font-size:20px}
.pg .sub{text-align:center;color:#94a3b8;margin-bottom:22px;font-size:14px}
.pg p,.pg li{line-height:1.6;color:#cbd5e1}
.pg table{width:100%;border-collapse:collapse}
.pg th{color:#94a3b8;text-align:left;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:10px;border-bottom:2px solid rgba(255,255,255,.1)}
.pg td{padding:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.pg .empty{text-align:center;color:#94a3b8;padding:22px}
.pg input,.pg textarea{background:#0b1220;border:1px solid rgba(56,189,248,.35);color:#fff;border-radius:8px;padding:10px;font:inherit;width:100%;box-sizing:border-box}
.pg button,.pg .btn{background:linear-gradient(135deg,#38bdf8,#0369a1);color:#00131f;border:0;border-radius:8px;padding:10px 18px;font-weight:800;cursor:pointer;font-size:15px}
.pg .row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.pg .row input{flex:1;min-width:180px;width:auto}
.pg .msg{min-height:22px;margin-top:10px;font-weight:700}.pg .ok{color:#4ade80}.pg .bad{color:#f87171}
.kbd{display:inline-block;background:#1e293b;border:1px solid #475569;border-bottom-width:3px;border-radius:6px;padding:1px 9px;font-weight:800;color:#fff;font-size:13px}
.ver{border-left:3px solid #38bdf8;padding:2px 0 2px 14px;margin:14px 0}.ver b{color:#fff}
.tag{color:#38bdf8;font-weight:800}.prem{color:#fbbf24;font-weight:800}
.letters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.letters button{padding:6px 11px;font-size:14px;background:#1e293b;color:#bae6fd;border:1px solid rgba(56,189,248,.3)}.letters button.on{background:#0ea5e9;color:#fff}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:14px}
.sk{background:#0b1220;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;text-align:center;cursor:pointer}
.sk:hover{border-color:#38bdf8}.sk img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 6px}.sk span{font-size:13px;word-break:break-all}