:root{color:#17231c;font-synthesis:none;text-rendering:optimizelegibility;background:#edf2ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:6px;min-height:44px;font-weight:700}button:disabled{cursor:wait;opacity:.58}button:focus-visible,input:focus-visible,.feedback-panel:focus-visible,.device-list:focus-visible,.status-banner:focus-visible{outline-offset:3px;outline:3px solid #d4965e}#root{min-height:100vh}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel,.feedback-panel,.confirm-dialog{background:#fff;border:1px solid #cfdbd2;border-radius:8px}.auth-panel{width:min(100%,460px);padding:44px;box-shadow:0 20px 48px #1b392714}.brand-mark{color:#1d6a48;letter-spacing:0;margin:0;font-size:14px;font-weight:800}.eyebrow,.section-kicker{color:#a75d35;letter-spacing:0;text-transform:uppercase;margin:8px 0 0;font-size:12px;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:#183b29}h1{letter-spacing:0;margin:12px 0 0;font-size:36px;font-weight:700;line-height:1.15}h2{letter-spacing:0;margin:8px 0 0;font-size:22px;font-weight:720;line-height:1.25}h3{letter-spacing:0;margin:0;font-size:15px;font-weight:750}.intro-copy,.status,.feedback-panel>p,.confirm-dialog>p{color:#59665e;font-size:14px;line-height:1.6}.intro-copy{margin:14px 0 0}form{gap:11px;margin-top:30px;display:grid}label,dt{color:#3c4b42;font-size:13px;font-weight:750}input{color:#17231c;background:#fbfdfb;border:1px solid #b9c8bd;border-radius:6px;width:100%;min-height:46px;padding:0 13px}form button,.feedback-panel button{color:#fff;background:#216342;margin-top:8px;padding:0 18px}.status{margin:16px 0 0}.status.success{color:#1d6a48}.status.error{color:#a34c36}.page-shell{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:42px 32px 72px}.page-header{border-bottom:1px solid #cdd8d0;justify-content:space-between;align-items:flex-end;gap:28px;padding-bottom:28px;display:flex}.page-header h1{margin-top:10px}.account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;max-width:100%;display:flex}.account-email{color:#59665e;overflow-wrap:anywhere;max-width:280px;font-size:13px}.quiet-button{color:#20583c;white-space:nowrap;background:0 0;border:1px solid #a5b9ab;min-height:40px;padding:0 14px}.primary-button{color:#fff;white-space:nowrap;background:#216342;min-height:40px;padding:0 16px}.pairing-section{border-bottom:1px solid #cdd8d0;padding:28px 0}.pairing-heading,.pairing-result{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.pairing-heading h2{margin-top:8px}.pairing-copy,.pairing-expiry,.pairing-expired,.pairing-feedback,.pairing-code-label{color:#59665e;margin:8px 0 0;font-size:13px;line-height:1.5}.pairing-result{background:#fff;border:1px solid #b9cbbd;border-radius:8px;align-items:center;margin-top:22px;padding:20px 22px}.pairing-code-label{color:#77847b;text-transform:uppercase;margin-top:0;font-size:11px;font-weight:750}.pairing-code{color:#173a28;letter-spacing:0;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:32px;font-weight:800;line-height:1.2;display:block}.pairing-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pairing-expired,.pairing-feedback.error{color:#a34834;font-weight:700}.pairing-feedback.success{color:#1d6a48}.device-list{gap:24px;margin-top:28px;display:grid}.device-section{background:#fff;border:1px solid #cbd8ce;border-radius:8px}.device-section-header{justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px 24px;display:flex}.device-section-header h2{overflow-wrap:anywhere}.danger-button{color:#a34834;white-space:nowrap;background:#fffaf8;border:1px solid #c98268;min-height:40px;padding:0 14px}.danger-button.solid{color:#fff;background:#a34834}.state-banner{border-top:1px solid #e0e7e1;border-bottom:1px solid #e0e7e1;gap:14px;margin:0 30px;padding:22px 0;display:flex}.state-dot,.connection-indicator{background:#be6a3f;border-radius:50%;flex:none;width:12px;height:12px;margin-top:6px;display:inline-block}.state-banner:not(.is-offline) .state-dot,.connection-indicator.online{background:#2a8a59}.state-label{color:#173a28;margin:0;font-size:25px;font-weight:750;line-height:1.2}.state-copy,.last-known{color:#59665e;margin:7px 0 0;font-size:14px;line-height:1.5}.last-known{color:#a34c36;font-weight:700}.device-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:24px 30px 28px;display:grid}.device-facts div{min-width:0}dt{color:#77847b;letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px}dd{color:#25382c;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0 0;font-size:14px;font-weight:700;display:flex}.connection-indicator{width:8px;height:8px;margin:0}.connection-indicator.offline{background:#be6a3f}.fact-secondary{color:#77847b;width:100%;font-size:11px;font-weight:500}.events-section{padding:0 30px 28px}.subsection-heading{border-top:1px solid #e0e7e1;justify-content:space-between;align-items:baseline;gap:16px;padding-top:20px;display:flex}.subsection-heading span{color:#77847b;font-size:12px}.event-list{margin:13px 0 0;padding:0;list-style:none}.event-row{border-top:1px solid #eef2ee;padding:13px 0}.event-title,.event-time,.empty-inline{margin:0}.event-title{color:#2d4435;font-size:13px;font-weight:700}.event-time,.empty-inline{color:#77847b;margin-top:5px;font-size:12px;line-height:1.5}.feedback-panel{max-width:680px;margin-top:28px;padding:34px 36px}.feedback-panel h2{margin-top:12px}.feedback-panel button{min-width:120px}.status-banner{color:#20583c;background:#f4fbf5;border:1px solid #a5c4b0;border-radius:6px;margin:20px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.status-banner.error{color:#a34834;background:#fff8f5;border-color:#e0b1a2}.dialog-backdrop{z-index:10;background:#17231c6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{width:min(100%,480px);padding:30px;box-shadow:0 24px 60px #17231c38}.confirm-dialog h2{margin-top:10px}.confirm-dialog>p:not(.section-kicker):not(.status){margin:14px 0 0}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (width<=760px){.page-shell{padding:28px 20px 52px}.page-header{flex-direction:column;align-items:flex-start;gap:20px}.account-actions{justify-content:flex-start;width:100%}.account-email{flex:1 0 100%;max-width:100%}.pairing-heading,.pairing-result{flex-direction:column;align-items:stretch}.pairing-heading .primary-button{align-self:flex-start}.pairing-actions{justify-content:flex-start}.device-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.auth-shell{padding:16px}.auth-panel{padding:30px 24px}h1{font-size:31px}.device-section-header,.state-banner,.device-facts,.events-section{padding-left:20px;padding-right:20px}.state-banner{margin-left:20px;margin-right:20px}.device-section-header{flex-direction:column}.danger-button,.pairing-heading .primary-button,.pairing-actions,.pairing-actions button{width:100%}.device-facts{gap:18px 14px}.confirm-dialog{padding:24px}}