:root{color:#edf1f3;background:#15191d;font-family:Microsoft YaHei,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #73d1c8}.app-shell,.auth-screen,.pair-screen,.loading-state{overflow-wrap:anywhere;max-width:640px;min-height:100vh;margin:0 auto;padding:16px}.auth-screen,.pair-screen,.loading-state{align-content:center;gap:16px;display:grid}.auth-screen{min-height:100vh}.top-nav,.account-actions,.brand-line,.icon-text-button{align-items:center;gap:8px;display:flex}.top-nav{justify-content:space-between;min-height:40px}.account-actions{min-width:0}.account-name{overflow-wrap:anywhere;align-items:center;gap:4px;max-width:160px;display:flex}.brand-line{font-weight:700}.form-stack{gap:12px;display:grid}label{gap:6px;font-weight:600;display:grid}input{color:inherit;background:#22292f;border:1px solid #56616a;border-radius:6px;width:100%;min-height:42px;padding:8px 10px}.primary-button,.secondary-button,.icon-button,.text-button{border-radius:6px;min-height:40px}.primary-button{color:#0e171a;background:#4fb3a8;border:1px solid #4fb3a8;padding:8px 12px;font-weight:700}.secondary-button,.icon-button,.text-button{color:inherit;background:0 0;border:1px solid #65727a}.secondary-button,.text-button{padding:8px 12px}.icon-button{place-items:center;min-width:40px;padding:0;display:inline-grid}.text-button{border:0;justify-self:start}.error-message{color:#ffaaa2;margin:0}.session-notice{color:#efca58;margin:0}.session-error{gap:8px;margin-top:16px;display:grid}.device-error{border:1px solid #a7544e;gap:8px;margin-top:16px;padding:10px;display:grid}.device-error p{margin:0}.empty-state{gap:12px;margin-top:64px;display:grid}.empty-state h1,.pair-screen h1,.auth-screen h1,.empty-state p,.auth-screen p,.pair-screen p{margin:0}.device-list{gap:8px;margin-top:16px;display:grid}.device-row{color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #38434a;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;padding:12px 0;display:grid}.device-row-copy{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.dashboard-screen{overflow-wrap:anywhere;width:100%;min-width:0}.dashboard-message{align-content:center;gap:14px;min-height:calc(100vh - 88px);display:grid}.dashboard-message p{margin:0}.message-actions{align-items:center;gap:8px;display:flex}.dashboard-header{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:56px;display:grid}.dashboard-title{text-align:center;min-width:0;display:grid}.dashboard-title strong,.dashboard-title span{overflow-wrap:anywhere}.dashboard-title span{color:#9fb0b7;font-size:13px}.status-strip{border-bottom:1px solid #354047;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:6px 0 10px;display:flex}.device-status,.transport-status,.cached-data-label,.source-label{font-size:13px;font-weight:700}.status-online,.transport-live{color:#75d29a}.status-stale{color:#efca58}.status-offline,.transport-error{color:#f08aa9}.transport-connecting,.transport-reconnecting,.transport-polling{color:#76d7ea}.cached-data-label{color:#efca58}.dashboard-error{color:#ffaaa2;border-left:3px solid #ed776f;margin:12px 0 0;padding:8px 10px}.no-data-state{color:#efca58;margin:14px 0 0}.reading-band{border-bottom:1px solid #354047;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:12px;padding:20px 0;display:grid}.reading-label{color:#9fb0b7;font-size:13px;font-weight:700}.co2-reading{min-width:0}.co2-value-line{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.co2-value{color:#f4f7f8;font-size:48px;line-height:1}.co2-unit{color:#aebbc0;font-size:14px}.air-state-label{color:#75d29a;margin-top:8px;font-weight:700;display:block}.reading-band[data-air-state=ventilate] .air-state-label{color:#efca58}.reading-band[data-air-state=poor] .air-state-label{color:#f29a55}.reading-band[data-air-state=open_window] .air-state-label{color:#f08aa9}.status-character{height:80px;image-rendering:pixelated;object-fit:contain;justify-self:end;width:80px;max-width:100%}.comfort-readings{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.comfort-readings div{border-left:2px solid #4f616a;min-width:0;padding-left:10px}.comfort-readings dt{color:#9fb0b7;font-size:12px}.comfort-readings dd{margin:2px 0 0;font-size:18px;font-weight:700}.chart-section,.guidance-section,.diagnostics-section{border-bottom:1px solid #354047;padding:18px 0}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.section-heading h2,.diagnostics-section h2{margin:0;font-size:16px}.chart-thresholds{color:#9fb0b7;font-size:11px}.chart-frame{width:100%;min-width:0;height:230px;position:relative}.chart-frame canvas{max-width:100%;width:100%!important;height:100%!important}.chart-empty{color:#85969d;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.source-label{color:#76d7ea}.guidance-summary{overflow-wrap:anywhere;word-break:break-word;margin:0;line-height:1.7}.guidance-evidence{color:#9fb0b7;overflow-wrap:anywhere;margin:10px 0 0;font-size:12px}.diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;margin:12px 0 0;display:grid}.diagnostics-grid div{min-width:0}.diagnostics-grid dt{color:#9fb0b7;font-size:12px}.diagnostics-grid dd{overflow-wrap:anywhere;margin:3px 0 0}@media (width<=420px){.top-nav{flex-direction:column;align-items:flex-start}.account-name{max-width:220px}}@media (width<=340px){.app-shell{padding:12px}.chart-frame{height:210px}}