*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:var(--bg-0);color:var(--text-0);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--grad-bg);background-attachment:fixed;min-height:100vh}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1,h2,h3,h4{margin:0}:focus{outline:none}:focus-visible,[data-spatial=tile]:focus,[data-spatial=tile]:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-md);z-index:2;position:relative;transition:box-shadow .12s ease}.app{display:grid;grid-template-rows:var(--header-h) 1fr;min-height:100vh}.app__body{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:0}.app--mobile .app__body{grid-template-columns:1fr;padding-bottom:var(--bottomnav-h)}.app--tablet .app__body{grid-template-columns:var(--sidebar-w) 1fr}.app--tablet .sidebar.is-collapsed+.app__main,.app--tablet .app__body:has(.sidebar.is-collapsed){grid-template-columns:var(--sidebar-w-collapsed) 1fr}.app__main{min-width:0;padding:var(--space-5);overflow:auto}.app--mobile .app__main{padding:var(--space-3)}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--bg-1);border-bottom:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:sticky;top:0;z-index:10}.app--mobile .header{padding:0 var(--space-3);grid-template-columns:1fr auto auto}.header__brand{display:flex;align-items:center;gap:var(--space-3)}.header__logo{color:var(--accent);display:inline-flex}.header__title{font-size:18px;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.header__center{display:flex;align-items:center;gap:var(--space-5);justify-self:center}.app--mobile .header__center{display:none}.header__clock{display:flex;flex-direction:column;align-items:flex-end}.header__time{font-size:18px;font-weight:700}.header__date{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}.header__weather{display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border)}.header__weather-icon{font-size:18px}.header__weather-temp{font-weight:700}.header__weather-cond{color:var(--text-2);font-size:13px}.header__right{display:flex;align-items:center;gap:var(--space-4);justify-self:end}.integrations{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-3)}.app--mobile .integrations{display:none}.integration{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.integration__dot{width:10px;height:10px;border-radius:50%;background:var(--c, var(--accent));box-shadow:0 0 8px var(--c, var(--accent))}.integration.is-off .integration__dot{background:var(--text-3);box-shadow:none}.integration.is-off{color:var(--text-3)}.theme-toggle{padding:4px;border-radius:var(--r-pill)}.theme-toggle__track{display:inline-flex;align-items:center;width:56px;height:28px;border-radius:var(--r-pill);background:var(--surface-strong);border:1px solid var(--border-strong);padding:2px;transition:background .2s}.theme-toggle__thumb{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--bg-0);font-size:12px;transform:translate(0);transition:transform .22s cubic-bezier(.4,1.5,.55,1.05),background .2s}.theme-toggle__thumb[data-on=true]{transform:translate(28px)}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-5);overflow:auto;position:relative}.sidebar__collapse{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--surface-strong);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center}.sidebar__heading{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);padding:0 var(--space-3) var(--space-2)}.sidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sidebar.is-collapsed .sidebar__heading,.sidebar.is-collapsed .navitem__label{display:none}.navitem{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px 12px;border-radius:var(--r-md);color:var(--text-1);transition:background .14s,color .14s,transform .14s}.navitem:hover,.navitem:focus-visible{background:var(--surface-strong);color:var(--text-0)}.navitem.is-active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent);color:var(--text-0);box-shadow:inset 3px 0 0 var(--accent)}.navitem:active{transform:scale(.98)}.navitem__icon{font-size:18px;width:22px;text-align:center}.navitem__label{font-weight:500;font-size:14px}.bottomnav{position:fixed;left:0;right:0;bottom:0;height:var(--bottomnav-h);background:var(--bg-1);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottomnav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-2);font-size:11px;transition:color .12s,transform .12s}.bottomnav__item.is-active{color:var(--accent)}.bottomnav__item:active{transform:scale(.94)}.bottomnav__icon{font-size:22px}.dashboard{display:flex;flex-direction:column;gap:var(--space-5);outline:none}.dashboard__heading{display:flex;align-items:baseline;gap:var(--space-3)}.dashboard__title{font-size:26px;letter-spacing:-.01em}.dashboard__chip{font-size:12px;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-strong);color:var(--text-1);border:1px solid var(--border)}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section__title{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-2)}.grid{display:grid;gap:var(--space-4)}.app--mobile .grid--summary,.app--mobile .grid--rooms,.app--mobile .grid--lights,.app--mobile .grid--scenes{grid-template-columns:1fr}.app--tablet .grid--summary{grid-template-columns:repeat(2,1fr)}.app--tablet .grid--rooms{grid-template-columns:repeat(3,1fr)}.app--tablet .grid--lights{grid-template-columns:repeat(2,1fr)}.app--tablet .grid--scenes{grid-template-columns:repeat(3,1fr)}.app--desktop .grid--summary{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.app--desktop .grid--rooms{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.app--desktop .grid--lights{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.app--desktop .grid--scenes{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border)}.toolbar__spacer{flex:1}.toolbar__pill{padding:6px 12px;border-radius:var(--r-pill);background:var(--surface-strong);color:var(--text-1);font-size:12px}.empty{color:var(--text-3);padding:var(--space-4)}:root[data-theme=dark]{--bg-0: #07090f;--bg-1: #0b1020;--bg-2: #121933;--surface: rgba(255, 255, 255, .045);--surface-strong: rgba(255, 255, 255, .08);--surface-pressed: rgba(255, 255, 255, .13);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--text-0: #f5f7ff;--text-1: #d6dbf2;--text-2: #8a92b6;--text-3: #5b6488;--accent: #00d4ff;--accent-2: #7d4cff;--accent-warm: #ffb13b;--success: #34e2a3;--danger: #ff5b6a;--status-online: #22c55e;--status-offline: #5b6488;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 14px 32px rgba(0, 0, 0, .4);--glow-accent: 0 0 18px rgba(0, 212, 255, .45);--focus-ring: 0 0 0 3px rgba(0, 212, 255, .95), 0 0 24px rgba(0, 212, 255, .55);--grad-bg: radial-gradient(1000px 600px at 80% -10%, rgba(125, 76, 255, .18), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(0, 212, 255, .14), transparent 60%), linear-gradient(180deg, var(--bg-0), var(--bg-1) 40%, var(--bg-0));--glass-blur: blur(14px) saturate(140%)}:root[data-theme=light]{--bg-0: #f5f7fb;--bg-1: #eef2f8;--bg-2: #ffffff;--surface: #ffffff;--surface-strong: #f5f7fb;--surface-pressed: #e8edf6;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .16);--text-0: #0b1220;--text-1: #1f2a44;--text-2: #5b6486;--text-3: #8a92ad;--accent: #0066ff;--accent-2: #7d4cff;--accent-warm: #f59e0b;--success: #16a34a;--danger: #dc2626;--status-online: #16a34a;--status-offline: #94a3b8;--shadow-soft: 0 8px 22px rgba(15, 23, 42, .08);--shadow-card: 0 14px 32px rgba(15, 23, 42, .1);--glow-accent: 0 6px 18px rgba(0, 102, 255, .25);--focus-ring: 0 0 0 3px rgba(0, 102, 255, .55), 0 0 18px rgba(0, 102, 255, .2);--grad-bg: radial-gradient(900px 500px at 90% -10%, rgba(125, 76, 255, .1), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(0, 102, 255, .08), transparent 60%), linear-gradient(180deg, #f7f9fd, #eef2f8 60%, #f5f7fb);--glass-blur: blur(0px)}:root{--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--header-h: 64px;--sidebar-w: 240px;--sidebar-w-collapsed: 72px;--bottomnav-h: 68px;--font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif}.widget{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:left;transition:transform .16s cubic-bezier(.4,1.5,.55,1.05),border-color .16s,background .16s;isolation:isolate}[data-theme=dark] .widget{background:linear-gradient(160deg,var(--surface-strong),var(--surface) 60%)}.widget:active{transform:scale(.985)}.widget.is-loading{opacity:.7}.widget.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--accent) 15%,transparent) 50%,transparent 70%);animation:shimmer 1.4s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.widget.is-error{border-color:color-mix(in srgb,var(--danger) 50%,var(--border))}.widget.is-error:before{content:"error";position:absolute;top:8px;right:12px;font-size:10px;color:var(--danger);text-transform:uppercase;letter-spacing:.1em}.widget.is-offline{opacity:.55}.widget.is-offline:before{content:"offline";position:absolute;top:8px;right:12px;font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em}.widget__head{display:flex;align-items:center;gap:var(--space-3)}.widget__icon{font-size:22px;flex-shrink:0}.widget__title{font-weight:600;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget__pill{font-size:11px;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-strong);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em}.widget__pill--btn:hover,.widget__pill--btn:focus-visible{background:var(--surface-pressed)}.widget__body{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.kv{display:flex;justify-content:space-between;align-items:center;font-size:13px}.kv__label{color:var(--text-2)}.kv__value{color:var(--text-0);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:var(--r-md);background:var(--surface-strong);border:1px solid var(--border);color:var(--text-1);font-weight:500;font-size:13px;transition:background .12s,transform 80ms,color .12s;text-transform:capitalize}.btn:hover,.btn:focus-visible{background:var(--surface-pressed);color:var(--text-0)}.btn:active{transform:scale(.95)}.btn.is-active,.btn--primary{background:var(--accent);color:var(--bg-0);border-color:transparent}.btn--ghost{background:transparent}.widget--light.is-on{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.widget--light.is-on .widget__pill{background:color-mix(in srgb,var(--accent) 25%,var(--surface-strong))}.bulb{width:64px;height:64px;border-radius:50%;align-self:center;position:relative;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--glow) 80%,transparent),color-mix(in srgb,var(--glow) 30%,transparent) 50%,var(--surface-strong) 75%);border:1px solid var(--border);transition:filter .24s,opacity .24s;opacity:.35}.bulb[data-on=true]{opacity:1;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--glow) 70%,transparent))}.bulb__halo{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;box-shadow:0 0 26px color-mix(in srgb,var(--glow) 50%,transparent)}.bulb[data-on=false] .bulb__halo{display:none}.dimmer{display:flex;align-items:center;gap:var(--space-3)}.dimmer__track{flex:1;height:8px;border-radius:var(--r-pill);background:var(--surface-strong);overflow:hidden}.dimmer__fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s ease}.thermostat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-strong);border-radius:var(--r-md)}.thermostat__btn{width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);font-size:22px;line-height:1;color:var(--text-0);transition:background .12s,transform 80ms}.thermostat__btn:hover,.thermostat__btn:focus-visible{background:var(--surface-pressed)}.thermostat__btn:active{transform:scale(.93)}.thermostat__dial{text-align:center}.thermostat__target{font-size:36px;font-weight:700;line-height:1;letter-spacing:-.02em}.thermostat__current{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.widget--security.arm-away{border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.widget--security.arm-night{border-color:color-mix(in srgb,var(--accent-2) 40%,var(--border))}.widget--security.arm-home{border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.widget--security .widget__pill{color:var(--text-0);font-weight:700}.widget--security.arm-away .widget__pill{background:color-mix(in srgb,var(--danger) 25%,var(--surface-strong))}.widget--security.arm-home .widget__pill{background:color-mix(in srgb,var(--success) 25%,var(--surface-strong))}.armrow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.media__title{font-size:16px;font-weight:600}.media__progress{display:flex;flex-direction:column;gap:4px}.media__bar{height:6px;border-radius:var(--r-pill);background:var(--surface-strong);overflow:hidden}.media__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.media__times{display:flex;justify-content:space-between;font-size:11px;color:var(--text-2)}.media__controls{display:flex;gap:var(--space-2);justify-content:center}.media__controls .btn{width:48px;height:48px;border-radius:50%;padding:0;font-size:18px}.media__controls .btn--primary{width:56px;height:56px;font-size:22px}.sparkbar{display:flex;align-items:flex-end;gap:2px;height:60px}.sparkbar__bar{flex:1;min-width:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:2px 2px 0 0;opacity:.85}.widget--scene{align-items:center;justify-content:center;gap:var(--space-2);text-align:center;padding:var(--space-5) var(--space-3);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}[data-theme=dark] .widget--scene{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 22%,var(--surface-strong)),var(--surface))}.widget--scene .scene__icon{font-size:32px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 60%,transparent))}.widget--scene .scene__name{font-weight:600;font-size:13px}.widget--scene.is-running{box-shadow:var(--shadow-card),0 0 0 2px color-mix(in srgb,var(--accent) 80%,transparent)}.scene__status{font-size:11px;color:var(--accent);animation:pulse .9s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.weather__hero{display:flex;align-items:center;gap:var(--space-4)}.weather__temp{font-size:56px;font-weight:700;line-height:1;letter-spacing:-.04em}.weather__sub{color:var(--text-2);font-size:12px;line-height:1.5}.weather__forecast{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.weather__day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);background:var(--surface-strong);border-radius:var(--r-sm)}.weather__day-name{font-size:11px;color:var(--text-2);text-transform:uppercase}.weather__day-icon{font-size:22px}.weather__day-temps{font-size:11px;font-weight:600;color:var(--text-1)}.camera__view{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:var(--surface-strong);border-radius:var(--r-md);color:var(--text-2);font-size:13px}.widget--sensor.is-alert{border-color:color-mix(in srgb,var(--accent-warm) 50%,var(--border))}.widget--sensor.is-alert .widget__pill{background:color-mix(in srgb,var(--accent-warm) 30%,var(--surface-strong));color:var(--text-0)}.widget--lock.is-locked .widget__icon{color:var(--success)}.widget--lock.is-unlocked{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.widget--integration.is-on .widget__pill{color:var(--success)}.widget--integration.is-off .widget__pill{color:var(--text-3)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-5);background:var(--grad-bg);background-attachment:fixed}.login__card{width:100%;max-width:420px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;gap:var(--space-4);text-align:center}[data-theme=dark] .login__card{background:linear-gradient(160deg,var(--surface-strong),var(--surface) 60%)}.login__brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--accent)}.login__title{font-size:22px;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.login__h{font-size:18px}.login__sub{color:var(--text-2);font-size:13px;line-height:1.5;margin:0}.login__msg{color:var(--text-2);padding:var(--space-4) 0}.login__msg--err{color:var(--danger)}.login__qr-wrap{display:grid;place-items:center;padding:var(--space-3);background:#fff;border-radius:var(--r-md)}.login__qr{width:240px;height:240px;image-rendering:pixelated}.login__details{text-align:left;font-size:12px;color:var(--text-2)}.login__details summary{cursor:pointer;color:var(--text-2)}.login__code{display:block;margin-top:var(--space-2);padding:var(--space-2);background:var(--surface-strong);border-radius:var(--r-sm);font-family:ui-monospace,Menlo,monospace;font-size:11px;word-break:break-all;color:var(--text-1)}.login__form{display:flex;flex-direction:column;gap:var(--space-3)}.login__input{font:600 28px ui-monospace,Menlo,monospace;letter-spacing:.4em;text-align:center;padding:var(--space-3);border-radius:var(--r-md);background:var(--surface-strong);border:1px solid var(--border-strong);color:var(--text-0);outline:none;transition:border-color .14s,box-shadow .14s}.login__input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.login__input:disabled{opacity:.6}.login__submit{padding:14px;font-size:15px;font-weight:600}.login__submit:disabled{opacity:.5;cursor:not-allowed}.login__err{color:var(--danger);font-size:13px;margin:0}.login__foot{color:var(--text-3);font-size:11px;margin-top:var(--space-3)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--status-offline);box-shadow:none;flex-shrink:0}.status-dot.is-online{background:var(--status-online);box-shadow:0 0 10px color-mix(in srgb,var(--status-online) 70%,transparent)}.widget--device.is-online{border-color:color-mix(in srgb,var(--status-online) 35%,var(--border))}.widget--device.is-offline{opacity:.78}.widget--trigger .trigger__desc{color:var(--text-2);font-size:13px;line-height:1.4}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#07090f9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--space-4);animation:modalFade .16s ease-out}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;max-height:90vh;overflow:auto;animation:modalSlide .2s cubic-bezier(.4,1.5,.55,1.05)}[data-theme=dark] .modal{background:linear-gradient(160deg,var(--surface-strong),var(--surface) 60%)}@keyframes modalSlide{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal__title{font-size:17px;flex:1}.modal__close{width:32px;height:32px;border-radius:50%;background:var(--surface-strong);border:1px solid var(--border);font-size:20px;line-height:1;color:var(--text-1)}.modal__close:hover,.modal__close:focus-visible{background:var(--surface-pressed)}.wizard-steps{display:flex;gap:var(--space-2);list-style:none;padding:var(--space-3) var(--space-5);margin:0;border-bottom:1px solid var(--border)}.wizard-steps li{flex:1;padding:6px 10px;border-radius:var(--r-sm);background:var(--surface-strong);color:var(--text-3);font-size:12px;text-align:center}.wizard-steps li.is-done{background:color-mix(in srgb,var(--accent) 22%,var(--surface-strong));color:var(--text-0)}.wizard-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.wizard-body--success{align-items:center;text-align:center}.wizard-hint{color:var(--text-2);font-size:13px;line-height:1.5;margin:0}.wizard-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.wizard-success-title{margin-top:4px}.success-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--success) 25%,transparent);color:var(--success);font-size:28px;font-weight:700;border:2px solid var(--success)}.wizard-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.type-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-1);position:relative;transition:background .12s,transform 80ms,border-color .12s}.type-tile:not(.is-disabled):hover,.type-tile:not(.is-disabled):focus-visible{background:var(--surface-pressed);border-color:var(--accent)}.type-tile:not(.is-disabled):active{transform:scale(.97)}.type-tile.is-disabled{opacity:.4;cursor:not-allowed}.type-tile__icon{font-size:28px}.type-tile__label{font-weight:600;font-size:14px}.type-tile__pill{position:absolute;top:6px;right:6px;font-size:9px;padding:2px 6px;border-radius:var(--r-pill);background:var(--surface-pressed);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}.field__input{padding:10px 12px;background:var(--surface-strong);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-0);font:inherit;font-size:14px;outline:none;transition:border-color .14s,box-shadow .14s}.field__input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.field__hint{font-size:11px;color:var(--text-3)}.wizard-instruction{display:flex;flex-direction:column;gap:var(--space-2)}.wizard-url{display:block;padding:10px 12px;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--r-sm);font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--accent)}.waiting{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--r-md);background:var(--surface-strong);color:var(--text-2);font-size:13px}.waiting__pulse{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent);animation:pulseRing 1.4s ease-out infinite}@keyframes pulseRing{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}70%{box-shadow:0 0 0 14px transparent}to{box-shadow:0 0 0 0 transparent}}.device-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2)}.device-pick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-3);background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-1);transition:background .12s,border-color .12s,transform 80ms}.device-pick:hover,.device-pick:focus-visible{background:var(--surface-pressed);border-color:var(--accent)}.device-pick.is-selected{background:color-mix(in srgb,var(--accent) 18%,var(--surface-strong));border-color:var(--accent)}.device-pick:active{transform:scale(.97)}.device-pick__icon{font-size:24px}.device-pick__name{font-size:13px;font-weight:600;text-align:center}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:200;padding:12px 18px;border-radius:var(--r-pill);background:var(--surface-strong);border:1px solid var(--border-strong);color:var(--text-0);font-size:13px;box-shadow:var(--shadow-card);animation:toastUp .2s ease-out}.toast--ok{border-color:color-mix(in srgb,var(--success) 50%,var(--border-strong))}.toast--err{border-color:color-mix(in srgb,var(--danger) 50%,var(--border-strong))}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.empty--err{color:var(--danger)}.pair{min-height:100vh;background:var(--grad-bg);background-attachment:fixed;color:var(--text-0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-6);text-align:center;font-family:var(--font)}.pair__brand{display:flex;align-items:center;gap:var(--space-3);color:var(--accent)}.pair__wordmark{font-size:28px;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.pair__h{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600;margin:0;letter-spacing:-.01em}.pair__sub{font-size:clamp(1.05rem,2vw,1.4rem);color:var(--text-2);max-width:32em;line-height:1.5;margin:0}.pair__sub--small{font-size:clamp(.9rem,1.5vw,1.1rem);color:var(--text-3)}.pair__spinner{width:64px;height:64px;border-radius:50%;border:4px solid color-mix(in srgb,var(--accent) 20%,transparent);border-top-color:var(--accent);animation:pairSpin 1s linear infinite}@keyframes pairSpin{to{transform:rotate(360deg)}}.pair__icon{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:56px;font-weight:700;border:3px solid currentColor}.pair__icon--ok{color:var(--success);background:color-mix(in srgb,var(--success) 18%,transparent)}.pair__icon--err{color:var(--danger);background:color-mix(in srgb,var(--danger) 18%,transparent)}.pair__btn{padding:14px 28px;border-radius:var(--r-md);background:var(--accent);color:var(--bg-0);border:0;font:inherit;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform 80ms,opacity .12s}.pair__btn:hover{opacity:.92}.pair__btn:active{transform:scale(.97)}.header__logout{width:36px;height:36px;border-radius:50%;background:var(--surface-strong);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:background .14s,transform 80ms}.header__logout:hover,.header__logout:focus-visible{background:var(--surface-pressed)}.header__logout:active{transform:scale(.92)}