:root{--bg:#060c0c;--bg2:#0a1514;--card:#0c1817;--tx:#e6f4f1;--mu:#6f8682;--mu2:#4a5e5a;--line:#152423;--teal:#00E5CC;--red:#ff6b6b;--amber:#FFC857}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{font-family:Manrope,sans-serif;color:var(--tx);min-height:100dvh;background:radial-gradient(120% 60% at 50% -10%,rgba(0,229,204,.10),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
button,input{font:inherit;color:inherit}
a{color:var(--teal)}
.lock{display:block;height:44px;width:auto;margin:0 auto}
.credit{text-align:center;font-size:9px;letter-spacing:.42em;color:var(--mu2);font-weight:600;padding:28px 0 22px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:99px;border:1px solid rgba(0,229,204,.28);background:rgba(0,229,204,.06);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--tx);white-space:nowrap}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}
.chip span{color:var(--mu);font-weight:600}
.chip.home{border-color:rgba(124,255,178,.35);background:rgba(124,255,178,.06)}.chip.home i{background:#7CFFB2;box-shadow:0 0 8px #7CFFB2}
.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 20px;border-radius:14px;background:var(--teal);color:#032421;font-weight:800;font-size:15px;letter-spacing:.02em;cursor:pointer;text-align:center;box-shadow:0 0 0 1px rgba(0,229,204,.4),0 8px 30px rgba(0,229,204,.22);transition:transform .08s,filter .2s}
.btn:active{transform:scale(.985)}.btn:hover{filter:brightness(1.06)}.btn[disabled]{opacity:.35;cursor:default;box-shadow:none}
.btn.ghost{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1px var(--line)}
.lbl{font-size:10px;letter-spacing:.3em;color:var(--mu);font-weight:700}
.pvtag{display:inline-block;font-size:9px;letter-spacing:.18em;font-weight:700;color:#FF8FE6;border:1px dashed rgba(255,79,216,.55);border-radius:99px;padding:2px 8px}
/* light mode */
html[data-mode=light]{--bg:#eef3f2;--bg2:#e4eceb;--card:#ffffff;--tx:#0c1c1a;--mu:#5d736f;--mu2:#8a9c99;--line:#d5e1df;--teal:#00A996;--red:#d64545}
html[data-mode=light] body{background:radial-gradient(120% 60% at 50% -10%,rgba(0,229,204,.16),transparent 60%),var(--bg)}
html[data-mode=light] .btn{background:#00C7B1;color:#032421}
html[data-mode=light] .chip{background:rgba(0,169,150,.08)}
html[data-mode=light] img.lock{content:url(/assets/mf-logo-light.svg)}
html[data-mode=light] .pw,html[data-mode=light] .sheet input.ssid{background:#fff;border-color:#c9d8d5}
html[data-mode=light] .sheet>div{background:#f6faf9}
html[data-mode=light] .lead,html[data-mode=light] .hint b,html[data-mode=light] .note b{color:#3d524f}