:root{color:#e9f2f6;font-synthesis:none;--ink:#e9f2f6;--muted:#8fa4af;--panel:#0d1a24;--line:#1d3440;--cyan:#51e0c3;--orange:#ff9d6c;--red:#ff6b77;background:#071019;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#123341 0,#0000 30rem),#071019;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{color:inherit}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#08131fdd;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(16px,4vw,56px);display:flex;position:sticky;top:0}.topbar nav,.brand,.actions,.page-head,.peer-top,.section-head,.danger-zone{align-items:center;display:flex}.topbar nav{gap:24px}.brand{gap:12px;font-weight:800;text-decoration:none}.brand-mark{background:linear-gradient(145deg, var(--cyan), #2e8ca0);color:#062019;border-radius:16px;place-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:grid;box-shadow:0 12px 32px #51e0c333}.brand-mark.small{border-radius:10px;width:32px;height:32px;font-size:16px}.page{max-width:1180px;margin:auto;padding:56px clamp(16px,4vw,40px) 100px}.page.narrow{max-width:720px}.page-head{justify-content:space-between;gap:20px;margin-bottom:34px}.page h1,.unlock h1{letter-spacing:-.055em;margin:.1em 0;font-size:clamp(2.2rem,6vw,4.8rem)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-size:.75rem;font-weight:800}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.button{background:var(--cyan);color:#062019;cursor:pointer;border:0;border-radius:10px;justify-content:center;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button.secondary{color:var(--ink);background:#16313b}.button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.button.danger{background:var(--red);color:#26080d}.button.wide{width:100%}.text-button{color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:6px}.panel,.state-card,.peer-card,.unlock-card{border:1px solid var(--line);background:linear-gradient(145deg,#10212c,#0b1720);border-radius:18px;padding:24px;box-shadow:0 20px 60px #0004}.state-card{text-align:center;margin-top:20px;padding:56px}.state-card.error,.error-text{color:#ffadb4}.empty-mark{color:var(--cyan);font-size:4rem}.peer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;display:grid}.peer-card{text-decoration:none;transition:transform .2s,border-color .2s}.peer-card:hover{border-color:#3c6c76;transform:translateY(-3px)}.peer-top{gap:14px}.peer-top h2{margin:0}.avatar{width:46px;height:46px;color:var(--cyan);background:#173641;border-radius:14px;place-items:center;font-weight:900;display:grid}.status{color:var(--muted);margin-left:auto;font-size:.85rem}.status.online{color:var(--cyan)}.peer-meta{border-top:1px solid var(--line);color:var(--muted);gap:7px;margin-top:22px;padding-top:18px;font-size:.87rem;display:grid}.form{gap:20px;margin-top:28px;display:grid}.form label{gap:8px;font-weight:700;display:grid}.form input,.form textarea{width:100%;color:var(--ink);background:#07131b;border:1px solid #29444f;border-radius:10px;padding:12px}.form textarea{resize:vertical;min-height:95px}.form .check{align-items:center;display:flex}.form .check input{width:auto}.field-help{color:var(--muted);margin:-14px 0 0;font-size:.85rem}.actions{flex-wrap:wrap;gap:10px}.back{color:var(--muted);text-decoration:none}.detail-grid{grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:18px;display:grid}.panel{margin-bottom:18px}.panel h2{margin-top:0}.section-head,.danger-zone{justify-content:space-between}.panel dl div{margin:18px 0}.panel dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.panel dd{margin:6px 0}.break{overflow-wrap:anywhere}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-grid div{background:#08151e;border-radius:12px;padding:16px}.stat-grid strong,.stat-grid span{display:block}.stat-grid span{color:var(--muted);margin-top:8px;font-size:.78rem}.form-grid{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}.notice{color:#a9f6df;background:#12352e;border-radius:10px;padding:12px 16px}.qr{text-align:center;margin-top:20px}.qr img{border-radius:12px;width:100%;max-width:280px;margin:0 auto 12px;display:block}.danger-zone{background:#2a1319;border:1px solid #713541;border-radius:18px;gap:20px;padding:20px 24px}.danger-zone h2,.danger-zone p{margin:4px 0}.unlock{place-items:center;min-height:100vh;padding:20px;display:grid}.unlock-card{max-width:480px;padding:clamp(28px,6vw,52px)}.unlock-card h1{font-size:clamp(2.3rem,8vw,4rem)}.dialog-backdrop{z-index:20;background:#02070bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-card{border:1px solid var(--line);background:#10212c;border-radius:18px;width:min(440px,100%);padding:28px}.dialog-card .actions{justify-content:flex-end;margin-top:24px}:focus-visible{outline-offset:3px;outline:3px solid #ffd166}@media (width<=700px){.detail-grid,.form-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.stat-grid{grid-template-columns:1fr}.topbar .brand span:last-child{display:none}.danger-zone{flex-direction:column;align-items:flex-start}.page{padding-top:32px}}