:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;font-size:16px;color:#e1e4e9;background:#121417;--surface:#1b1e23;--border:#30353e;--muted:#a5acb7;--accent:#a8bbd9;--green:#8dbba6}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:44px 22px;background:radial-gradient(ellipse at 50% 25%,#1c2027 0,transparent 65%)}main{width:min(100%,460px)}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 6px 28px}.brand{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700;letter-spacing:.17em;text-decoration:none;color:#c9cfd8}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#252a32;border:1px solid #363d48;border-radius:11px;color:#b4c3dc;font-size:20px;letter-spacing:-.08em;font-weight:600;padding-right:2px}.tag{font-size:10px;letter-spacing:.14em;color:#949daa}.panel{background:linear-gradient(155deg,#20242a,#1b1e23 65%);border:1px solid #343943;border-radius:30px;padding:36px 38px 24px;box-shadow:0 24px 64px #00000024,inset 0 1px #ffffff03}.home-page .panel{text-align:center}.eyebrow{font-size:11px;letter-spacing:.08em;line-height:1.6;color:#9da8b9;margin:0 0 9px}h1{font-size:30px;line-height:1.3;letter-spacing:-.05em;font-weight:650;margin:0 0 10px}.intro{margin:0 0 30px;color:var(--muted);font-size:14px;line-height:1.75;word-break:keep-all}.device-visual{height:108px;display:grid;place-items:center;margin:0 auto 20px}.device-screen{position:relative;display:grid;place-items:center;width:100px;height:100px;background:radial-gradient(circle,#9daecc12,transparent 72%)}.device-screen svg{width:74px;height:74px;color:#879bb9;filter:drop-shadow(0 8px 12px #00000038)}.device-light{position:absolute;width:5px;height:5px;border-radius:50%;background:#8dbba6;top:24px;right:22px}.is-connected .device-visual{display:none}.is-connected .eyebrow{margin-top:2px}.is-connected .intro{margin-bottom:22px}label{display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:12px;font-weight:600;color:#c5cbd4;margin-bottom:10px}.label-hint{font-size:11px;color:#9da6b4;font-weight:400}input{width:100%;min-height:64px;border:1px solid #3b4350;border-radius:15px;background:#15181d;color:#d9e2f1;text-align:center;font:inherit;font-size:27px;letter-spacing:.7em;padding:10px 0 10px .7em;box-shadow:inset 0 2px 7px #00000012;caret-color:#b0c3e0}input::placeholder{color:#697587;opacity:1}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a9bad3;outline-offset:4px}button{margin-top:16px;width:100%;min-height:52px;border:1px solid transparent;border-radius:14px;font:inherit;font-size:14px;font-weight:650;color:#142032;background:#9badc8;cursor:pointer;padding:14px 16px;touch-action:manipulation}button:hover:enabled{background:#abbaD1}button:disabled{background:#2d3440;border-color:#3a4250;color:#a5aebd;cursor:default}button:active:enabled{transform:translateY(1px)}#message{color:var(--muted);font-size:12px;line-height:1.75;margin:20px 0 0;overflow-wrap:anywhere;word-break:keep-all;min-height:21px}#message:empty{display:none}#message[data-kind="error"]{color:#e4a69e}#message[data-kind="success"]{color:#a2c8b4}footer{color:#969eaa;text-align:center;line-height:1.8;font-size:11px;margin-top:24px;padding:0 8px;word-break:keep-all}.footer-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#8292aa;margin:0 6px 2px 0}a{color:#adbdd6;text-underline-offset:4px}.pin-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-top:22px;padding-top:17px;border-top:1px solid #30363f;font-size:12px;line-height:1.6}.pin-links a{display:inline-flex;align-items:center;min-height:34px;color:#aeb7c5;text-decoration:none}.pin-links a:hover{color:#d4ddeb}.field+.field,#new-fields{margin-top:20px}[hidden]{display:none!important}.helper{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 24px}.mail-secret{font-size:18px;letter-spacing:.1em;padding:10px 14px}.pc-state{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.5;padding:7px 12px;border-radius:100px;border:1px solid #414955;background:#2a3039;color:#c0c7d2}.pc-state strong{font-weight:550}.status-dot{flex:0 0 6px;height:6px;border-radius:50%;background:#9fa8b6}.pc-state[data-state="online"]{background:#27372f;border-color:#3f5649;color:#a7ccb8}.pc-state[data-state="online"] .status-dot{background:#8dbba6}.status-detail{color:#b1b8c3;font-size:12px;line-height:1.75;margin:15px auto 6px;word-break:keep-all;max-width:320px}.last-seen{color:#959fab;font-size:10px;line-height:1.8;margin:0 auto;max-width:320px;font-variant-numeric:tabular-nums;word-break:keep-all}.power-area{display:flex;flex-direction:column;align-items:center;padding:24px 0 23px}.power-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:176px;height:176px;min-height:176px;border-radius:50%;margin:0;border:1px solid #54647b;background:linear-gradient(155deg,#303c4d,#222c3a);color:#afc1dd;box-shadow:0 0 0 8px #a3b8d704,0 0 0 9px #a3b8d710,inset 0 1px #c5d6ee0d,0 12px 24px #0000001f;padding:20px}.power-button svg{width:49px;height:49px}.power-button span{font-size:13px;line-height:1.5;font-weight:550}.power-button:hover:enabled{background:linear-gradient(155deg,#364359,#283447);border-color:#7488a5}.power-button:disabled{background:linear-gradient(155deg,#2c3440,#242b34);color:#9aa8bd;border-color:#485467}.power-caption{font-size:10px;color:#929dab;margin-top:23px;letter-spacing:.02em}.status-actions{display:flex;gap:10px;border-top:1px solid #30363f;padding-top:6px}.status-actions button{width:auto;flex:1;min-height:44px;margin-top:0;padding:10px 4px;background:transparent;color:#aeb8c8;font-size:12px;font-weight:400}.status-actions button:hover:enabled{background:#272e38}.status-actions span{margin:0 4px;color:#9aacc5}.section-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#2a313d;border:1px solid #404a5a;color:#a4b7d5;margin-bottom:26px}.section-icon svg{width:23px;height:23px}.pin-page h1{font-size:27px}.pin-page .panel{padding-top:32px}.pin-page .intro{margin-bottom:28px}.pin-page input{min-height:57px;font-size:24px}.back-link{font-size:12px;min-height:38px;display:inline-flex;align-items:center;color:#aeb8c7;text-decoration:none}.pin-page footer{max-width:330px;margin-left:auto;margin-right:auto}.power{font-size:32px;color:var(--accent);margin-bottom:20px}.download-link,.agent-reconnect{font-size:12px;line-height:1.7}
@media(max-width:420px){body{padding:28px 18px}.panel{padding:28px 26px 20px;border-radius:26px}header{margin-bottom:23px}.device-visual{height:90px;margin-bottom:17px}h1{font-size:28px}.intro{font-size:13px}.power-button{width:164px;height:164px;min-height:164px}.power-area{padding:23px 0 18px}.pin-links{gap:6px 18px}.pin-page .panel{padding-top:28px}}
@media(max-width:350px){body{padding:20px 12px}.panel{padding:26px 20px 18px}.brand{font-size:10px}.tag{font-size:9px}.pin-links{gap:4px 12px}.last-seen{font-size:10px}}
@media(prefers-reduced-motion:no-preference){button,a,input{transition:background-color .16s,color .16s,border-color .16s,transform .16s}}