/* CipherBot — design system v2 */
:root{
  --bg:#05070e;--tx:#e8eefc;--mut:#8a98b8;--dim:#5b6a88;
  --g:#3ddc97;--c:#4cc9f0;--v:#8b7cff;--r:#ff4d6d;--y:#ffb703;
  --glass:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  --bd:rgba(255,255,255,.09);--bd2:rgba(255,255,255,.16);--panel2:rgba(255,255,255,.045);--line:rgba(255,255,255,.08);
  --grad:linear-gradient(135deg,var(--g),var(--c) 55%,var(--v));
  --head:"Space Grotesk",Inter,system-ui,sans-serif;--body:Inter,system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 var(--body);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--c);text-decoration:none}
h1,h2,h3{font-family:var(--head);letter-spacing:-.02em}
.mono{font-family:var(--mono)}
::selection{background:#4cc9f055}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1f2c47;border-radius:99px}::-webkit-scrollbar-track{background:transparent}

/* ---------- animated background ---------- */
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(1200px 700px at 50% -10%,#0d1b33 0,transparent 70%),var(--bg)}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:float 22s ease-in-out infinite}
.o1{width:560px;height:560px;background:#12c98a;left:-140px;top:-120px;opacity:.28}
.o2{width:620px;height:620px;background:#3b82f6;right:-180px;top:10%;opacity:.26;animation-delay:-7s}
.o3{width:520px;height:520px;background:#8b5cf6;left:30%;bottom:-260px;opacity:.24;animation-delay:-13s}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(60px,40px) scale(1.1)}66%{transform:translate(-40px,70px) scale(.95)}}
.gridfx{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 0,transparent 72%);mask-image:radial-gradient(ellipse at 50% 20%,#000 0,transparent 72%)}

/* ---------- top bar ---------- */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px 28px;border-bottom:1px solid var(--bd);background:rgba(5,7,14,.62);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}
.brand{display:flex;align-items:center;gap:10px;font:700 21px var(--head);color:var(--tx);letter-spacing:-.03em}
.brand b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand svg{width:30px;height:30px;filter:drop-shadow(0 0 10px #3ddc9780)}
.top .links{display:flex;gap:4px}.top .links a{color:var(--mut);padding:7px 12px;border-radius:9px;font-weight:500;font-size:14px}.top .links a:hover{color:var(--tx);background:var(--panel2)}
.sp{flex:1}
.ava{width:28px;height:28px;border-radius:50%;background:var(--panel2);object-fit:cover}

/* ---------- primitives ---------- */
.wrap{max-width:1180px;margin:0 auto;padding:30px 24px 70px}
.card,.panel{background:var(--glass);border:1px solid var(--bd);border-radius:18px;padding:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 40px -20px #000}
.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:var(--mut);font-size:14px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--bd2);background:var(--panel2);color:var(--tx);padding:9px 16px;border-radius:11px;font:600 14px var(--body);cursor:pointer;transition:.18s;white-space:nowrap}
.btn:hover{border-color:var(--c);background:rgba(76,201,240,.1);transform:translateY(-1px)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn.p{background:var(--grad);color:#03110b;border:0;box-shadow:0 8px 28px -8px #3ddc97aa}
.btn.p:hover{filter:brightness(1.08);box-shadow:0 10px 34px -6px #4cc9f0cc;background:var(--grad)}
.btn.d{border-color:rgba(255,77,109,.4);color:var(--r);background:rgba(255,77,109,.07)}.btn.d:hover{background:rgba(255,77,109,.16);border-color:var(--r)}
.btn.lg{padding:14px 28px;font-size:16px;border-radius:14px}
.pill{display:inline-flex;gap:7px;align-items:center;padding:4px 12px;border-radius:99px;font-size:12.5px;border:1px solid var(--bd);background:var(--panel2);color:var(--mut)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--r);flex:none}.dot.on{background:var(--g);box-shadow:0 0 0 0 #3ddc9788;animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px #3ddc9700}100%{box-shadow:0 0 0 0 #3ddc9700}}
.lbl{color:var(--mut);font-size:11.5px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}
.stat{font:700 34px var(--mono);letter-spacing:-.04em;line-height:1.1;margin-top:4px}
.warn{border-color:rgba(255,183,3,.4)!important;background:rgba(255,183,3,.08)!important;color:var(--y)}
input[type=number],input[type=text],select,textarea{background:rgba(5,9,18,.7);border:1px solid var(--bd);color:var(--tx);border-radius:10px;padding:9px 12px;font:14px var(--body);max-width:100%;transition:.15s;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--c);box-shadow:0 0 0 3px rgba(76,201,240,.15)}
input[type=number]{width:96px}select{min-width:190px;cursor:pointer}textarea{width:330px;height:96px;resize:vertical}
select option{background:#0b1220}
.sw{position:relative;width:46px;height:26px;display:inline-block;flex:none}.sw input{opacity:0;width:0;height:0;position:absolute}
.sw i{position:absolute;inset:0;background:rgba(255,255,255,.1);border:1px solid var(--bd);border-radius:99px;cursor:pointer;transition:.25s}
.sw i:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#cbd5e8;border-radius:50%;transition:.25s}
.sw input:checked+i{background:var(--grad);border-color:transparent;box-shadow:0 0 18px -2px #3ddc9799}.sw input:checked+i:before{transform:translateX(20px);background:#fff}
.sw input:focus-visible+i{outline:2px solid var(--c);outline-offset:2px}
#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:rgba(10,16,30,.92);backdrop-filter:blur(12px);border:1px solid rgba(61,220,151,.5);padding:11px 20px;border-radius:12px;display:none;z-index:50;max-width:90vw;white-space:pre-line;box-shadow:0 14px 50px -10px #000,0 0 30px -10px #3ddc97}

/* ---------- landing ---------- */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0 30px}
.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.02;margin:18px 0 18px;font-weight:700}
.hero h1 b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:shine 6s ease infinite}
@keyframes shine{50%{background-position:100% 50%}}
.hero p.lead{color:var(--mut);font-size:18px;max-width:540px;margin:0 0 28px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.livecard{position:relative;padding:22px;border-radius:22px}
.livecard:before{content:"";position:absolute;inset:-1px;border-radius:23px;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none}
.lc-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.lc-shield{width:48px;height:48px;border-radius:14px;background:rgba(61,220,151,.12);display:grid;place-items:center}.lc-shield svg{width:28px;height:28px}
.lc-step{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;opacity:0;animation:stepin .5s forwards}
.lc-step:last-child{border:0}.lc-step span.ok{margin-left:auto;color:var(--g);font:600 12px var(--mono)}
.lc-step:nth-child(2){animation-delay:.4s}.lc-step:nth-child(3){animation-delay:1.1s}.lc-step:nth-child(4){animation-delay:1.8s}.lc-step:nth-child(5){animation-delay:2.5s}.lc-step:nth-child(6){animation-delay:3.2s}
@keyframes stepin{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}
.stats3 .card{text-align:center}.stats3 .stat{font-size:40px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-t{text-align:center;margin:70px 0 28px}.sec-t h2{font-size:clamp(28px,4vw,42px);margin:0 0 8px}.sec-t p{color:var(--mut);margin:0}
.feat{position:relative;overflow:hidden;transition:.25s}
.feat:hover{transform:translateY(-4px);border-color:var(--bd2);box-shadow:0 20px 50px -20px #4cc9f066}
.feat .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:14px;background:rgba(76,201,240,.1);color:var(--c)}.feat .ic svg{width:24px;height:24px}
.feat.g .ic{background:rgba(61,220,151,.1);color:var(--g)}.feat.r .ic{background:rgba(255,77,109,.1);color:var(--r)}.feat.v .ic{background:rgba(139,124,255,.12);color:var(--v)}.feat.y .ic{background:rgba(255,183,3,.1);color:var(--y)}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.steps3 .card{position:relative;padding-top:34px}.steps3 .card:before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:20px;width:34px;height:34px;border-radius:50%;background:var(--grad);color:#03110b;font:700 16px var(--mono);display:grid;place-items:center}
.final{text-align:center;margin-top:70px;padding:48px 24px}.final h2{font-size:clamp(28px,4vw,42px);margin:0 0 10px}
footer.f{text-align:center;color:var(--dim);font-size:13px;padding:30px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:30px}.stats3,.steps3{grid-template-columns:1fr}}

/* ---------- server picker ---------- */
.ph-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;justify-content:space-between;margin-bottom:22px}
.ph-head h1{margin:0;font-size:32px}.ph-head p{margin:4px 0 0;color:var(--mut)}
.meter{width:240px}.meter .tr{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px}.meter .tr i{display:block;height:100%;background:var(--grad);border-radius:99px;transition:width .8s}
.srvcard{position:relative;display:block;color:inherit;overflow:hidden;padding:0;transition:.25s}
.srvcard:hover{transform:translateY(-5px);border-color:var(--bd2);box-shadow:0 24px 60px -24px #3ddc97aa}
.srvcard .banner{height:84px;background:var(--grad);position:relative;overflow:hidden}
.srvcard .banner img{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(18px) saturate(1.6) brightness(.7)}
.srvcard .banner:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(5,7,14,.7))}
.srvcard .body{padding:0 20px 20px;margin-top:-30px;position:relative}
.srvcard .sicon{width:60px;height:60px;border-radius:18px;border:3px solid #0a1020;background:#101a30;display:grid;place-items:center;font:700 22px var(--head);overflow:hidden}.srvcard .sicon img{width:100%;height:100%;object-fit:cover}
.srvcard h3{margin:10px 0 2px;font-size:18px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.go{color:var(--g);font-weight:600;font-size:14px}.go.off{color:var(--dim)}
.empty{display:grid;place-items:center;min-height:210px;border:1.5px dashed var(--bd2);background:transparent;color:var(--mut);text-align:center;transition:.2s}
.empty:hover{border-color:var(--g);color:var(--g);background:rgba(61,220,151,.05)}.empty .plus{font:300 42px var(--head);line-height:1}

/* ---------- dashboard shell ---------- */
.shell{display:grid;grid-template-columns:268px minmax(0,1fr);gap:26px;max-width:1380px;margin:0 auto;padding:26px 24px 80px;align-items:start}
.side{position:sticky;top:84px;padding:16px}
.side .sv{display:flex;align-items:center;gap:12px;padding:6px 6px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}
.side .sv .sicon{width:46px;height:46px;border-radius:14px;background:var(--grad);display:grid;place-items:center;font:700 18px var(--head);color:#03110b;flex:none}
.side .sv b{display:block;font:600 15px var(--head);line-height:1.2;overflow:hidden;text-overflow:ellipsis}.side .sv small{color:var(--mut)}
.tabs{display:flex;flex-direction:column;gap:3px}
.tab{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;border:0;background:none;color:var(--mut);cursor:pointer;font:500 14.5px var(--body);text-align:left;position:relative;transition:.15s}
.tab svg{width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tab:hover{color:var(--tx);background:var(--panel2)}
.tab.on{color:var(--tx);background:linear-gradient(90deg,rgba(61,220,151,.16),rgba(76,201,240,.04))}
.tab.on svg{color:var(--g);filter:drop-shadow(0 0 6px #3ddc97aa)}
.tab.on:before{content:"";position:absolute;left:-16px;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--grad);box-shadow:0 0 12px #3ddc97}
.side .back{display:flex;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.phead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.phead h1{margin:0;font-size:30px}.phead p{margin:4px 0 0;color:var(--mut)}
.sec{display:none;animation:fade .35s}.sec.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.panel{margin-bottom:18px}
.panel>h3{margin:0;font-size:17px}.panel>p.sub{margin:3px 0 6px;color:var(--mut);font-size:13.5px}
.row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0;padding-bottom:2px}
.row .t{font-weight:600}.row .d{color:var(--mut);font-size:13px;max-width:520px}.row .ctl{flex:none}
.statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.sc{position:relative;overflow:hidden}.sc:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--ac,var(--c));opacity:.12;filter:blur(18px)}
.sc .ico{position:absolute;right:16px;top:16px;opacity:.9;color:var(--ac,var(--c))}.sc .ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chartgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.bars{height:120px;margin-top:10px}.bars svg{width:100%;height:100%;display:block;overflow:visible}
.qa{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13.5px;vertical-align:top}th{color:var(--mut);font:600 11.5px var(--body);text-transform:uppercase;letter-spacing:1px}tbody tr:hover{background:var(--panel2)}
.k{padding:3px 9px;border-radius:7px;font:600 11px var(--mono);background:rgba(255,255,255,.07);text-transform:uppercase}
.k.verified{color:var(--g);background:rgba(61,220,151,.1)}.k.raid,.k.kick,.k.ban{color:var(--r);background:rgba(255,77,109,.1)}.k.spam,.k.filter,.k.verify{color:var(--y);background:rgba(255,183,3,.1)}.k.join{color:var(--c);background:rgba(76,201,240,.1)}.k.recovery{color:var(--v);background:rgba(139,124,255,.12)}
@media(max-width:1000px){.shell{grid-template-columns:1fr}.side{position:static}.tabs{flex-direction:row;overflow-x:auto;padding-bottom:4px}.tab{white-space:nowrap}.tab.on:before{display:none}.side .sv,.side .back{display:none}.statgrid{grid-template-columns:repeat(2,1fr)}.chartgrid{grid-template-columns:1fr}}
@media(max-width:620px){.row{flex-direction:column;align-items:flex-start;gap:10px}textarea{width:100%}.top{padding:10px 16px}.top .links{display:none}.statgrid{grid-template-columns:1fr 1fr}.shell,.wrap{padding-left:16px;padding-right:16px}}

/* ---------- recovery board ---------- */
.rc-board{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.rc-board{grid-template-columns:1fr 1fr}#rc-detail{grid-column:1/-1}}@media(max-width:640px){.rc-board{grid-template-columns:1fr}}
.rc-col{min-height:340px;transition:.2s}.rc-col.over{border-color:var(--g);background:rgba(61,220,151,.07);box-shadow:inset 0 0 40px -20px #3ddc97}
.rc-h{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rc-h .btn{margin-left:auto;padding:5px 11px;font-size:12px}
.rc-list{max-height:62vh;overflow-y:auto;padding-right:2px}
.it{display:flex;gap:9px;align-items:center;padding:8px 11px;border:1px solid var(--bd);border-radius:11px;margin:5px 0;background:var(--panel2);cursor:grab;font-size:14px;user-select:none;transition:.15s}
.it:hover{border-color:var(--bd2);transform:translateX(2px)}.it:active{cursor:grabbing}.it.sel{border-color:var(--c);background:rgba(76,201,240,.08)}.it.kid{margin-left:20px}.it.drag{opacity:.35}
.it .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.it .mv{border:0;background:none;color:var(--mut);cursor:pointer;font-size:16px;padding:0 3px}.it .mv:hover{color:var(--g)}
.lab{color:var(--dim);font-size:11px;margin:14px 0 2px;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.bd{font:600 10px var(--mono);padding:2px 8px;border-radius:6px;text-transform:uppercase}
.bd.deleted{background:rgba(255,77,109,.15);color:var(--r)}.bd.changed{background:rgba(255,183,3,.14);color:var(--y)}.bd.ok{background:rgba(61,220,151,.12);color:var(--g)}.bd.new{background:rgba(76,201,240,.14);color:var(--c)}
.pm{margin:7px 0;padding:11px;border:1px solid var(--bd);border-radius:11px;background:var(--panel2);font-size:13px}.pm .al{color:var(--g)}.pm .dn{color:var(--r)}.pm div{margin-top:4px;word-break:break-word}

/* ---------- verify page ---------- */
.vwrap{max-width:540px;margin:0 auto;padding:54px 20px 80px}
.vcard{position:relative;text-align:center;padding:34px 28px;border-radius:24px}
.vcard:before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}
.radar{position:relative;width:96px;height:96px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center}
.radar img,.radar .gi{width:72px;height:72px;border-radius:22px;object-fit:cover;background:#101a30;display:grid;place-items:center;font:700 26px var(--head)}
.radar:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 60%,var(--g) 100%);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);opacity:.0}
.scanning .radar:before{opacity:1;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.vcard h2{margin:0 0 4px;font-size:25px}.vcard .sub{color:var(--mut);margin:0 0 22px;font-size:14.5px}
.vbar{height:6px;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden;margin:6px 0 16px}.vbar i{display:block;height:100%;width:0;background:var(--grad);transition:width .7s;box-shadow:0 0 14px #3ddc97}
.st{display:flex;gap:13px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line);font-size:14.5px;text-align:left}.st:last-child{border:0}
.st .ic{width:24px;text-align:center;flex:none;font-size:15px}.st .sub{color:var(--mut);font-size:12px;margin:0}.st.pend{opacity:.38}
.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--c);border-radius:50%;animation:spin .8s linear infinite}
.vnote{color:var(--dim);font-size:12.5px;margin:22px 0 0}

/* ---------- lockdown ---------- */
.lk-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.lk-ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(255,77,109,.12);color:var(--r)}.lk-ic svg{width:26px;height:26px}
.lk-what{background:rgba(255,255,255,.035);border:1px solid var(--bd);border-radius:14px;padding:14px 18px;margin-bottom:6px}
.lk-what ul{margin:8px 0 0;padding-left:20px;color:var(--mut);font-size:14px}.lk-what li{margin:5px 0}.lk-what li b{color:var(--tx)}
.lk-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}#lk-cd{color:var(--y);font-size:14px}

/* ---------- members ---------- */
.mgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:start}
@media(max-width:1000px){.mgrid{grid-template-columns:1fr}}
.mtools{display:flex;gap:10px;flex-wrap:wrap}.mtools input{flex:1;min-width:160px}
.chips2{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.chip{border:1px solid var(--bd);background:var(--panel2);color:var(--mut);padding:5px 12px;border-radius:99px;font:500 13px var(--body);cursor:pointer;transition:.15s}
.chip:hover{color:var(--tx);border-color:var(--bd2)}.chip.on{background:rgba(61,220,151,.14);border-color:rgba(61,220,151,.5);color:var(--g)}
#m-list{max-height:68vh;overflow-y:auto;padding-right:2px}
.mrow{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:9px 11px;margin:5px 0;border:1px solid var(--bd);border-radius:13px;background:var(--panel2);color:var(--tx);cursor:pointer;transition:.15s;font:inherit}
.mrow:hover{border-color:var(--bd2);transform:translateX(2px)}.mrow.sel{border-color:var(--c);background:rgba(76,201,240,.09)}
.mrow img{width:38px;height:38px;border-radius:50%;flex:none;background:#101a30}
.mi{flex:1;min-width:0}.mi b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mi small{color:var(--mut);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg{font:600 10px var(--mono);padding:2px 7px;border-radius:6px;background:rgba(139,124,255,.16);color:var(--v);margin-left:6px;flex:none}.tg.w{background:rgba(255,183,3,.14);color:var(--y)}
.rk{font:600 11px var(--mono);padding:3px 9px;border-radius:99px;text-transform:uppercase;flex:none}
.rk.low,.rkbig.low{background:rgba(61,220,151,.12);color:var(--g)}.rk.medium,.rkbig.medium{background:rgba(255,183,3,.14);color:var(--y)}.rk.high,.rkbig.high{background:rgba(255,77,109,.16);color:var(--r)}
.mdetail{position:sticky;top:84px;max-height:calc(100vh - 110px);overflow-y:auto}
.mh{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.mh>img{width:64px;height:64px;border-radius:50%}.mh>div:nth-child(2){flex:1}
.rkbig{text-align:center;padding:8px 16px;border-radius:14px}.rkbig b{display:block;font:700 26px var(--mono);line-height:1}.rkbig small{font-size:11px;text-transform:uppercase;letter-spacing:.8px}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kv>div{background:var(--panel2);border:1px solid var(--bd);border-radius:12px;padding:11px 13px}.kv span{display:block;color:var(--mut);font-size:11.5px;text-transform:uppercase;letter-spacing:.8px}.kv b{display:block;font-size:15px;margin-top:2px}.kv small{color:var(--dim)}
.mdetail h4{margin:20px 0 8px;font:600 12px var(--body);text-transform:uppercase;letter-spacing:1.1px;color:var(--mut)}
.sig .s{display:flex;gap:10px;align-items:flex-start;padding:8px 12px;border-radius:10px;margin:5px 0;background:var(--panel2);font-size:14px}
.sig .s i{width:9px;height:9px;border-radius:50%;margin-top:7px;flex:none;background:var(--dim)}
.sig .s.high i{background:var(--r);box-shadow:0 0 8px var(--r)}.sig .s.med i{background:var(--y)}.sig .s.low i{background:#e0c766}.sig .s.ok i{background:var(--g)}.sig .s.info i{background:var(--c)}
.note{color:var(--dim);font-size:12.5px;margin:10px 2px 0}
.roles{display:flex;flex-wrap:wrap;gap:6px}.role{border:1px solid var(--bd2);border-radius:99px;padding:3px 11px;font-size:13px;color:var(--tx)}
.hist>div{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}.hist small{grid-column:2;color:var(--dim)}

/* ---------- status page ---------- */
.sbanner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 28px;border-radius:22px;border:1px solid var(--bd);background:var(--glass);position:relative;overflow:hidden;backdrop-filter:blur(10px)}
.sbanner:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 160px at 0% 50%,var(--sc,#4cc9f0),transparent 70%);opacity:.22;pointer-events:none}
.sbanner[data-s=ok]{--sc:#3ddc97;border-color:rgba(61,220,151,.35)}.sbanner[data-s=degraded]{--sc:#ffb703;border-color:rgba(255,183,3,.4)}.sbanner[data-s=outage]{--sc:#ff4d6d;border-color:rgba(255,77,109,.45)}
.sbanner h1{margin:0;font-size:30px}.sbanner p{margin:3px 0 0;color:var(--mut)}
.sb-ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:700 26px var(--mono);background:rgba(255,255,255,.08);position:relative}
.sbanner[data-s=ok] .sb-ic{background:rgba(61,220,151,.18);color:var(--g);box-shadow:0 0 0 0 #3ddc9788;animation:pulse 2.4s infinite}.sbanner[data-s=degraded] .sb-ic{background:rgba(255,183,3,.18);color:var(--y)}.sbanner[data-s=outage] .sb-ic{background:rgba(255,77,109,.18);color:var(--r)}
.svc{padding:16px 0;border-bottom:1px solid var(--line)}.svc:last-of-type{border:0}
.svc-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.svc-h small{color:var(--mut);flex:1;min-width:140px}
.svc-st{font:600 12px var(--mono);padding:2px 10px;border-radius:99px}.svc-st.ok{color:var(--g);background:rgba(61,220,151,.12)}.svc-st.bad{color:var(--r);background:rgba(255,77,109,.14)}
.svc-up{color:var(--mut);font-size:13px;min-width:62px;text-align:right}
.dbar{display:grid;grid-template-columns:repeat(30,1fr);gap:3px;margin-top:11px}.dbar i{height:30px;border-radius:4px;transition:.15s}.dbar i:hover{transform:scaleY(1.18);filter:brightness(1.3)}
.legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--mut);font-size:12px;margin-top:14px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.incd{display:flex;gap:12px;align-items:flex-start;padding:11px 2px;border-bottom:1px solid var(--line)}.incd:last-child{border:0}.incd i{width:9px;height:9px;border-radius:50%;background:var(--y);margin-top:7px;flex:none}.incd.on i{background:var(--r);box-shadow:0 0 8px var(--r)}.incd small{display:block;color:var(--mut)}

/* ---------- pricing ---------- */
.bill-toggle{display:flex;gap:6px;justify-content:center;margin:0 0 22px}.bill-toggle .chip{padding:8px 18px;font-size:14px}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}@media(max-width:700px){.plans{grid-template-columns:1fr}}
.plan{display:flex;flex-direction:column;padding:28px;position:relative}.plan h3{margin:0 0 6px;font-size:22px}
.plan .price{margin:6px 0 18px}.plan .price b{font:700 44px var(--mono);letter-spacing:-.04em}.plan .price span{color:var(--mut);margin-left:8px}
.plan ul{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan li{padding:8px 0 8px 28px;position:relative;color:var(--tx);border-bottom:1px solid var(--line)}.plan li:last-child{border:0}
.plan li:before{content:"✓";position:absolute;left:2px;color:var(--g);font-weight:700}
.plan.pro{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--grad) border-box;border:1.5px solid transparent;box-shadow:0 30px 80px -30px #3ddc97aa}
.ribbon{position:absolute;top:-12px;right:22px;background:var(--grad);color:#03110b;font:700 11px var(--mono);padding:4px 12px;border-radius:99px;letter-spacing:.8px}
.pill.prem{background:rgba(255,183,3,.12);border-color:rgba(255,183,3,.45);color:var(--y);font-weight:600}

/* ---------- premium locks ---------- */
.row.locked .ctl{opacity:.45;pointer-events:none}.row.locked .t{opacity:.9}
.pbadge{font:700 10px var(--mono);letter-spacing:.6px;padding:2px 8px;border-radius:99px;background:rgba(255,183,3,.14);color:var(--y)!important;border:1px solid rgba(255,183,3,.4);margin-left:6px;vertical-align:1px;text-decoration:none}
.pbadge:hover{background:rgba(255,183,3,.25)}.pbadge[hidden]{display:none}
.lockbar{margin-bottom:16px;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,183,3,.4);background:rgba(255,183,3,.08);color:var(--tx)}.lockbar[hidden]{display:none}

.pbox{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* ---------- home: two-stat row + FAQ ---------- */
.stats3.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;margin-left:auto;margin-right:auto}@media(max-width:560px){.stats3.two{grid-template-columns:1fr 1fr}}
.faq{max-width:760px;margin:0 auto}
.faq details{background:var(--glass);border:1px solid var(--bd);border-radius:14px;margin-bottom:10px;padding:0 20px;transition:.2s}.faq details[open]{border-color:var(--bd2)}
.faq summary{cursor:pointer;padding:16px 0;font:600 16px var(--head);list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--g);font:400 22px/1 var(--head);transition:.2s}.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{margin:0 0 16px;color:var(--mut);font-size:14.5px}

.own-note{margin-bottom:20px;padding:16px 20px;border-color:rgba(76,201,240,.35);background:linear-gradient(180deg,rgba(76,201,240,.08),rgba(76,201,240,.02))}
.own-note>b{display:block;margin-bottom:3px}.own-note>span{color:var(--mut);font-size:14px}
.own-list{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.own-list small{color:var(--mut);margin-right:4px}.own-list .tg{margin-left:0;font-size:12px;background:rgba(61,220,151,.12);color:var(--g)}
.own-list.warn-t{color:var(--y);font-size:14px}

/* ---------- anti-scam ---------- */
.aipanel{border-color:rgba(255,183,3,.28);background:linear-gradient(180deg,rgba(255,183,3,.05),rgba(255,255,255,.02))}
.aistats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 4px}@media(max-width:700px){.aistats{grid-template-columns:1fr 1fr}}
.aistats>div{background:var(--panel2);border:1px solid var(--bd);border-radius:12px;padding:11px 13px}.aistats span{display:block;color:var(--mut);font-size:11.5px;text-transform:uppercase;letter-spacing:.8px}.aistats b{display:block;font:700 20px var(--mono);margin-top:2px}
.k.antiscam{color:var(--r);background:rgba(255,77,109,.1)}

/* ---------- legal pages ---------- */
.legal-wrap{max-width:1100px}
.legal-head{text-align:center;margin:10px 0 28px}.legal-head h1{font-size:clamp(32px,5vw,48px);margin:14px 0 4px}.legal-head p{color:var(--mut);margin:0}
.legal{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.toc{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px;padding:16px}.toc>b{font:600 12px var(--body);text-transform:uppercase;letter-spacing:1px;color:var(--mut);margin-bottom:8px}
.toc a{color:var(--mut);padding:6px 10px;border-radius:8px;font-size:13.5px;transition:.15s}.toc a:hover{color:var(--tx);background:var(--panel2)}
.prose{padding:32px 36px;font-size:15.5px;line-height:1.7}
.prose>p:first-child{font-size:16.5px;color:var(--tx)}
.prose h2{font-size:23px;margin:34px 0 10px;padding-top:6px;scroll-margin-top:90px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}
.prose h3{font-size:16px;margin:20px 0 6px;color:var(--tx)}
.prose p,.prose li{color:#c4cee3}.prose ul{padding-left:22px}.prose li{margin:6px 0}.prose li::marker{color:var(--g)}
.prose b{color:var(--tx)}.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(76,201,240,.4)}
.legal-note{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);color:var(--mut)!important;font-size:14px}
@media(max-width:860px){.legal{grid-template-columns:1fr}.toc{position:static;flex-direction:row;flex-wrap:wrap}.toc>b{width:100%}.prose{padding:22px 20px}}

/* ---------- premium panel (top bar) ---------- */
button.premBtn{cursor:pointer;font:600 12.5px var(--body);transition:.15s}.premBtn:hover{background:rgba(255,183,3,.22);box-shadow:0 0 18px -4px #ffb703}
.pmodal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px}.pmodal[hidden]{display:none}
.pm-back{position:absolute;inset:0;background:rgba(3,5,10,.7);backdrop-filter:blur(6px);animation:fade .2s}
.pm-card{position:relative;width:min(480px,100%);padding:26px;border-radius:22px;max-height:90vh;overflow-y:auto;animation:fade .25s;background:linear-gradient(180deg,rgba(18,26,44,.97),rgba(10,15,28,.97))}
.pm-x{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--mut);font-size:26px;cursor:pointer;line-height:1}.pm-x:hover{color:var(--tx)}
.pm-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-right:28px}.pm-card h3{margin:0 0 8px;font-size:22px}.pm-head h3{margin:0}
.pm-badge{font:600 12px var(--mono);padding:3px 11px;border-radius:99px}.pm-badge.ok{color:var(--g);background:rgba(61,220,151,.13)}.pm-badge.warn{color:var(--y);background:rgba(255,183,3,.14)}
.pm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:480px){.pm-grid{grid-template-columns:1fr}}
.pm-grid>div{background:var(--panel2);border:1px solid var(--bd);border-radius:13px;padding:12px}.pm-grid span{display:block;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.pm-grid b{display:block;font:700 17px var(--mono);margin:3px 0 1px}.pm-grid small{color:var(--dim);font-size:12px}
.pm-note{margin-top:14px;padding:11px 14px;border-radius:12px;background:rgba(255,183,3,.08);border:1px solid rgba(255,183,3,.35);color:#e8d9b0;font-size:14px}
.pm-sub{color:var(--mut);margin:0 0 12px;font-size:15px;line-height:1.6}.pm-sub b{color:var(--tx)}
.pm-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.pm-btns .btn{flex:1;min-width:150px}
.pm-msg{margin-top:12px;font-size:13.5px;color:var(--g);min-height:18px}.pm-load{display:flex;align-items:center;gap:12px;color:var(--mut);padding:24px 4px}
.pm-done{width:54px;height:54px;border-radius:50%;background:rgba(61,220,151,.16);color:var(--g);display:grid;place-items:center;font:700 26px var(--mono);margin-bottom:12px}

/* ---------- gold outline = Premium ---------- */
:root{--gold:#ffb703;--gold2:#ffd36b}
.row.prem-row{position:relative;margin:10px 0;padding:15px 18px;border:1px solid rgba(255,183,3,.55);border-radius:14px;
  background:linear-gradient(90deg,rgba(255,183,3,.08),rgba(255,183,3,.015) 65%);
  box-shadow:0 0 0 1px rgba(255,183,3,.10),0 0 20px -5px rgba(255,183,3,.55),inset 0 0 26px -16px rgba(255,183,3,.7);
  animation:goldglow 3.6s ease-in-out infinite}
.row.prem-row:last-child{padding-bottom:15px}
.row.prem-row:hover{border-color:var(--gold2);box-shadow:0 0 0 1px rgba(255,211,107,.25),0 0 28px -4px rgba(255,183,3,.75),inset 0 0 28px -14px rgba(255,183,3,.8)}
@keyframes goldglow{0%,100%{box-shadow:0 0 0 1px rgba(255,183,3,.10),0 0 14px -6px rgba(255,183,3,.45),inset 0 0 26px -16px rgba(255,183,3,.6)}
 50%{box-shadow:0 0 0 1px rgba(255,183,3,.18),0 0 26px -4px rgba(255,183,3,.7),inset 0 0 26px -14px rgba(255,183,3,.8)}}
.row.prem-part{margin:10px 0;padding:15px 18px;border:1px dashed rgba(255,183,3,.55);border-radius:14px;background:linear-gradient(90deg,rgba(255,183,3,.045),transparent 60%)}
.row.prem-part+.row{border-top:0}
/* the AI panel is Premium as a whole: give it the same glow */
.aipanel{border:1px solid rgba(255,183,3,.6);box-shadow:0 0 0 1px rgba(255,183,3,.10),0 0 34px -10px rgba(255,183,3,.6),inset 0 0 40px -26px rgba(255,183,3,.7);animation:goldglow 3.6s ease-in-out infinite}
.aipanel .row.prem-row{animation:none;box-shadow:inset 0 0 22px -16px rgba(255,183,3,.7)}
.row.prem-row.locked .ctl{opacity:.5}
.goldkey{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:-8px 0 16px;color:var(--mut);font-size:13px}.goldkey[hidden]{display:none}
.gk{display:inline-block;width:26px;height:14px;border-radius:5px;vertical-align:-2px;margin-right:6px}
.gk.solid{border:1px solid rgba(255,183,3,.8);box-shadow:0 0 10px -1px rgba(255,183,3,.8);background:rgba(255,183,3,.12)}
.gk.dash{border:1px dashed rgba(255,183,3,.8);background:rgba(255,183,3,.05)}
.gk.none{border:1px solid var(--bd2);background:var(--panel2)}
@media(prefers-reduced-motion:reduce){.row.prem-row,.aipanel{animation:none}}
@media(max-width:620px){.row.prem-row,.row.prem-part{padding:13px 14px}}

.row.locked .t,.row.locked .d{opacity:1}

/* ---------- recovery v2: raid alert + protected wording ---------- */
.rc-alert{display:flex;gap:16px;align-items:center;padding:16px 20px;border-radius:16px;margin-bottom:16px;border:1.5px solid #ff2d55;
  background:rgba(255,45,85,.12);animation:redflash 1.1s ease-in-out infinite}
.rc-alert[hidden]{display:none}.rc-alert.live{animation-duration:.6s}
.ra-ic{font-size:30px;line-height:1}.ra-body{flex:1;min-width:0}.ra-body b{display:block;font:700 18px var(--head);color:#ff8fa3}.ra-body span{display:block;color:#ffd5dc;font-size:14px;margin-top:3px;word-break:break-word}
@keyframes redflash{0%,100%{border-color:#ff2d55;background:rgba(255,45,85,.10);box-shadow:0 0 0 0 rgba(255,45,85,0)}
 50%{border-color:#ff7a93;background:rgba(255,45,85,.26);box-shadow:0 0 34px 2px rgba(255,45,85,.6),inset 0 0 30px rgba(255,45,85,.22)}}
.tab.alert:after{content:"";width:9px;height:9px;border-radius:50%;background:#ff2d55;margin-left:auto;box-shadow:0 0 10px #ff2d55;animation:dotflash 1s ease-in-out infinite}
@keyframes dotflash{50%{opacity:.25}}
.rg-nums{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--mut);font-size:14px}.rg-nums input{width:78px}
.rg-how{margin:12px 0 0;padding-left:20px;color:var(--mut);font-size:14px}.rg-how li{margin:5px 0}.rg-how li::marker{color:var(--g)}.rg-how b{color:var(--tx)}
.rc-hint{margin-top:14px;padding:11px 14px;border-radius:12px;background:rgba(76,201,240,.08);border:1px solid rgba(76,201,240,.3);font-size:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rc-hint[hidden]{display:none}.rc-hint .btn{padding:6px 12px}
.rc-tip{margin:12px 0 0;padding:11px 14px;border-radius:12px;background:rgba(61,220,151,.07);border:1px solid rgba(61,220,151,.3);color:#cfe9dd;font-size:14px}
.rc-cap{color:var(--mut);font-size:12.5px;margin:-4px 0 10px}
.rc-prot{border-color:rgba(61,220,151,.28)}.rc-prot.over{border-color:var(--g)}
@media(prefers-reduced-motion:reduce){.rc-alert,.tab.alert:after{animation:none}.rc-alert{background:rgba(255,45,85,.22)}}

/* ---------- deep scan (Premium) ---------- */
.deep{border:1px solid rgba(255,183,3,.55);border-radius:14px;padding:14px 16px;background:linear-gradient(90deg,rgba(255,183,3,.08),rgba(255,183,3,.015) 65%);box-shadow:0 0 0 1px rgba(255,183,3,.10),0 0 20px -5px rgba(255,183,3,.55),inset 0 0 26px -16px rgba(255,183,3,.7)}
.deep-top{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.deep-top>div{flex:1;min-width:200px}.deep-top b{display:block}.deep-top span{color:var(--mut);font-size:13px}
.deep-load{display:flex;gap:10px;align-items:center;color:var(--mut);padding:14px 2px 4px}.deep-err{color:var(--y);padding:12px 2px 2px;font-size:14px}
.dv{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid var(--bd)}.dv>span{font-size:26px}.dv b{display:block;font:700 17px var(--head)}.dv small{color:var(--mut)}
.dv.flagged{background:rgba(255,77,109,.12);border-color:rgba(255,77,109,.55)}.dv.flagged b{color:#ff8fa3}.dv.caution{background:rgba(255,183,3,.10);border-color:rgba(255,183,3,.5)}.dv.caution b{color:var(--y)}.dv.clear{background:rgba(61,220,151,.09);border-color:rgba(61,220,151,.4)}.dv.clear b{color:var(--g)}
.dsrc{margin-top:10px;padding:11px 13px;border-radius:11px;background:var(--panel2);border:1px solid var(--bd)}.dsrc p{margin:6px 0 0;font-size:14px;color:#c4cee3}.dsrc ul{margin:6px 0 0;padding-left:20px;color:var(--mut);font-size:13px}.dsrc li{margin:3px 0}
.dsh{display:flex;gap:9px;align-items:center}.dsh b{flex:1}.dsh em{font:600 11px var(--mono);text-transform:uppercase;font-style:normal;color:var(--mut)}.dsi{width:20px;text-align:center}
.dsrc.flagged{border-color:rgba(255,77,109,.5)}.dsrc.flagged .dsh em{color:var(--r)}.dsrc.caution{border-color:rgba(255,183,3,.45)}.dsrc.caution .dsh em{color:var(--y)}.dsrc.clear .dsh em{color:var(--g)}.dsrc.clear .dsi{color:var(--g)}

/* ---------- status page v2 ---------- */
.sx-wrap{max-width:1180px}
.sx-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:34px 36px;border-radius:26px;border:1px solid var(--bd);background:var(--glass);backdrop-filter:blur(12px)}
.sx-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(620px 220px at 0% 50%,var(--sc,#4cc9f0),transparent 70%);opacity:.26;pointer-events:none}
.sx-hero[data-s=ok]{--sc:#3ddc97;border-color:rgba(61,220,151,.4)}.sx-hero[data-s=degraded]{--sc:#ffb703;border-color:rgba(255,183,3,.45)}.sx-hero[data-s=outage]{--sc:#ff4d6d;border-color:rgba(255,77,109,.5)}
.sx-ecg{position:absolute;left:0;right:0;bottom:6px;width:100%;height:64px;opacity:.55;pointer-events:none}
.sx-ecg path{fill:none;stroke:var(--sc,#4cc9f0);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:900;stroke-dashoffset:900;animation:ecg 3.2s linear infinite;filter:drop-shadow(0 0 5px var(--sc,#4cc9f0))}
@keyframes ecg{to{stroke-dashoffset:0}}
.sx-orb{position:relative;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font:700 34px var(--mono);flex:none;background:rgba(255,255,255,.07);z-index:1}
.sx-orb:before,.sx-orb:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--sc,#4cc9f0);opacity:.5;animation:ring 2.6s ease-out infinite}.sx-orb:after{animation-delay:1.3s}
@keyframes ring{from{transform:scale(1);opacity:.55}to{transform:scale(1.7);opacity:0}}
.sx-hero[data-s=ok] .sx-orb{background:rgba(61,220,151,.18);color:var(--g)}.sx-hero[data-s=degraded] .sx-orb{background:rgba(255,183,3,.18);color:var(--y)}.sx-hero[data-s=outage] .sx-orb{background:rgba(255,77,109,.18);color:var(--r)}
.sx-ht{flex:1;min-width:220px;position:relative;z-index:1}.sx-kicker{font:600 12px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--mut)}
.sx-ht h1{margin:4px 0 4px;font-size:clamp(28px,4vw,40px)}.sx-ht p{margin:0;color:var(--mut)}
.sx-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;position:relative;z-index:1}.sx-meta small{color:var(--dim);font-size:12px}
.sx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}@media(max-width:700px){.sx-stats{grid-template-columns:1fr}}
.sx-stats .sc small{color:var(--dim);font-size:12px}
.sx-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;align-items:start}@media(max-width:980px){.sx-grid{grid-template-columns:1fr}}
.sx-side{position:sticky;top:84px}@media(max-width:980px){.sx-side{position:static}}
.sx-ph{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.sx-ph h3{margin:0}
.sx-gs{font:600 12px var(--mono);padding:3px 11px;border-radius:99px}.sx-gs.ok{color:var(--g);background:rgba(61,220,151,.12)}.sx-gs.bad{color:var(--r);background:rgba(255,77,109,.14)}
.sx-ci{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:var(--panel2);border:1px solid var(--bd);flex:none}.sx-ci.bad{border-color:rgba(255,77,109,.5);background:rgba(255,77,109,.1)}
.sx-cn{flex:1;min-width:130px}.sx-cn b{display:block}.sx-cn small{color:var(--mut)}
.dbar-l{display:flex;justify-content:space-between;color:var(--dim);font-size:11px;margin-top:5px}
.sx-lr{display:flex;justify-content:space-between;color:var(--mut);font-size:13px;margin-top:10px}.sx-lr b{color:var(--tx);font-family:var(--mono)}
.fr{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.fr:last-child{border:0}.fr>span{font-size:18px;width:26px;text-align:center}.fr b{display:block;font-size:14px}.fr small{color:var(--mut)}
.sx-clear{color:var(--g);padding:12px 2px}
@media(prefers-reduced-motion:reduce){.sx-ecg path{animation:none;stroke-dashoffset:0}.sx-orb:before,.sx-orb:after{animation:none;opacity:.3}}

/* ---------- Watchtower ---------- */
.wt-banner{margin-bottom:16px;padding:13px 18px;border-radius:14px;background:rgba(76,201,240,.07);border:1px solid rgba(76,201,240,.3);color:#cfe6f1;font-size:14px}
.wt-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.wt-grid{grid-template-columns:1fr}}
.wt-list{max-height:74vh;overflow-y:auto;padding:12px}.wt-empty{color:var(--mut);text-align:center;padding:36px 16px;font-size:14px}
.wt-free{margin-bottom:12px;padding:13px;border-radius:13px;border:1px dashed rgba(255,183,3,.6);background:rgba(255,183,3,.06)}.wt-free p{margin:6px 0 10px;color:var(--mut);font-size:13px}.wt-free b{color:var(--tx)}.wt-free .btn{width:100%}
.wt-cat{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin:12px 6px 4px}
.wt-ch{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:none;color:var(--mut);cursor:pointer;font:500 14px var(--body);transition:.15s}
.wt-ch:hover{background:var(--panel2);color:var(--tx)}.wt-ch.sel{background:rgba(76,201,240,.1);border-color:rgba(76,201,240,.4);color:var(--tx)}
.wt-ch.locked{border:1px dashed rgba(255,183,3,.45);margin:3px 0;opacity:.85}.wt-hash{width:18px;text-align:center;color:var(--dim)}.wt-n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wt-act{font:700 11px var(--mono);background:var(--g);color:#03110b;border-radius:99px;padding:1px 7px;animation:pulse 2s infinite}
.wt-view{padding:0;overflow:hidden;display:flex;flex-direction:column;height:74vh}
.wt-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.wt-title{font:600 17px var(--head)}.wt-ro{font:600 11px var(--mono);color:var(--c);background:rgba(76,201,240,.1);padding:3px 10px;border-radius:99px}
.wt-msgs{flex:1;overflow-y:auto;padding:12px 18px}
.wt-m{display:flex;gap:12px;padding:5px 0}.wt-m.cont{padding-top:0}.wt-av{width:38px;height:38px;border-radius:50%;flex:none;background:#101a30}.wt-gap{width:38px;flex:none}
.wt-b{min-width:0;flex:1}.wt-by{display:flex;gap:8px;align-items:baseline}.wt-by small{color:var(--dim);font-size:11.5px}.wt-by .tg{margin-left:0}
.wt-t{color:#d3dcee;font-size:14.5px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.wt-t a{color:var(--c);text-decoration:underline;text-underline-offset:2px}
.wt-rp{color:var(--dim);font-size:12.5px;margin-bottom:2px}.wt-ed{color:var(--dim);font-size:11.5px}.wt-del{color:var(--dim)}
.wt-img{display:block;max-width:min(380px,100%);max-height:260px;border-radius:10px;margin-top:6px;border:1px solid var(--bd)}.wt-file{display:inline-block;margin-top:5px;margin-right:8px;font-size:13px}
.wt-emb{margin-top:5px;padding:6px 10px;border-left:3px solid var(--c);background:var(--panel2);border-radius:0 8px 8px 0;font-size:13px;color:var(--mut)}
.wt-sys{text-align:center;color:var(--dim);font-size:12.5px;padding:6px 0}
.wt-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 18px;border-top:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--dim);font-size:13px}
.wt-bar .btn{padding:5px 12px;font-size:12px}.wt-live{margin-left:auto;font:600 11px var(--mono);color:var(--g);text-transform:uppercase}.wt-live:before{content:"● ";animation:dotflash 1.6s infinite}
@media(max-width:900px){.wt-view{height:62vh}}

.vwho{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;margin:0 0 12px;border-radius:99px;background:var(--panel2);border:1px solid var(--bd)}.vwho img{width:30px;height:30px;border-radius:50%}.vwho b{color:var(--tx)}.vwho span{color:var(--mut);font-size:14px}

/* ---------- recovery toolbar + recovered badge ---------- */
.rc-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 6px;padding:12px 16px;border-radius:14px;background:var(--glass);border:1px solid var(--bd)}
.rc-barl{display:flex;flex-direction:column;min-width:200px;flex:1}.rc-barl b{font:600 16px var(--head)}.rc-barl span{color:var(--mut);font-size:12.5px}
.rc-barr{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rc-barr label{color:var(--mut);font-size:13px}
.rc-tipline{margin:8px 2px 14px;color:var(--mut);font-size:13px}.rc-tipline b{color:var(--tx)}
.bd.recovered{background:rgba(61,220,151,.16);color:var(--g)}
.rcbtn{border:1px solid rgba(61,220,151,.55);background:rgba(61,220,151,.12);color:var(--g);border-radius:8px;padding:3px 10px;font:600 12px var(--body);cursor:pointer;white-space:nowrap}.rcbtn:hover{background:rgba(61,220,151,.26)}

/* ---------- Recover all pop-out ---------- */
.rc-hb{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.rc-hb .btn{margin-left:0!important}
.rc-h .btn:disabled{opacity:.4}
.rcm-card{width:min(580px,100%)}.rcm-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 4px}.rcm-tools .btn{padding:5px 12px;font-size:12.5px}.rcm-count{margin-left:auto;color:var(--mut);font-size:13px}
.rcm-list{max-height:42vh;overflow-y:auto;margin:6px -4px 0;padding:0 4px}
.rcm-row{display:flex;gap:11px;align-items:center;padding:10px 12px;margin:6px 0;border:1px solid var(--bd);border-radius:12px;background:var(--panel2);cursor:pointer;transition:.15s}
.rcm-row:hover{border-color:var(--bd2)}.rcm-row.on{border-color:rgba(61,220,151,.55);background:rgba(61,220,151,.07)}
.rcm-row input{width:18px;height:18px;accent-color:#3ddc97;flex:none;cursor:pointer}.rcm-ic{width:20px;text-align:center;flex:none}
.rcm-n{flex:1;min-width:0}.rcm-n b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcm-n small{color:var(--mut);font-size:12.5px;display:block}
.rcm-res{max-height:46vh;overflow-y:auto;margin-top:8px}.rcm-res>div{padding:8px 12px;margin:5px 0;border-radius:10px;font-size:14px;background:var(--panel2);border:1px solid var(--bd)}
.rcm-res .ok{border-color:rgba(61,220,151,.4)}.rcm-res .bad{border-color:rgba(255,77,109,.55);color:#ffb3c0}.rcm-res .warn{border-color:rgba(255,183,3,.5);color:var(--y)}

/* ---------- Feed the Cat ---------- */
.feed-wrap{max-width:1040px}
.feed-hero{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:34px;align-items:center;padding:34px;position:relative;overflow:hidden}
@media(max-width:820px){.feed-hero{grid-template-columns:1fr;text-align:center}.bowls,.mood{justify-content:center}}
.cat-box{position:relative;display:grid;place-items:center}
.cat{width:min(280px,72vw);height:auto;border-radius:34px;border:3px solid rgba(255,183,3,.55);box-shadow:0 0 50px -8px rgba(255,183,3,.6);cursor:pointer;transition:transform .35s cubic-bezier(.3,1.6,.5,1);animation:catfloat 4s ease-in-out infinite;user-select:none}
@keyframes catfloat{50%{translate:0 -8px}}
.cat.swat{animation:swat .5s ease}@keyframes swat{0%{rotate:0deg}30%{rotate:-9deg;translate:-8px 0}60%{rotate:7deg}100%{rotate:0deg}}
.bubble{position:absolute;top:-14px;right:-6px;max-width:200px;background:#101a30;border:1px solid var(--bd2);border-radius:16px 16px 16px 4px;padding:8px 13px;font-size:13px;color:var(--tx);box-shadow:0 10px 30px -10px #000;transition:.2s}
@media(max-width:820px){.bubble{right:50%;translate:50% 0;top:-18px}}
.fish-rain{position:absolute;inset:-20px;pointer-events:none;overflow:hidden}
.fish-rain span{position:absolute;top:-30px;animation:fall 1.5s ease-in forwards}@keyframes fall{to{transform:translateY(380px) rotate(40deg);opacity:0}}
.feed-main h1{font-size:clamp(34px,5vw,54px);margin:12px 0 6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.feed-main .lead{color:var(--mut);margin:0 0 18px}
.bowls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.bowls .chip{padding:8px 15px;font-size:14px}
.mood{display:flex;gap:10px;align-items:center;margin-bottom:18px;color:#d3dcee;min-height:30px}.mood span:first-child{font-size:26px}
.feed-sm{display:block;margin-top:12px;color:var(--mut)}
.feed-thanks{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:18px;border-color:rgba(61,220,151,.5);background:linear-gradient(90deg,rgba(61,220,151,.1),transparent 70%)}.feed-thanks h2{margin:0 0 4px}.feed-thanks p{margin:4px 0 12px;color:#cfe9dd}.ft-cat{font-size:64px}.ft-badge{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.kib .ic{font-size:22px}
.feed-perk{margin-top:18px}.feed-perk ul{padding-left:20px;margin:8px 0 14px}.feed-perk li{margin:6px 0}.feed-perk small{color:var(--mut)}
.pill.feeder{background:rgba(76,201,240,.12);border-color:rgba(76,201,240,.45);color:var(--c);font-weight:600}
.feedlink{animation:pawpulse 2.4s ease-in-out infinite}@keyframes pawpulse{50%{text-shadow:0 0 14px rgba(255,183,3,.9);color:var(--y)}}
.donate-pill{border-color:rgba(255,183,3,.5)!important;color:var(--y)!important;background:rgba(255,183,3,.08)!important;font-weight:600;transition:.2s}.donate-pill:hover{background:rgba(255,183,3,.2)!important;transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.cat,.feedlink{animation:none}}

/* ---------- AI mode live test ---------- */
.as-res{margin:6px 0 4px}.as-head{padding:10px 14px;border-radius:12px;font-size:14px;margin-bottom:8px;border:1px solid var(--bd)}
.as-head.ok{background:rgba(61,220,151,.1);border-color:rgba(61,220,151,.45);color:var(--g)}.as-head.warn{background:rgba(255,183,3,.1);border-color:rgba(255,183,3,.45);color:var(--y)}.as-head.bad{background:rgba(255,77,109,.1);border-color:rgba(255,77,109,.5);color:#ff8fa3}
.as-row{display:flex;gap:12px;align-items:center;padding:10px 14px;margin:6px 0;border-radius:12px;background:var(--panel2);border:1px solid var(--bd)}.as-row>div{flex:1;min-width:0}.as-row b{display:block}.as-row small{color:var(--mut);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as-row em{font:600 12px var(--mono);font-style:normal;color:var(--mut);white-space:nowrap}
.as-row.ok em{color:var(--g)}.as-row.bad{border-color:rgba(255,77,109,.5)}.as-row.warn{border-color:rgba(255,183,3,.45)}
.as-hint{margin:12px 0 4px;padding:11px 14px;border-radius:12px;background:rgba(76,201,240,.08);border:1px solid rgba(76,201,240,.3);font-size:14px;color:#cfe6f1}.as-hint[hidden]{display:none}