:root{color:#17201d;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;background:#eef2f0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#eef2f0;min-height:100dvh}button,input,select{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #147c5f33}.page-shell{min-height:100dvh}.app-surface{background:#fff;width:100%;min-height:100dvh;margin:0 auto}.topbar{z-index:10;min-height:64px;padding:calc(10px + env(safe-area-inset-top)) 20px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e3e9e6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{color:#131b18;align-items:center;gap:9px;font-size:18px;font-weight:750;display:flex}.brand-icon{color:#fff;background:#17201d;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.brand-icon svg{width:18px;height:18px}.target-name{color:#65716d;font-size:13px;font-weight:650}.content{padding:0 20px calc(28px + env(safe-area-inset-bottom))}.connect-view,.state-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 90px);padding:44px 0 28px;display:flex}.device-orbit{color:#17201d;background:#f5f8f6;border:1px solid #d8e0dc;border-radius:50%;place-items:center;width:112px;height:112px;margin-bottom:28px;display:grid;position:relative;box-shadow:0 12px 28px #142b2214}.device-orbit>svg{stroke-width:1.6px;width:48px;height:48px}.bluetooth-mark{color:#fff;background:#3267d6;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:7px;right:-2px}.bluetooth-mark svg{width:17px;height:17px}.connect-copy h1,.state-panel h1,.progress-view h1{color:#17201d;margin:0;font-size:24px;line-height:1.28}.connect-copy p,.state-panel p,.progress-network{color:#75807c;overflow-wrap:anywhere;margin:9px 0 30px;font-size:14px;line-height:1.6}.connect-view .error-banner{width:100%;margin:0 0 14px}.primary-button{color:#fff;cursor:pointer;background:#087f5b;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 22px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #087f5b33}a.primary-button{text-decoration:none}.state-actions{gap:10px;width:100%;max-width:420px;display:grid}.secondary-button{color:#36413d;cursor:pointer;background:#fff;border:1px solid #cfd8d4;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:650;display:inline-flex}.secondary-button svg{width:18px;height:18px}.primary-button:hover:not(:disabled){background:#066c4e}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{color:#9ca8a3;box-shadow:none;cursor:not-allowed;background:#e3e8e6}.primary-button svg{width:19px;height:19px}.primary-button.full{width:100%;max-width:420px}.state-panel{gap:0}.state-icon,.progress-hero{color:#3267d6;background:#edf2fb;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:22px;display:grid}.state-icon svg,.progress-hero svg{width:32px;height:32px}.device-summary{border-bottom:1px solid #e6ebe9;padding:22px 0 20px}.summary-heading{grid-template-columns:10px minmax(0,1fr) 22px;align-items:center;gap:11px;display:grid}.summary-heading>svg{color:#087f5b;width:21px}.connected-dot{background:#20a36f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #e3f5ed}.summary-heading div{min-width:0}.summary-heading strong,.summary-heading span{display:block}.summary-heading strong{font-size:16px}.summary-heading span{color:#78837f;margin-top:2px;font-size:12px}.device-summary dl{gap:7px;margin:17px 0 0 21px;display:grid}.device-summary dl div{grid-template-columns:88px minmax(0,1fr);gap:8px;font-size:12px;display:grid}.device-summary dt{color:#87918d}.device-summary dd{color:#36413d;text-align:right;overflow-wrap:anywhere;min-width:0;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wifi-form{padding-top:22px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-heading h1{margin:0;font-size:19px}.section-heading p{color:#7b8581;margin:4px 0 0;font-size:12px}.icon-button{color:#46514d;cursor:pointer;background:#fff;border:1px solid #dce3e0;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.icon-button svg{width:18px;height:18px}.icon-button:disabled{opacity:.45}.network-list{border-top:1px solid #e4e9e7}.network-row{color:#1b2421;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e4e9e7;border-radius:0;grid-template-columns:25px minmax(0,1fr) 23px;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 5px;display:grid}.network-row.selected{background:#eef8f4}.network-row:disabled{color:#9ca5a1;cursor:not-allowed}.signal-icon{width:21px;height:21px}.signal-icon.strong{color:#087f5b}.signal-icon.medium{color:#d17a00}.signal-icon.weak,.manual-icon{color:#87918d}.network-copy{min-width:0}.network-copy strong,.network-copy small{display:block}.network-copy strong{color:inherit;overflow-wrap:anywhere;font-size:14px;line-height:1.35}.network-copy small{color:#818b87;margin-top:4px;font-size:11px}.row-action{color:#a0aaa6;width:18px;height:18px}.row-action.lock{width:15px}.selected-check{color:#087f5b}.manual-fields,.password-field{margin-top:20px}.manual-fields{gap:8px;display:grid}.manual-fields .field-label:not(:first-child){margin-top:7px}.field-label{color:#46514d;font-size:13px;font-weight:650;display:block}input,select{color:#17201d;background:#fff;border:1px solid #cfd8d4;border-radius:7px;width:100%;min-height:48px;padding:0 13px}input:focus,select:focus{border-color:#087f5b}.input-action-wrap{margin-top:8px;position:relative}.input-action-wrap input{padding-right:50px}.input-action-wrap button{color:#65706c;cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:4px;right:4px}.input-action-wrap svg{width:19px;height:19px}.submit-button{margin-top:24px}.error-banner{color:#992d23;text-align:left;background:#fff5f3;border:1px solid #f0c7c2;border-radius:7px;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:9px;margin:0 0 14px;padding:11px 12px;font-size:13px;line-height:1.45;display:grid}.error-banner svg{width:18px;height:18px;margin-top:1px}.progress-view{text-align:center;flex-direction:column;align-items:center;min-height:calc(100dvh - 250px);padding:46px 0 24px;display:flex}.progress-view .progress-hero{color:#087f5b;background:#e8f6f0}.progress-view:not(.complete) .progress-hero{color:#3267d6;background:#edf2fb}.progress-network{max-width:100%;margin-bottom:27px}.phase-list{text-align:left;width:100%;margin:0;padding:0;list-style:none}.phase-list li{color:#9aa39f;grid-template-columns:28px 1fr;align-items:start;gap:12px;min-height:45px;display:grid;position:relative}.phase-list li:not(:last-child):after{content:"";background:#dfe5e2;width:1px;position:absolute;top:28px;bottom:0;left:13px}.phase-list li.done:not(:last-child):after{background:#5dbb93}.phase-list li>span{z-index:1;background:#fff;border:1px solid #d7dedb;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.phase-list li svg{width:14px;height:14px}.phase-list li strong{padding-top:5px;font-size:13px}.phase-list li.done,.phase-list li.active{color:#087f5b}.phase-list li.done>span,.phase-list li.active>span{border-color:#087f5b}.phase-list li.done>span{color:#fff;background:#087f5b}.success-access{text-align:left;border-top:1px solid #e0e6e3;width:100%;margin-top:18px;padding:18px 0 0}.success-access-label{color:#6f7a76;font-size:13px;font-weight:650;display:block}.success-addresses{gap:8px;margin-top:8px;display:grid}.success-address{background:#f5f8f6;border:1px solid #d7e2dd;border-radius:7px;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:52px;padding:0 5px 0 13px;display:grid}.success-address strong{color:#17201d;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px}.copy-address-button{color:#087f5b;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:42px;height:42px;display:grid}.copy-address-button svg{width:18px;height:18px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=560px){.page-shell{padding:20px 0}.app-surface{border:1px solid #dfe5e2;width:min(100%,480px);min-height:calc(100dvh - 40px);box-shadow:0 18px 48px #192b241a}.topbar{top:20px}.connect-view,.state-panel{min-height:calc(100dvh - 130px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}