:root{font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none;--green:#00c878;--ink:#202824;--muted:#88908b;--line:#e5e8e6;color:var(--ink);background:#f5f6f7}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #00c87866;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:var(--green);color:#071f13;font-size:15px;font-weight:600;transition:background .18s,transform .18s}.primary:hover:not(:disabled){background:#00db83}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{background:#eef0ef;color:#a2a8a4}.landing{min-height:100svh;background:#080909;color:#f5f6f5;display:flex;flex-direction:column}.hero{flex:1;min-height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:76px 24px 88px}.hero-brand{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:52px}.hero-brand span{font-size:10px;letter-spacing:3px;color:#969d98}.hero h1{font-size:clamp(30px,3.1vw,46px);font-weight:600;letter-spacing:1px;line-height:1.4;margin:0}.hero-description{font-size:16px;line-height:1.8;color:#969d98;margin:20px 0 0}.hero-button{width:248px;height:54px;margin-top:64px;gap:68px;font-size:16px}.hero-button span{font-size:23px;line-height:1;font-weight:400}.hero-note{font-size:11px;color:#616963;margin:19px 0 0;letter-spacing:.4px}.landing-footer{display:flex;justify-content:center;align-items:center;gap:12px;min-height:70px;padding:24px;color:#686e69;font-size:11px}.footer-dot{color:#3e4540}.account-page{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:96px 24px 88px;background:#f5f6f7}.back-home{position:absolute;top:32px;left:40px;display:flex;align-items:center;gap:9px;font-size:13px;color:#747d77}.back-home:hover{color:#202824}.account-card{width:448px;max-width:100%;padding:40px 44px 28px;background:#fff;border:1px solid #fff;border-radius:18px;box-shadow:0 12px 55px #263d2d05}.account-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px}.account-brand>span{font-size:13px;font-weight:650;letter-spacing:1.7px}.account-brand small{display:block;font-size:8px;letter-spacing:3.5px;font-weight:400;color:#8b948e;margin-top:3px}.account-card h1{font-size:26px;line-height:1.5;letter-spacing:.5px;margin:0 0 6px;font-weight:650}.account-subtitle{margin:0;color:#929a95;font-size:13px;line-height:1.7}.login-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:30px 0 26px}.login-tabs button{flex:1;position:relative;background:none;border:0;padding:0 0 14px;color:#8a928d;font-size:14px;line-height:1.5}.login-tabs button[aria-selected=true]{color:#059a5c;font-weight:600}.login-tabs button[aria-selected=true]:after{position:absolute;content:"";left:0;right:0;bottom:-1px;height:2px;background:var(--green)}.input-wrap{display:flex;align-items:center;border:1px solid #dfe4e1;border-radius:6px;min-height:46px;margin-bottom:16px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#00b86d;box-shadow:0 0 0 3px #00c8780a}.input-wrap input{min-width:0;width:100%;height:44px;border:0;border-radius:6px;outline:none;padding:0 13px;background:transparent;color:#27352c;font-size:14px}.input-wrap input:focus-visible{outline:none}.input-wrap input::placeholder{color:#b1b7b3}.phone-prefix{border-right:1px solid #e4e8e5;font-size:13px;color:#6e7972;padding:0 13px;flex-shrink:0}.password-toggle{border:0;background:none;color:#9aa29c;padding:10px 13px;display:flex;align-items:center}.password-toggle:hover{color:#248453}.code-wrap input{width:calc(100% - 118px)}#send-code{flex-shrink:0;width:118px;padding:0 8px;border:0;border-left:1px solid var(--line);background:none;font-size:12px;color:#059a5c;min-height:22px}#send-code:disabled{color:#abb2ad}.account-links{display:flex;justify-content:flex-end;align-items:center;font-size:12px;margin:0 0 24px}.text-link{color:#059a5c}.text-button,.text-link{font:inherit;border:0;padding:0;background:none}.text-button{color:#929a95;font-size:12px}.text-button:hover,.text-link:hover{color:#00844c}.submit-button{height:46px;width:100%;font-size:15px;letter-spacing:2px}.notice-check{display:flex;align-items:flex-start;gap:7px;margin-top:18px;font-size:11px;color:#929a95;line-height:1.8;cursor:pointer}.notice-check input{accent-color:#00b96e;margin:3px 0 0;width:14px;height:14px;flex-shrink:0}.notice-check .text-link{font-size:11px}.form-status{font-size:12px;line-height:1.6;min-height:38px;margin:12px 0 20px;color:#bd4949}.form-status[data-tone=info]{color:#63806f}.account-footer{font-size:11px;text-align:center;color:#a4aca6;border-top:1px solid #f0f2f0;padding-top:21px;line-height:1.8}.light-footer{position:absolute;bottom:28px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:1px;color:#a7afa9;padding:0 24px}.connection-card{text-align:center;padding-top:44px;padding-bottom:32px}.connection-card h1{font-size:24px;margin-top:24px}.connection-status{font-size:13px;line-height:1.8;color:#7e8b82;min-height:48px;margin:14px 0 26px}.install-note{margin:28px 0 26px;padding-top:24px;border-top:1px solid var(--line)}.install-note p{font-size:12px;color:#929a95;margin:0 0 8px}.install-note a{font-size:13px;color:#059a5c}.install-note small{display:block;font-size:11px;line-height:1.8;color:#a0aaa3;margin-top:12px}dialog{color:var(--ink);border:1px solid #e8ece9;border-radius:16px;padding:28px;max-width:440px;width:calc(100% - 40px);box-shadow:0 16px 64px #0002}dialog::backdrop{background:#17231b66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:19px;margin:0}.dialog-heading>button{border:0;background:#f3f5f3;border-radius:6px;width:28px;height:28px;font-size:20px;color:#7c857f}dialog p{font-size:13px;line-height:1.9;color:#6e7b72;margin:14px 0}.dialog-confirm{height:42px;width:100%;margin-top:12px}@media(min-height:950px){.hero{padding-bottom:125px}.hero-brand{margin-bottom:64px}.hero-button{margin-top:76px}}@media(max-width:520px){.hero{min-height:570px;padding:68px 22px}.hero-brand{margin-bottom:42px}.hero-brand img{width:72px;height:72px}.hero h1{font-size:29px;letter-spacing:0}.hero-description{font-size:13px}.hero-button{margin-top:48px;width:224px}.landing-footer{font-size:10px;gap:8px}.account-page{padding:86px 20px 76px;align-items:flex-start}.back-home{top:25px;left:24px;font-size:12px}.account-card{padding:30px 26px 25px;border-radius:16px}.account-brand{margin-bottom:23px}.account-card h1{font-size:24px}.light-footer{position:static;margin-top:24px;font-size:9px}.account-page{flex-direction:column;align-items:center;justify-content:center}.login-tabs{margin-top:26px}.connection-card{padding-top:36px}}@media(max-height:760px) and (min-width:521px){.account-page{padding-top:72px;align-items:flex-start}.light-footer{position:static;display:none}.hero{min-height:550px;padding-top:50px;padding-bottom:40px}.hero-brand{margin-bottom:36px}.hero-button{margin-top:42px}}
/* The connection handoff stays in the camera's black, green and gray palette. */
.connection-page{background:#080909;color:#f5f6f5;--line:#2c312e}
.connection-page .account-card{background:#111412;border-color:#2c312e;box-shadow:none}
.connection-page .back-home,.connection-page .connection-status{color:#969d98}
.connection-page .back-home:hover{color:#f5f6f5}
.connection-page .primary:disabled{background:#242925;color:#737d76}
.connection-page .install-note a{color:var(--green)}
.connection-page .light-footer{color:#616963}
.assistant-actions{display:grid;gap:12px;margin:30px 0 26px}
.assistant-actions .submit-button{font-size:14px;letter-spacing:0}
.assistant-actions .secondary{border:1px solid #39413b;border-radius:7px;background:transparent;color:#dbe1dd}
.assistant-actions .secondary:hover:not(:disabled){border-color:#78847b;background:#191e1a}
.assistant-actions .secondary:disabled{color:#68736b;cursor:default}
.assistant-actions p{margin:2px 0 0;color:#7f8a82;font-size:11px;line-height:1.8}
