:root{--c:#22d3ee;--bg:#040b16;--g:#fbbf24;--card:rgba(10,22,40,.82)}
*{box-sizing:border-box}html,body{margin:0}
body{background:radial-gradient(circle at 20% 0,#0a2540,var(--bg) 60%);color:#e2f6ff;font:14px/1.5 system-ui,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}
.hidden{display:none!important}
.grid{position:fixed;inset:0;background-image:radial-gradient(rgba(34,211,238,.1) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.beam{position:fixed;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--c),transparent);box-shadow:0 0 18px var(--c);animation:scan 6s linear infinite;pointer-events:none;opacity:.5}
@keyframes scan{to{transform:translateY(100vh)}}
.spin{animation:sp 10s linear infinite}.rev{animation-direction:reverse}@keyframes sp{to{transform:rotate(360deg)}}
.bggear{position:fixed;color:var(--c);opacity:.12;pointer-events:none}.g1{width:340px;left:-120px;top:20%}.g2{width:240px;right:-90px;bottom:5%}
header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:rgba(4,11,22,.92);border-bottom:1px solid rgba(34,211,238,.4);backdrop-filter:blur(10px)}
.brand{display:flex;gap:10px;align-items:center;color:var(--c)}.brand b{display:block;letter-spacing:.15em;font-size:13px}.brand small{color:#7fb4c7;font-size:9px;letter-spacing:.12em}
.right{display:flex;gap:10px;align-items:center}
.live{display:flex;align-items:center;gap:6px;font:700 10px monospace;color:#4ade80;border:1px solid rgba(34,211,238,.3);padding:5px 10px;border-radius:99px}
.live i{width:9px;height:9px;border-radius:50%;background:#22c55e;animation:pg 1.4s infinite}
@keyframes pg{50%{opacity:.2;box-shadow:none}0%,100%{box-shadow:0 0 12px #22c55e}}
main{position:relative;z-index:2;max-width:640px;margin:0 auto;padding:18px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
.card{background:var(--card);border:1px solid rgba(34,211,238,.35);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 0 30px rgba(34,211,238,.12),inset 0 0 14px rgba(34,211,238,.06);animation:fi .4s both}
@keyframes fi{from{opacity:0;transform:translateY(8px)}}
h2{margin:0 0 8px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#a5f3fc}p{color:#9cc3d1;margin:0 0 12px}
input,textarea{width:100%;background:#071426;border:1px solid rgba(34,211,238,.3);border-radius:12px;padding:12px;color:#cffafe;font:inherit;margin-bottom:10px;outline:none}
input:focus,textarea:focus{border-color:var(--c);box-shadow:0 0 0 3px rgba(34,211,238,.15)}
button{font:inherit;cursor:pointer;border:0}
.cta{width:100%;padding:13px;border-radius:12px;font-weight:800;letter-spacing:.06em;color:#021018;background:linear-gradient(90deg,#0891b2,#2dd4bf,#22d3ee);box-shadow:0 0 22px rgba(34,211,238,.4)}
.cta.sm{width:auto;padding:10px 16px;margin-left:auto}.cta:disabled{opacity:.5}
.ghost{background:transparent;border:1px solid rgba(34,211,238,.4);color:var(--c);border-radius:10px;padding:7px 12px}
.perks{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:12px;font-size:11px;color:#86efac}
.status{display:flex;justify-content:space-between;align-items:center}.status small{display:block;color:#7fb4c7}
.pill{background:rgba(251,191,36,.15);border:1px solid var(--g);color:var(--g);padding:5px 12px;border-radius:99px;font-weight:700;font-size:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chips label{border:1px solid rgba(34,211,238,.35);border-radius:99px;padding:5px 11px;font-size:12px;cursor:pointer}.chips input{display:none;margin:0;width:auto}.chips label.on{background:rgba(34,211,238,.2);color:#fff;border-color:var(--c)}
.bar{display:flex;align-items:center;gap:10px}.hint{font-size:11px;color:#7fb4c7}
.plus{width:44px;height:44px;border-radius:12px;font-size:28px;line-height:1;background:#071426;color:var(--c);border:1px dashed var(--c)}
.thumbs,.imgs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.thumbs div{position:relative}.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--c)}
.thumbs b{position:absolute;top:-6px;right:-6px;background:#ef4444;border-radius:50%;width:18px;height:18px;text-align:center;font-size:12px;cursor:pointer}
.imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.imgs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.imgs a{display:block;text-align:center;font-size:11px;color:var(--c);margin-top:4px}
.busy{display:flex;gap:10px;align-items:center;margin-top:12px;color:var(--c);font-family:monospace;font-size:12px}
pre{white-space:pre-wrap;word-break:break-word;font:13px/1.6 inherit;font-family:inherit;margin:0 0 10px}
.links a{color:var(--c);margin-right:14px}
.warn{border-color:var(--g)}.warn h2{color:var(--g)}
.pack{position:relative}.pack.best{border-color:var(--g);box-shadow:0 0 30px rgba(251,191,36,.25)}.pack .tag{position:absolute;top:-10px;right:14px;background:var(--g);color:#000;font-weight:800;font-size:10px;padding:3px 10px;border-radius:99px}
.pack h3{margin:0}.pack .pr{font-size:24px;font-weight:800;color:#fff}.pack .pr small{font-size:12px;color:#7fb4c7;font-weight:400}.pack ul{padding-left:18px;color:#9cc3d1;margin:8px 0 12px}
#robot{position:fixed;right:10px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:6;cursor:pointer;animation:fl 3.5s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(34,211,238,.6))}
@keyframes fl{50%{transform:translateY(-14px) rotate(2deg)}}
.eye{animation:bl 4s infinite;transform-origin:center;transform-box:fill-box}@keyframes bl{94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}.ant{animation:pg 1.2s infinite}
#bubble{position:absolute;right:100px;bottom:70px;width:170px;background:#0b1b2e;border:1px solid var(--c);border-radius:12px;padding:8px 10px;font-size:11px;opacity:0;transition:.3s;pointer-events:none}#bubble.show{opacity:1}
@media(max-width:480px){#robot svg{width:78px}#bubble{right:70px}}
main{max-width:1100px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:9px 8px;border-bottom:1px solid rgba(34,211,238,.2);text-align:left;vertical-align:top}th{color:var(--c);font-size:11px;letter-spacing:.08em}
.wrap{overflow-x:auto}.s{font-weight:800;padding:2px 9px;border-radius:99px;font-size:11px}.s.ACTIVE{background:#14532d;color:#86efac}.s.TRIAL{background:#713f12;color:#fde68a}.s.EXPIRED{background:#7f1d1d;color:#fecaca}
.stat{display:flex;gap:10px;flex-wrap:wrap}.stat div{flex:1;min-width:110px;text-align:center;color:#7fb4c7}.stat b{display:block;font-size:28px;color:#fff}
td button{margin:2px 3px 0 0;padding:6px 9px;font-size:11px}td a{color:var(--c)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tabs button.on{background:rgba(34,211,238,.25);color:#fff}
.ok{color:#4ade80;border-color:#4ade80}.no{color:#f87171;border-color:#f87171}.gold{color:var(--g);border-color:var(--g)}