:root{--bg:var(--tg-theme-bg-color,#fff);--bg2:var(--tg-theme-secondary-bg-color,#f1f2f6);--text:var(--tg-theme-text-color,#111418);--hint:var(--tg-theme-hint-color,#8a8f98);--link:var(--tg-theme-link-color,#2a7ae2);--accent:var(--tg-theme-button-color,#2a7ae2);--accent-text:var(--tg-theme-button-text-color,#fff);--danger:var(--tg-theme-destructive-text-color,#e5484d);--ok:#2fb56a;--warn:#e8a13a;--radius-lg:18px;--radius-sm:10px;--ease:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--tg-theme-bg-color,#17191d);--bg2:var(--tg-theme-secondary-bg-color,#22252b);--text:var(--tg-theme-text-color,#f2f3f5);--hint:var(--tg-theme-hint-color,#8d939c)}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;font:15px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--link)}.app{max-width:520px;padding:20px 16px calc(28px + env(safe-area-inset-bottom));min-height:100vh;margin:0 auto}.stack{flex-direction:column;gap:14px;display:flex}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.center-text{text-align:center}h1{letter-spacing:-.01em;margin:0;font-size:24px;line-height:1.2}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--hint);margin:0 0 10px;font-size:13px;font-weight:600}p{margin:0}.muted{color:var(--hint)}.small{font-size:13px}header{flex-direction:column;gap:6px;display:flex}.hero-icon{font-size:52px;line-height:1}.mark{fill:none;width:64px;height:64px;stroke:var(--accent);stroke-width:4px;stroke-linecap:round}.mark.big{width:96px;height:96px}.mark path{stroke-dasharray:90;stroke-dashoffset:90px;animation:flow 1.6s var(--ease) forwards}@keyframes flow{to{stroke-dashoffset:0}}.wordmark{letter-spacing:.28em;font-weight:800}.hero-icon.big{font-size:72px}.btn{border-radius:var(--radius-sm);background:var(--bg2);transition:transform .15s var(--ease), opacity .15s;border:0;padding:10px 14px}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.plan:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acc-head:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.55}.btn.primary{background:var(--accent);color:var(--accent-text);padding:14px;font-weight:600}.btn.ghost{color:var(--link);background:0 0;font-weight:600}.btn.danger{color:var(--danger)}.btn.wide{width:100%}.onboarding{text-align:center;flex-direction:column;justify-content:space-between;gap:24px;min-height:86vh;display:flex}.slide-body{align-items:center;padding-top:12vh}.dots{justify-content:center;gap:6px;display:flex}.dots span{background:var(--bg2);width:6px;height:6px;transition:width .3s var(--ease), background .3s;border-radius:3px}.dots span.on{background:var(--accent);width:22px}.plans{gap:10px;display:grid}.plan{text-align:left;border-radius:var(--radius-lg);background:var(--bg2);transition:border-color .2s, transform .15s var(--ease);border:2px solid #0000;grid-template-rows:auto auto;grid-template-columns:1fr auto;padding:16px;display:grid;position:relative}.plan:active{transform:scale(.985)}.plan.on{border-color:var(--accent)}.plan-title{font-size:17px;font-weight:600}.plan-meta{color:var(--hint);grid-row:2;font-size:13px}.plan-price{grid-area:1/2/span 2;align-self:center;font-size:20px;font-weight:700}.badge{background:var(--ok);color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:-9px;right:14px}.block{background:var(--bg2);border-radius:var(--radius-lg);padding:14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg);border:1.5px solid #0000;border-radius:20px;padding:7px 12px}.chip.on{border-color:var(--accent)}.status-card{border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--ok) 18%, var(--bg2)), var(--bg2));align-items:center;gap:12px;padding:16px;display:flex}.status-card>div:nth-child(2){flex:1}.status-title{font-size:17px;font-weight:700}.status-dot{background:var(--ok);width:12px;height:12px;box-shadow:0 0 0 0 var(--ok);border-radius:50%;animation:2.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.device{background:var(--bg);border-radius:var(--radius-sm);flex-direction:column;gap:4px;margin-bottom:10px;padding:12px;display:flex}.device-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.device-name{font-weight:600}.pill{background:var(--bg2);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px}.pill.ok{background:color-mix(in srgb, var(--ok) 20%, transparent);color:var(--ok)}.pill.ready{color:var(--link)}.pill.wait{color:var(--warn)}.actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.actions .btn{background:var(--bg2);padding:8px 12px;font-size:14px}.add-box{flex-direction:column;gap:10px;display:flex}.acc{border-top:1px solid color-mix(in srgb, var(--hint) 20%, transparent)}.acc:first-of-type{border-top:0}.acc-head{text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:12px 2px;font-weight:600;display:flex}.acc ol{flex-direction:column;gap:6px;margin:0 0 12px;padding-left:20px;display:flex}.sheet-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--bg);width:100%;max-width:520px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));text-align:center;border-radius:22px 22px 0 0;align-items:center}.sheet img{max-width:100%;height:auto;image-rendering:pixelated;background:#fff;border-radius:12px;padding:10px}.toast{left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--text);max-width:488px;color:var(--bg);text-align:center;z-index:20;border-radius:12px;margin:0 auto;padding:12px 14px;position:fixed}.spinner{border:3px solid var(--bg2);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:opacity .25s var(--ease), transform .25s var(--ease)}.slide-enter-from{opacity:0;transform:translate(24px)}.slide-leave-to{opacity:0;transform:translate(-24px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.mark path{stroke-dashoffset:0}}