: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{border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 12px 32px #51e0c333}.brand-mark img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.brand-mark.small{border-radius:10px;width:32px;height:32px}.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;overflow-wrap:anywhere;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}.language-switcher{border:1px solid var(--line);background:#07131b;border-radius:9px;flex:none;padding:3px;display:inline-flex}.language-switcher button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 9px}.language-switcher button.active{color:#062019;background:var(--cyan)}.public-language{z-index:6;position:absolute;top:16px;right:clamp(16px,4vw,40px)}.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}.success-text{color:var(--cyan)}.backup-section{margin-bottom:20px}.backup-section h2{margin-top:0}.warning-copy{color:#ffd0b8;border-left:3px solid var(--orange);padding-left:14px}.danger-zone-block{border-color:#6b3039}.file-field{gap:8px;margin:20px 0 12px;font-weight:700;display:grid}.file-field input{min-width:0;max-width:100%}.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-search{gap:8px;margin-bottom:20px;font-weight:700;display:grid}.peer-search input{width:100%;min-width:0;color:var(--ink);border:1px solid var(--line);background:#0b1720;border-radius:10px;padding:12px 14px}.peer-card{transition:transform .2s,border-color .2s}.peer-card:hover{border-color:#3c6c76;transform:translateY(-3px)}.peer-card-link{color:inherit;text-decoration:none;display:block}.peer-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.peer-actions .button{max-width:100%}.stack,.stack label{gap:10px;display:grid}.stack input{min-width:0;color:var(--ink);border:1px solid var(--line);background:#0b1720;border-radius:10px;padding:12px 14px}.share-result{margin-top:18px}.break-all{overflow-wrap:anywhere}.mobile-app-links{border:1px solid var(--line);background:#0d1a24;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex}.mobile-app-links h2,.mobile-app-links p{margin:0}.mobile-app-links p{margin-top:6px}.mobile-app-actions{flex-wrap:wrap;flex:none;gap:10px;display:flex}.store-badge-link{border-radius:10px;justify-content:center;align-items:center;max-width:100%;display:inline-flex}.store-badge{width:auto;max-width:100%;display:block}.google-play-badge{height:68px}.app-store-badge{height:48px}.mobile-import-instructions{border:1px solid var(--line);background:#0d1a24;border-radius:18px;margin-bottom:24px;padding:20px 24px}.mobile-import-instructions h2{margin:0}.mobile-import-instructions>p{margin:6px 0 0}.mobile-import-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-top:16px;display:grid}.mobile-import-groups h3{margin:0 0 8px;font-size:1rem}.mobile-import-groups ol{gap:6px;margin:0;padding-left:20px;display:grid}.provision-qr{background:#fff;border-radius:12px;width:min(100%,420px);margin:24px auto 0;display:block}.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-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.dialog-head h2{margin:0}.qr-modal-content{text-align:center;margin-top:20px}.qr-modal-content img{border-radius:12px;width:100%;max-width:280px;margin:auto;display:block}.dialog-card .actions{justify-content:flex-end;margin-top:24px}:focus-visible{outline-offset:3px;outline:3px solid #ffd166}@media (width<=700px){.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:72px;padding-block:10px}.topbar nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0}.topbar nav>a{display:none}.detail-grid,.form-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.mobile-app-links{flex-direction:column;align-items:stretch}.mobile-app-actions .store-badge-link{flex:180px}.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}}@media (width<=360px){.topbar nav{gap:6px}.language-switcher{padding:2px}.language-switcher button{padding:5px 6px;font-size:.85rem}.public-language{top:12px;right:12px}}