:root{color:#111827;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:.85rem;justify-self:start;padding:.8rem 1.05rem;font-weight:800}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{color:#111827;background:#e5eaf1}input,select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;width:100%;padding:.85rem .95rem}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}.shell,.app-shell{width:min(1120px,100vw - 2rem);margin:0 auto}.shell{align-content:center;gap:1rem;min-height:100vh;padding:4rem 0;display:grid}.landing{max-width:780px;margin:0 auto}.app-shell{padding:1.25rem 0 3rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.brand{color:#2563eb;letter-spacing:.16em;background:0 0;border-radius:0;padding:0;font-size:.9rem;font-weight:900}.account,.header-actions,.actions{align-items:center;gap:.75rem;display:flex}.account{color:#475569}.eyebrow{color:#2563eb;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin:0}h1{letter-spacing:-.06em;max-width:780px;font-size:clamp(2.25rem,5vw,4.75rem);line-height:.98}h2{letter-spacing:-.02em;font-size:1.35rem}h3{font-size:1rem}p{color:#526174;max-width:660px;font-size:1rem;line-height:1.55}small{color:#64748b;font-size:.88rem;font-weight:500;line-height:1.4}label{color:#334155;gap:.45rem;font-weight:750;display:grid}.page-stack{gap:1rem;display:grid}.hero-card,.device-header,.panel,.settings-panel{background:#fff;border:1px solid #dbe3ee;border-radius:1.25rem;box-shadow:0 18px 42px #0f172a0f}.hero-card,.device-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.setup-hero p,.empty-dashboard p{margin-top:.85rem}.device-header h1{font-size:clamp(2rem,4vw,3.75rem)}.device-meta{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.device-meta span,.summary-card span,.summary-card strong{color:#334155;background:#f1f5f9;border-radius:999px;padding:.45rem .65rem;font-size:.92rem;display:inline-flex}.setup-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:start;gap:1rem;display:grid}.panel,.settings-panel{gap:1.25rem;padding:1.35rem;display:grid}.section-heading{gap:.35rem;display:grid}.steps{color:#475569;gap:.5rem;margin:0;padding-left:1.25rem;line-height:1.45;display:grid}.setup-preview{border:1px solid #cbd5e1;border-radius:.9rem;width:min(100%,420px);height:auto;box-shadow:0 14px 30px #0f172a1a}.summary-card,.empty-state{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;gap:.5rem;padding:1rem;display:grid}.summary-card strong{color:#0f172a;justify-self:start}.settings-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.settings-nav{background:#fff;border:1px solid #dbe3ee;border-radius:1rem;gap:.35rem;padding:.5rem;display:grid;box-shadow:0 18px 42px #0f172a0a}.nav-item{color:#475569;text-align:left;background:0 0;border-radius:.75rem;justify-self:stretch;width:100%;padding:.8rem .9rem}.nav-item.active{color:#0f172a;background:#eef4ff}.settings-section,.field-grid{gap:1rem;display:grid}.field-grid{max-width:680px}.form-actions{border-top:1px solid #e2e8f0;justify-content:flex-start;padding-top:.5rem;display:flex}.empty-state.compact{max-width:520px}.notice,.error{border-radius:.9rem;margin-bottom:1rem;padding:.9rem 1rem;font-weight:750}.notice{color:#166534;background:#dcfce7}.error{color:#991b1b;background:#fee2e2}@media (width<=820px){.topbar,.account,.hero-card,.device-header,.header-actions{display:grid}.account{justify-items:start}.setup-grid,.settings-layout{grid-template-columns:1fr}.settings-nav{gap:.5rem;display:flex;overflow-x:auto}.nav-item{text-align:center;min-width:max-content}}