:root{--bg:#fafaf9;--surface:#fff;--surface-2:#f5f5f4;--border:#e7e5e4;--border-strong:#d6d3d1;--text:#1c1917;--text-muted:#78716c;--text-dim:#a8a29e;--accent:#e14660;--accent-soft:#e146601a;--accent-strong:#d20046;--success:#3aa85b;--warning:#e49e22;--danger:#e62b34;--info:#0099e0;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #0000000f, 0 4px 12px #0000000a;--shadow-lg:0 4px 6px #0000000a, 0 16px 40px #00000014;--radius:14px;--radius-sm:10px;--radius-lg:20px;--sans:"Inter", -apple-system, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}@supports (color:lab(0% 0 0)){:root{--accent:lab(53.8102% 61.5306 21.2853);--accent-soft:lab(53.8102% 61.5306 21.2853/.1);--accent-strong:lab(45.3341% 71.1182 25.8088);--success:lab(61.285% -45.3286 29.93);--warning:lab(70.8468% 20.2319 68.534);--danger:lab(51.3582% 69.7345 44.3509);--info:lab(59.1721% -14.6862 -46.6769)}}[data-theme=dark]{--bg:#0c0a09;--surface:#1c1917;--surface-2:#292524;--border:#292524;--border-strong:#44403c;--text:#fafaf9;--text-muted:#a8a29e;--text-dim:#78716c;--accent-soft:#e1466026;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 4px 12px #0000004d;--shadow-lg:0 4px 6px #0006, 0 16px 40px #00000080}@supports (color:lab(0% 0 0)){[data-theme=dark]{--accent-soft:lab(53.8102% 61.5306 21.2853/.15)}}[data-aesthetic=dense]{--radius:6px;--radius-sm:4px;--radius-lg:8px}[data-aesthetic=ambient]{--radius:22px;--radius-sm:16px;--radius-lg:28px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;overflow-x:hidden}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.hd-main-scope{container:hdmain/inline-size}@container hdmain (max-width:720px){.mon-grid,.wx-grid,.cam-grid,.cal-grid,.nas-grid,.solar-grid,.rooms-grid{grid-template-columns:1fr!important}.mon-grid>*,.wx-grid>*,.cam-grid>*,.cal-grid>*,.nas-grid>*,.solar-grid>*,.rooms-grid>*{min-width:0}.solar-chart-scroll{scrollbar-width:thin;margin:0 -16px;padding:4px 16px 8px;overflow-x:auto}.solar-chart-inner{min-width:560px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.35s both fadeIn}.slide-up{animation:.4s both slideUp}.pulse{animation:1.8s ease-in-out infinite pulse}