:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#f5f5f7;--foreground:#1d1d1f;--secondary:#6e6e73;--surface:#ffffffb8;--surface-strong:#ffffffeb;--line:#0000001a;--accent:#0071e3;--accent-hover:#0077ed;--success:#248a3d;--danger:#d70015;--shadow:0 18px 50px #00000017, 0 2px 8px #0000000a;--radius-large:28px;--radius-medium:20px;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#000;--foreground:#f5f5f7;--secondary:#a1a1a6;--surface:#1c1c1eb8;--surface-strong:#1c1c1ef0;--line:#ffffff1f;--accent:#2997ff;--accent-hover:#47a6ff;--success:#32d74b;--danger:#ff453a;--shadow:0 20px 60px #00000080}}*{box-sizing:border-box}html{background:var(--background);-webkit-text-size-adjust:100%;min-height:100%}body{min-height:100vh;color:var(--foreground);background:radial-gradient(circle at 12% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 30rem), radial-gradient(circle at 100% 20%, color-mix(in srgb, var(--success) 10%, transparent), transparent 26rem), var(--background);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px}.site-header{z-index:20;background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid #0000;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1.5rem;width:min(72rem,100% - 2rem);min-height:4rem;margin:0 auto;display:flex}.brand{color:var(--foreground);letter-spacing:-.02em;align-items:center;gap:.7rem;font-weight:650;display:inline-flex}.brand__mark{color:#fff;background:linear-gradient(145deg,#0a84ff,#0055d5);border-radius:.65rem;place-items:center;width:2rem;height:2rem;font-size:.9rem;display:grid;box-shadow:inset 0 1px #ffffff59,0 5px 14px #005ad242}.site-header nav{align-items:center;gap:1.35rem;display:flex}.site-header nav a{color:var(--secondary);font-size:.9rem;font-weight:500}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--foreground)}.site-header nav a[aria-current=page]{font-weight:650}.logout-control{justify-items:center;gap:.35rem;display:grid}.material{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px)saturate(170%)}.page-shell{width:min(72rem,100% - 2rem);margin:0 auto;padding:clamp(4rem,9vw,8rem) 0 6rem}.page-shell--narrow{width:min(42rem,100% - 2rem)}.page-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.page-heading h1,.auth-card h1,.empty-state h2{letter-spacing:-.055em;margin:.2rem 0 0;font-size:clamp(2.25rem,7vw,4.7rem);font-weight:680;line-height:.98}.eyebrow{color:var(--secondary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700;line-height:1.4}.lede,.empty-state>p:not(.eyebrow){max-width:42rem;color:var(--secondary);margin:1rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.5}.page-actions{flex:none;gap:.7rem;display:flex}.primary-button,.secondary-button,.danger-button,.text-link{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;font-weight:600;transition:transform .1s ease-out,background-color .16s ease-out,opacity .16s ease-out;display:inline-flex}.primary-button{color:#fff;background:var(--accent);box-shadow:0 7px 20px color-mix(in srgb, var(--accent) 25%, transparent);padding:.75rem 1.2rem}.primary-button:hover{background:var(--accent-hover)}.primary-button:active,.secondary-button:active,.danger-button:active,.toggle-button:active{transform:scale(.97)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.toggle-button:disabled{cursor:not-allowed;opacity:.48}.secondary-button{color:var(--foreground);background:color-mix(in srgb, var(--surface-strong) 80%, transparent);box-shadow:inset 0 0 0 1px var(--line);padding:.75rem 1.1rem}.danger-button{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 25%, transparent);padding:.75rem 1.1rem}.danger-button:hover{background:color-mix(in srgb, var(--danger) 14%, transparent)}.text-link{min-height:auto;color:var(--accent);background:0 0}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.device-card{border-radius:var(--radius-large);min-height:16rem;color:var(--foreground);padding:clamp(1.4rem,3vw,2rem);transition:transform .18s ease-out,box-shadow .18s ease-out;display:block}a.device-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px #00000021}.device-card__topline{color:var(--secondary);align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;display:flex}.status-dot{background:#8e8e93;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #8e8e9324}.status-dot.is-online{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 14%, transparent)}.device-card h2,.detail-card h2{letter-spacing:-.035em;margin:2.5rem 0 .3rem;font-size:1.65rem}.device-model,.last-seen{color:var(--secondary);margin:0}.device-metrics{color:var(--secondary);gap:1.5rem;margin-top:2.2rem;font-size:.88rem;display:flex}.device-metrics strong{color:var(--foreground);font-size:1rem}.last-seen{margin-top:.8rem;font-size:.78rem}.empty-state,.auth-card,.pairing-card,.detail-card{border-radius:var(--radius-large)}.empty-state{padding:clamp(2rem,6vw,4rem)}.empty-state h2{font-size:clamp(1.8rem,5vw,3.2rem)}.empty-state .primary-button{margin-top:2rem}.skeleton{background:linear-gradient(100deg, var(--surface) 30%, var(--surface-strong) 50%, var(--surface) 70%);background-size:220% 100%;min-height:16rem;animation:1.6s linear infinite shimmer}.banner{border-radius:1rem;margin:0 0 1.5rem;padding:.9rem 1rem}.banner-error,.banner-warning,.form-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.banner-warning{color:#7a4d00;background:#ff9f0a24}@media (prefers-color-scheme:dark){.banner-warning{color:#ffd60a}}.auth-shell{align-content:center;justify-items:center;gap:1rem;width:min(28rem,100% - 2rem);min-height:calc(100vh - 4rem);margin:0 auto;padding:clamp(3rem,10vh,8rem) 0 4rem;display:grid}.auth-card{width:100%;padding:clamp(1.5rem,6vw,2.5rem)}.auth-card h1{margin-bottom:2rem;font-size:clamp(2rem,8vw,3.2rem)}.form-stack{gap:1.1rem;display:grid}.form-stack label{color:var(--secondary);gap:.45rem;font-size:.82rem;font-weight:600;display:grid}.form-stack input{border:1px solid var(--line);width:100%;min-height:3rem;color:var(--foreground);background:var(--surface-strong);border-radius:.9rem;padding:.75rem .9rem;font-size:1rem}.form-stack input:hover,.form-stack input:focus{border-color:color-mix(in srgb, var(--accent) 60%, var(--line))}.form-error{border-radius:.75rem;margin:0;padding:.75rem;font-size:.88rem}.field-hint{color:var(--secondary);font-size:.78rem;font-weight:400;line-height:1.5}.turnstile-shell{align-content:center;justify-items:start;gap:.5rem;min-height:5rem;display:grid}.form-footnote{color:var(--secondary);text-align:center;margin:1.5rem 0 0;font-size:.9rem}.pairing-card{padding:clamp(1.5rem,5vw,2.5rem)}.pairing-code{text-align:center;justify-items:center;gap:.8rem;display:grid}.pairing-code p,.pairing-code span{color:var(--secondary);margin:0}.pairing-code strong{color:var(--foreground);background:color-mix(in srgb, var(--accent) 9%, transparent);letter-spacing:.16em;border-radius:1rem;padding:.5rem .8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(2.5rem,11vw,4.5rem)}.setup-steps{color:var(--secondary);gap:.7rem;margin:2rem 0 0;padding-left:1.3rem;line-height:1.5;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.detail-card{min-height:14rem;padding:clamp(1.4rem,4vw,2rem)}.detail-card:last-child{grid-column:1/-1}.toggle-button{width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:0;font-weight:600;display:flex}.toggle-track{background:#8e8e93;border-radius:999px;width:3.2rem;height:1.9rem;padding:.2rem;transition:background-color .18s ease-out}.toggle-track>span{background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 2px 5px #00000040}.toggle-button[aria-pressed=true] .toggle-track{background:var(--success)}.toggle-button[aria-pressed=true] .toggle-track>span{transform:translate(1.3rem)}.capability-list{gap:0;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.capability-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.capability-list li:last-child{border-bottom:0}.capability-list strong{color:var(--secondary);font-size:.75rem}@keyframes shimmer{to{background-position:-220% 0}}@media (max-width:720px){.site-header__inner{min-height:3.6rem}.site-header nav a:first-child{display:none}.page-shell{padding-top:3.5rem}.page-heading{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions>*{flex:1}.device-grid,.detail-grid{grid-template-columns:1fr}.detail-card:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}@media (prefers-reduced-transparency:reduce){.site-header,.material{background:var(--background);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){:root{--line:currentColor}.material{box-shadow:none}}