@font-face{font-family:LocalSans;src:local("Inter"),local("Arial");font-display:swap}
:root{font-family:LocalSans,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#101615;--card:#19211f;--card-soft:#151d1b;--line:#2d3833;--text:#edf2ea;--muted:#9aa79f;--accent:#b6f083;--accent-ink:#172218;--hover:#222e27;--danger:#ffaaa1;--shadow:0 14px 45px #00000014;--radius:20px}
:root[data-theme=light]{color-scheme:light;--bg:#f5f6f0;--card:#fff;--card-soft:#f7f9f3;--line:#e0e6d9;--text:#1c3026;--muted:#657569;--accent:#487e29;--accent-ink:#fff;--hover:#edf4e6;--danger:#b4372d;--shadow:0 12px 40px #223b1b06}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;min-width:320px}button,input,select{font:inherit}button,a,input,select,label[for]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,label:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}button{color:inherit}input,select{min-width:0;color:var(--text);border:1px solid var(--line);border-radius:10px;background:var(--card-soft);padding:11px 13px}input:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}h1,h2,h3,p{margin-top:0}h2{font-size:21px;font-weight:600;letter-spacing:-.65px;margin-bottom:12px}h3{font-size:14px;font-weight:600;margin-bottom:0}p{margin-bottom:16px}strong{font-weight:600}[hidden]{display:none!important}.shell{max-width:1180px;width:calc(100% - 80px);margin-inline:auto}.ambient{position:absolute;top:0;right:0;width:55vw;height:570px;background:radial-gradient(ellipse at 75% 0%,#9bdc7610,transparent 65%);pointer-events:none;z-index:-1}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:23px;font-weight:700;letter-spacing:-.9px}.brand>span:not(.brand-icon):not(.brand-label){font-weight:400}.brand-icon{display:inline-grid;place-items:center;background:var(--accent);color:var(--accent-ink);width:36px;height:36px;border-radius:11px;font-size:30px;font-weight:400;margin-right:11px;line-height:1}.brand-label{font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-left:15px;padding:4px 6px;border:1px solid var(--line);border-radius:4px}.header-actions{display:flex;align-items:center;gap:26px}.private-label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.dot{width:6px;height:6px;border-radius:100%;background:var(--accent);display:inline-block;flex-shrink:0}.dot.pending{background:#d1b776}.dot.offline{background:var(--danger)}.icon-button{border:1px solid var(--line);border-radius:50%;background:transparent;width:35px;height:35px;font-size:21px;display:grid;place-content:center}.intro{position:relative;padding:62px 0 45px;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:var(--accent);font-weight:600}.short-line{display:inline-block;height:1px;width:22px;background:var(--accent)}h1{font-size:clamp(48px,5.3vw,68px);font-weight:500;line-height:1.08;letter-spacing:-3px;margin:23px 0 20px}h1 span{color:var(--accent)}.intro>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.intro-detail{position:absolute;right:95px;top:70px;width:250px;height:240px;display:grid;place-items:center;transform:rotate(-12deg)}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:240px;height:150px;transform:rotate(-35deg)}.orbit-two{transform:rotate(45deg);height:180px;width:270px;border-style:dashed}.device-mark{font-size:80px;line-height:1;background:linear-gradient(135deg,var(--hover),var(--card));color:var(--accent);width:100px;height:100px;display:grid;place-content:center;border-radius:26px;border:1px solid var(--line);box-shadow:0 20px 60px #0002;z-index:1}.orbit-one:after{content:"";width:10px;height:10px;background:var(--accent);border-radius:50%;position:absolute;left:11px;top:32px;box-shadow:0 0 20px #b6f03333}.orbit-label{position:absolute;bottom:7px;font-size:8px;letter-spacing:1.8px;color:var(--muted);transform:rotate(12deg)}.workspace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.tabs{display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--card-soft)}.tab{background:none;border:0;color:var(--muted);border-radius:8px;padding:10px 19px;font-size:17px;display:flex;gap:10px;align-items:center}.tab span{font-size:12px;font-weight:600}.tab.active{background:var(--accent);color:var(--accent-ink)}.status{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.main-column,.side-column{display:flex;flex-direction:column;gap:20px;min-width:0}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:27px;box-shadow:var(--shadow);min-width:0}.card-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px;align-items:center}.card-heading h2{margin:8px 0 0}.step-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:500}.subtle-icon{font-size:26px;color:var(--muted)}.drop-zone{border:1px dashed #63815080;border-radius:13px;display:flex;min-height:226px;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;background:var(--card-soft);gap:4px;transition:background .2s,border .2s}.drop-zone:hover,.drop-zone.dragover{background:var(--hover);border-color:var(--accent)}.drop-zone>strong{font-size:15px;margin-top:6px;max-width:90%;overflow-wrap:anywhere;text-align:center}.drop-zone>span:not(.file-symbol){font-size:12px;color:var(--muted)}.drop-zone .drop-note{font-size:10px!important;margin-top:18px}.accent{color:var(--accent)}.file-symbol{font-size:27px;display:grid;place-items:center;color:var(--accent);background:var(--hover);border:1px solid var(--line);width:49px;height:49px;border-radius:15px}.device-section{margin-top:28px}.section-line{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-line h2{margin-bottom:0}.section-line h3 .step-label{margin-right:6px}.count{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:2px 8px}.peer-list{margin-top:18px;display:grid;gap:9px}.empty-state{padding:16px 0 3px;display:flex;align-items:center;gap:18px}.radar{font-size:36px;color:var(--muted)}.empty-state strong{font-size:12px;color:var(--muted)}.empty-state p{font-size:11px;color:var(--muted);max-width:360px;margin:5px 0}.peer-button{border:1px solid var(--line);background:var(--card-soft);padding:14px;display:flex;align-items:center;text-align:left;gap:12px;border-radius:12px;transition:background .2s}.peer-button:hover{background:var(--hover);border-color:var(--accent)}.peer-button .peer-symbol{color:var(--accent);font-size:25px}.peer-button .peer-name{flex:1;overflow-wrap:anywhere}.peer-button small{display:block;color:var(--muted);font-size:10px}.peer-button .arrow{font-size:21px;color:var(--accent)}.badge{border:1px solid var(--line);border-radius:6px;background:var(--hover);color:var(--accent);font-size:11px;display:inline-block;padding:5px 9px;max-width:100%;overflow-wrap:anywhere}.badge.small{font-size:9px;padding:1px 6px;border-radius:4px}.identity-card,.network-card{padding:23px}.identity{display:flex;gap:13px;align-items:center;margin-top:19px}.device-icon{width:40px;height:40px;border-radius:11px;background:var(--hover);display:grid;place-items:center;color:var(--accent);font-size:25px;flex-shrink:0}.identity>div{min-width:0;flex:1}.identity label{display:block;font-size:10px;color:var(--muted)}.identity input{font-size:13px;padding:3px 0;border:1px solid transparent;background:none;width:100%;border-radius:4px}.identity input:hover{border-color:var(--line)}.divider{height:1px;background:var(--line);margin:23px 0}.muted{color:var(--muted)}.small-copy{font-size:11px;margin:10px 0 15px;line-height:1.75}.input-action{display:flex;gap:8px}.input-action input{width:100%;font-family:ui-monospace,monospace;letter-spacing:6px;text-align:center;font-size:17px;padding:10px}.square-button{width:44px;border:1px solid var(--line);border-radius:10px;flex-shrink:0;background:var(--hover);color:var(--accent);font-size:20px}.text-button{border:0;background:none;padding:0;color:var(--accent);font-size:11px}.text-button:hover{text-decoration:underline}.room-actions{margin-top:11px;gap:5px}.fine-print{color:var(--muted);font-size:10px;line-height:1.7;margin:14px 0 0;overflow-wrap:anywhere}.network-list{margin:17px 0 21px;font-size:11px}.network-list>div{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.network-list dt{color:var(--muted)}.network-list dd{margin:0;max-width:75%;overflow-wrap:anywhere;text-align:right;font-size:10px;font-family:ui-monospace,monospace}.toggle-row{display:flex;align-items:center;position:relative;gap:10px;font-size:11px;cursor:pointer;border-top:1px solid var(--line);padding-top:16px}.toggle-row>span:first-child{flex:1}.toggle-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.toggle-row input{position:absolute;opacity:0;right:0;width:34px;height:24px;cursor:pointer}.switch{height:19px;width:33px;flex-shrink:0;border:1px solid var(--line);border-radius:15px;background:var(--bg);position:relative}.switch:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:var(--muted);transition:transform .2s}.toggle-row input:checked+.switch{background:var(--accent)}.toggle-row input:checked+.switch:after{transform:translateX(14px);background:var(--accent-ink)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:3px}.trust-strip{display:flex;justify-content:space-between;gap:20px;padding:30px 12px 38px;font-size:10px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding-block:24px 32px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.footer>span:first-child{color:var(--text)}.footer .muted{margin-inline:8px}.filename{overflow-wrap:anywhere;font-weight:500;margin:14px 0}.danger{color:var(--danger)}progress{width:100%;height:6px;display:block;border:0;border-radius:10px;overflow:hidden;background:var(--line);accent-color:var(--accent);margin:23px 0 11px}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}progress::-moz-progress-bar{background:var(--accent);border-radius:10px}.progress-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.progress-meta strong{color:var(--text)}.primary-button,.secondary-button{border:1px solid transparent;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:600;background:var(--accent);color:var(--accent-ink)}.primary-button:hover{filter:brightness(1.08)}.secondary-button{border-color:var(--line);background:transparent;color:var(--text)}.file-input-label{display:block;border:1px dashed var(--line);padding:20px;background:var(--card-soft);border-radius:12px;margin:24px 0;font-size:12px}.file-input-label input{display:block;background:none;border:0;padding:10px 0 0;font-size:11px;max-width:100%}input::file-selector-button{border:1px solid var(--line);background:var(--hover);color:var(--text);padding:8px 10px;border-radius:7px;margin-right:12px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:24px}.form-grid label{font-size:11px;color:var(--muted)}.form-grid select{display:block;width:100%;margin-top:7px;font-size:12px}.vault-card>p{font-size:12px}.spaced-heading{margin-top:18px;font-size:19px;letter-spacing:-.5px}.feature-list{padding:0;margin:25px 0 0;list-style:none}.feature-list li{display:flex;gap:14px;margin-top:22px;font-size:12px}.feature-list li>span{color:var(--accent);font-size:10px;padding-top:2px}.feature-list p{font-size:11px;color:var(--muted);margin:5px 0 0}.aside-note{font-size:11px;color:var(--muted);padding:0 10px}.link-result{display:flex;gap:10px;margin-top:18px}.link-result input{flex:1;font-size:11px}.qr-result{display:flex;align-items:center;gap:25px;margin-top:24px}.qr-result canvas{width:160px;height:160px;border:10px solid #fff;border-radius:8px;image-rendering:pixelated;flex-shrink:0}.qr-result p{font-size:12px;margin:0}.qr-result small{display:block;margin-top:12px;font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(580px,calc(100% - 30px));padding:15px 22px;border:1px solid var(--line);border-radius:12px;background:var(--text);color:var(--bg);box-shadow:0 8px 40px #0004;z-index:100;font-size:12px}.toast.error{background:var(--danger);color:#251b18}dialog{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:20px;max-width:440px;width:calc(100% - 32px);padding:30px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#050c09b3;backdrop-filter:blur(7px)}dialog h2{margin-top:13px}.dialog-icon{font-size:28px;color:var(--accent);margin-bottom:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.shell{max-width:1180px}.intro{padding-top:76px;padding-bottom:55px}.intro-detail{top:90px}.drop-zone{min-height:245px}}
@media(max-width:900px){.shell{width:calc(100% - 44px)}.workspace-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.card{padding:21px}.intro-detail{right:20px;opacity:.65}.brand-label{display:none}.trust-strip{flex-wrap:wrap;justify-content:center;gap:12px 30px}.tab{padding:9px 13px}}
@media(max-width:680px){.shell{width:calc(100% - 32px)}.header{height:78px}.brand{font-size:21px}.private-label{display:none}.intro{padding:39px 0 32px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:51px;letter-spacing:-2.7px;margin:20px 0 18px}.intro>p{font-size:12px}.intro-detail{right:-65px;top:68px;opacity:.24;transform:scale(.7) rotate(-12deg);transform-origin:center right;pointer-events:none}.workspace-head{flex-wrap:wrap;margin-bottom:16px}.tabs{flex:1}.tab{flex:1;justify-content:center}.status{padding-left:5px;font-size:10px;width:100%;margin-top:2px}.workspace-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr}.card{padding:22px}.drop-zone{min-height:210px}.header-actions{gap:10px}.card-heading h2{font-size:19px}.identity-card,.network-card{padding:22px}.trust-strip{font-size:9px;padding:25px 0;gap:12px 20px}.footer{font-size:9px;gap:15px;padding-bottom:25px}.footer>span:last-child{display:none}.qr-result{gap:15px}.qr-result canvas{width:130px;height:130px}.link-result{flex-direction:column}.form-grid{gap:10px}.form-grid select{font-size:11px}.badge{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}