:root{--text:#F5F5F7;--sub:rgba(235,235,245,.62);--faint:rgba(235,235,245,.36);--stroke:rgba(255,255,255,.14);--glass:rgba(255,255,255,.07);--ok:#30D158;--bad:#FF453A}*{box-sizing:border-box}html,body{margin:0;background:#000;color:var(--text)}body{font:15px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,Roboto,sans-serif;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));background:radial-gradient(60vmax 60vmax at 20% 0%,rgba(255,255,255,.13),transparent 60%),radial-gradient(50vmax 50vmax at 100% 100%,rgba(160,170,190,.10),transparent 60%),#000;-webkit-font-smoothing:antialiased}[hidden]{display:none !important}.card{width:100%;max-width:420px;text-align:center;padding:34px 22px 18px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid var(--stroke);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 30px 90px rgba(0,0,0,.65);animation:rise .5s cubic-bezier(.2,.9,.3,1.2) both}@keyframes rise{from{opacity:0;transform:translateY(18px) scale(.97)}}.logo{width:84px;height:84px;border-radius:22px;display:block;margin:0 auto 16px;box-shadow:0 10px 40px rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.12)}.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);font-weight:600}h1{margin:8px 0 6px;font-size:26px;letter-spacing:-.02em}.lead{margin:0 0 20px;color:var(--sub)}b{color:var(--text);font-weight:600}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:10px;border-radius:18px;border:1px solid var(--stroke);cursor:pointer;font:inherit;font-weight:600;font-size:16px;color:var(--text);background:var(--glass);transition:transform .15s ease,background .2s ease}.btn:hover{background:rgba(255,255,255,.11)}.btn:active{transform:scale(.97)}.btn:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn.primary{color:#000;border:0;background:linear-gradient(180deg,#fff,#D9D9DE);box-shadow:0 8px 30px rgba(255,255,255,.14)}.btn.ghost{background:transparent}.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.small-btn{min-height:44px;font-size:14px}.row{display:flex;gap:10px}.row .btn{flex:1}.tip{margin-top:10px;padding:14px 16px;border-radius:18px;background:var(--glass);border:1px solid var(--stroke);color:var(--sub);text-align:left;font-size:14px}.small{margin:12px 0 0;font-size:13px;color:var(--sub)}.status{min-height:20px;margin:14px 0 0;font-size:14px;color:var(--sub)}.status.bad{color:var(--bad)}.status.ok{color:var(--ok)}input{width:100%;padding:16px;border-radius:18px;border:1px solid var(--stroke);background:#000;color:#fff;font:600 22px/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;text-align:center;letter-spacing:.04em}.viewer{position:relative;margin-top:4px;border-radius:22px;overflow:hidden;background:#0b0b0d;aspect-ratio:4 / 3;border:1px solid var(--stroke)}.viewer video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.viewer.back video{transform:none}.frame{position:absolute;inset:18%;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.85);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{border-color:rgba(255,255,255,.35)}}.install{margin-top:12px}footer{display:flex;gap:8px;align-items:flex-start;text-align:left;margin-top:18px;font-size:12px;color:var(--faint)}footer svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;margin-top:1px}.privacy{display:inline-block;margin-top:10px;font-size:12px;color:var(--faint)}@media (prefers-reduced-motion:reduce){.card,.frame{animation:none}}.tabs{display:flex;gap:4px;padding:4px;margin:14px 0 6px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke)}.tab{flex:1;min-height:38px;border:0;border-radius:12px;background:transparent;color:var(--sub);font:inherit;font-weight:600;font-size:14px;cursor:pointer}.tab.on{background:linear-gradient(180deg,#fff,#D9D9DE);color:#000}h2{margin:0 0 6px;font-size:19px}.me{font-size:13px;color:var(--sub);margin-bottom:12px}.link{background:none;border:0;color:var(--text);text-decoration:underline;font:inherit;cursor:pointer;padding:4px}.peers{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.peer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;border-radius:20px;background:var(--glass);border:1px solid var(--stroke);color:var(--text);font:inherit;cursor:pointer;animation:pop .35s cubic-bezier(.2,.9,.3,1.3) both;transition:transform .15s ease,background .2s ease}.peer:hover{background:rgba(255,255,255,.12)}.peer:active{transform:scale(.95)}.peer .av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#fff,#9aa0ad 60%,#3a3d45);color:#000;font-weight:700;font-size:20px}.peer b{font-size:14px}.peer small{color:var(--sub);font-size:12px}@keyframes pop{from{opacity:0;transform:scale(.8)}}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:6px;animation:pulse 1.4s ease-in-out infinite}.xfer{margin-top:14px;text-align:left}.xhead{display:flex;justify-content:space-between;font-size:13px;color:var(--sub);margin-bottom:6px}.bar{height:8px;border-radius:8px;background:rgba(255,255,255,.1);overflow:hidden}.bar div{height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#fff,#bfc3cc);transition:width .2s ease}.recv{margin-top:16px;text-align:left}.recv .row{align-items:center;gap:10px;padding:10px 12px;margin-top:8px;border-radius:14px;background:var(--glass);border:1px solid var(--stroke)}.recv .row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.recv .row .btn{width:auto;min-height:36px;margin:0;padding:0 14px;font-size:13px}.warn{color:var(--bad);font-size:12px}.modal{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10}@media (min-width:600px){.modal{align-items:center}}.sheet{width:100%;max-width:420px;padding:24px 20px 16px;border-radius:28px;text-align:center;background:linear-gradient(180deg,#1c1d22,#0e0f12);border:1px solid var(--stroke);animation:rise .35s cubic-bezier(.2,.9,.3,1.2) both}.sheet p{color:var(--sub);margin:0 0 12px}.bigcode{font:700 46px/1.1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.08em;margin:8px 0 14px}.sheet .row .btn{flex:1}.alt{margin-top:12px;font-size:13px;color:var(--sub)}.codebar{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke);font-size:15px}.codebar b{font:700 22px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.08em;margin-left:6px}