:root{--bg:#0c0a18;--pn:#15122a;--ln:#2a2548;--tx:#e9e7f7;--mu:#8f8aae;--ac:#8b5cf6;--a2:#22d3ee;--bad:#ff5c7a}
body[data-s=zs]{--ac:#22d3ee;--a2:#8b5cf6}
*{box-sizing:border-box}body{margin:0;color:var(--tx);font:15px/1.5 system-ui,sans-serif;min-height:100vh;background:radial-gradient(900px 450px at 85% -10%,color-mix(in srgb,var(--ac) 22%,transparent),transparent),var(--bg)}
h1,h2,.brand,th{font-family:'Chakra Petch',sans-serif}.mut{color:var(--mu)}
header{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--ln)}
.brand{font-size:24px;font-weight:700}
.sw{display:flex;border:1px solid var(--ln);border-radius:8px;overflow:hidden}
.sw button{background:none;border:0;color:var(--mu);padding:8px 16px;cursor:pointer;font:500 14px 'Chakra Petch'}
.sw button.on{background:var(--ac);color:#0c0a18}
nav{display:flex;flex-wrap:wrap;gap:4px;padding:8px 24px;border-bottom:1px solid var(--ln)}
nav a{color:var(--mu);text-decoration:none;padding:6px 12px;border-radius:6px}
nav a.on{color:var(--tx);background:color-mix(in srgb,var(--ac) 25%,transparent)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--a2);outline-offset:2px}
main{max-width:1100px;margin:0 auto;padding:24px}h1{margin:0 0 16px;font-size:28px}
.bar{display:flex;gap:12px;align-items:center;margin-bottom:12px}
input{flex:1;background:var(--pn);border:1px solid var(--ln);color:var(--tx);padding:10px 14px;border-radius:8px;font:inherit}
.tw{overflow-x:auto;border:1px solid var(--ln);border-radius:10px;background:var(--pn)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--ln);white-space:nowrap}
th{color:var(--mu);font-weight:500}tr:last-child td{border:0}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;background:color-mix(in srgb,var(--ac) 28%,transparent)}
.pill.bad{background:color-mix(in srgb,var(--bad) 28%,transparent);color:var(--bad)}
.pg{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:14px}
button.b,.btn{background:var(--ac);color:#0c0a18;border:0;border-radius:8px;padding:8px 16px;cursor:pointer;text-decoration:none;font-weight:600;display:inline-block}
button:disabled{opacity:.35;cursor:default}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{background:var(--pn);border:1px solid var(--ln);border-radius:10px;padding:16px}.card h3{margin:0 0 4px;font-family:'Chakra Petch'}
.meter{height:6px;background:var(--ln);border-radius:3px;margin:4px 0 10px}.meter i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--ac),var(--a2))}
.top{display:flex;align-items:center;gap:16px;padding:12px 16px;margin-bottom:8px}.rank{font:700 28px 'Chakra Petch';width:44px;color:var(--a2)}.top:first-child{border-color:var(--ac)}
.msg{padding:6px 0;border-bottom:1px solid var(--ln)}.msg b{color:var(--a2)}
iframe{width:100%;height:70vh;border:1px solid var(--ln);border-radius:10px;background:#fff;margin-top:12px}
@media(prefers-reduced-motion:no-preference){main>*{animation:f .25s}@keyframes f{from{opacity:0}}}

label{display:block;margin:10px 0 4px;color:var(--mu)}.err{color:var(--bad);min-height:1.4em;margin:8px 0}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
button.ghost{background:none;border:1px solid var(--ln);color:var(--tx)}
.link{background:none;border:0;color:var(--a2);cursor:pointer;padding:0;text-decoration:underline;font:inherit}

body[data-s=zs]{--bg:#04150d;--pn:#0a2216;--ln:#1d4a33;--ac:#14b866;--a2:#7dffb3;--tx:#e8fff2;--mu:#7fb79a}
select,textarea{background:var(--pn);border:1px solid var(--ln);color:var(--tx);padding:10px 14px;border-radius:8px;font:inherit}textarea{width:100%}
h2{font:700 18px 'Chakra Petch',sans-serif;margin:22px 0 8px}code{color:var(--a2)}
.old td{text-decoration:line-through;color:var(--mu)}
.pl{display:flex;align-items:center;gap:12px;padding:10px 14px}.pl .rank{font-size:20px;width:30px;text-align:center}.pl.zb{border-left:4px solid var(--bad)}.meter.zb i{background:var(--bad)}
.live{display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:50%;background:var(--a2);box-shadow:0 0 10px var(--a2)}.live.off .dot{background:var(--bad);box-shadow:0 0 10px var(--bad)}
.big{font:700 34px 'Chakra Petch',sans-serif}.zc{color:var(--bad)}.post .body{white-space:pre-wrap;word-break:break-word;margin-top:8px}

.bar{flex-wrap:wrap}
.hero{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font:700 28px 'Chakra Petch',sans-serif;color:#0c0a18;background:linear-gradient(135deg,var(--ac),var(--a2))}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--ln);margin-bottom:16px}
.tabs a{color:var(--mu);text-decoration:none;padding:8px 16px;border-bottom:2px solid transparent}.tabs a.on{color:var(--tx);border-color:var(--ac)}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pips{display:flex;gap:4px;margin:10px 0}.pips i{flex:1;height:8px;border-radius:4px;background:var(--ln)}.pips i.on{background:linear-gradient(90deg,var(--ac),var(--a2))}
.sk.rec{border-color:var(--a2);box-shadow:0 0 0 1px var(--a2)}.rc{color:var(--a2)}
.grid.models{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.model{text-align:center}
.model img,.model .ph{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:8px;background:var(--bg);display:grid;place-items:center;margin-bottom:8px}.model .ph{font-size:34px;color:var(--mu)}.model.lock{opacity:.75}

.role{display:inline-block;padding:2px 12px;border:1px solid currentColor;border-radius:99px;margin-left:12px;vertical-align:middle;font:600 14px 'Chakra Petch',sans-serif}
.r-owner{color:#ffd24a;text-shadow:0 0 10px rgba(255,210,74,.5)}.r-superadmin{color:#ff5c7a}.r-admin{color:#4aa8ff}.r-freevip{color:#2dd4bf}.r-vip{color:#ffb020}

.pill.eqp{background:var(--a2);color:#0c0a18}.model.eq{border-color:var(--a2);box-shadow:0 0 0 1px var(--a2)}
.wimg{width:100%;aspect-ratio:16/9;object-fit:contain;margin-bottom:8px}