:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.display{--color-normal:#1eb980;--color-warning:#f5a623;--color-danger:#e53935;--bg:#0d1117;--panel-bg:#161b22;--border:#2c333d;--text:#e6edf3;--text-dim:#8b949e;box-sizing:border-box;background:var(--bg);width:100%;min-height:100vh;color:var(--text);flex:1;align-items:stretch;gap:24px;padding:24px 32px;font-family:Segoe UI,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;display:flex}.display__side{box-sizing:border-box;flex-direction:column;flex:0 0 400px;gap:20px;min-width:0;display:flex}.display__clock{box-sizing:border-box;background:var(--panel-bg);border:1px solid var(--border);text-align:center;font-variant-numeric:tabular-nums;border-radius:16px;padding:18px 20px}.display__clock-date{color:var(--text-dim);margin-bottom:6px;font-size:18px}.display__clock-time{color:var(--text);font-size:44px;font-weight:700;line-height:1.1}.display__overall{box-sizing:border-box;letter-spacing:4px;text-indent:4px;color:#fff;border-radius:16px;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:200px;padding:24px;font-size:72px;font-weight:800;display:flex;overflow:hidden}.display__overall--normal{background:var(--color-normal)}.display__overall--warning{background:var(--color-warning)}.display__overall--danger{background:var(--color-danger);animation:1s steps(2,start) infinite display-blink}.display__grid{grid-template-columns:repeat(var(--cols,5), 1fr);flex:1;grid-template-rows:repeat(2,1fr);gap:16px;display:grid}.sensor-card{background:var(--panel-bg);border:1px solid var(--border);border-left-width:6px;border-radius:12px;flex-direction:column;padding:18px 20px;transition:border-color .2s;display:flex}.sensor-card--normal{border-left-color:var(--color-normal)}.sensor-card--warning{border-left-color:var(--color-warning)}.sensor-card--danger{border-left-color:var(--color-danger);animation:1.2s ease-in-out infinite display-pulse}.sensor-card__head{justify-content:flex-end;align-items:center;display:flex}.sensor-card__label{color:var(--text);margin-bottom:4px;font-size:26px;font-weight:700}.sensor-card__badge{border-radius:1px;padding:8px 22px;font-size:24px;font-weight:700}.sensor-card__badge--normal{color:var(--color-normal);background:#1eb98026}.sensor-card__badge--warning{color:var(--color-warning);background:#f5a62326}.sensor-card__badge--danger{color:var(--color-danger);background:#e539352e}.sensor-card__body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.sensor-card__value{font-variant-numeric:tabular-nums;font-size:80px;font-weight:700;line-height:1.05}.sensor-card__unit{color:var(--text-dim);font-size:18px;font-weight:500}.sparkline{width:100%;height:48px;margin-top:12px;display:block}.sparkline--empty{background:linear-gradient(#0000 0%,#ffffff08 100%);border-radius:6px}.sparkline__line{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.sparkline__area{stroke:none;opacity:.18}.sparkline--normal .sparkline__line{stroke:var(--color-normal)}.sparkline--normal .sparkline__area{fill:var(--color-normal)}.sparkline--warning .sparkline__line{stroke:var(--color-warning)}.sparkline--warning .sparkline__area{fill:var(--color-warning)}.sparkline--danger .sparkline__line{stroke:var(--color-danger)}.sparkline--danger .sparkline__area{fill:var(--color-danger)}@keyframes display-blink{50%{opacity:.45}}@keyframes display-pulse{0%,to{border-left-color:var(--color-danger)}50%{border-left-color:#e5393566}}@media (width<=768px){.display{flex-direction:column}.display__side{flex-direction:row;flex:none;align-items:stretch;gap:16px}.display__clock{flex:1}.display__overall{flex:1;width:auto;min-height:0;padding:16px 28px;font-size:40px}.display__grid{grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:1fr}}.board2{--color-normal:#1eb980;--color-warning:#f5a623;--color-danger:#e53935;--bg:#0d1117;--panel-bg:#161b22;--border:#2c333d;--text:#e6edf3;--text-dim:#8b949e;box-sizing:border-box;background:var(--bg);width:100%;min-height:100vh;color:var(--text);flex-direction:column;flex:1;gap:24px;padding:24px 32px;font-family:Segoe UI,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;display:flex}.board2__top{flex:1;align-items:stretch;gap:24px;min-height:0;display:flex}.board2__overall{box-sizing:border-box;color:#fff;cursor:pointer;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-width:0;padding:24px;font-family:inherit;display:flex}.board2__overall--normal{background:var(--color-normal)}.board2__overall--warning{background:var(--color-warning)}.board2__overall--danger{background:var(--color-danger);animation:1s steps(2,start) infinite display-blink}.board2__overall-clock{font-variant-numeric:tabular-nums;opacity:.9;flex-direction:column;align-items:center;gap:4px;display:flex}.board2__overall-date{font-size:22px;font-weight:500}.board2__overall-time{font-size:40px;font-weight:700;line-height:1.1}.board2__overall-label{letter-spacing:6px;text-indent:6px;font-size:120px;font-weight:800}.board2__fan{flex:0 0 360px;min-width:0;display:flex}.board2__fan .sensor-card{flex:1}.board2__bottom{flex:1;grid-template-columns:repeat(4,1fr);gap:16px;min-height:0;display:grid}@media (width<=768px){.board2__top{flex-direction:column}.board2__fan{flex:none}.board2__overall-label{font-size:64px}.board2__bottom{grid-template-columns:repeat(2,1fr)}}
