.app-shell{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:100vh;padding:1.5rem;display:flex}.app-title{letter-spacing:.08em;text-transform:uppercase;color:#aaa;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.cpu-row{align-items:center;gap:1rem;display:flex}.cpu-value{color:#f1f5f9;text-align:right;width:6ch;margin:0;font-size:4rem;font-weight:700;line-height:1;display:inline-block}.idle-value{color:#64748b;text-align:right;width:6ch;margin:0 0 .75rem;font-size:1.25rem;display:inline-block}.status-indicator{letter-spacing:.1em;background:#ffffff0d;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.875rem;font-weight:700;display:flex}.status-indicator .dot{border-radius:50%;width:8px;height:8px}.status-indicator.live{color:#10b981;background:#10b9811a}.status-indicator.live .dot{background-color:#10b981;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.status-indicator.offline{color:#64748b}.status-indicator.offline .dot{background-color:#64748b}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.app-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;max-width:36rem;padding:.5rem 1rem;font-size:.875rem}.chart-wrapper{width:100%;max-width:640px}.chart-tooltip-value{color:#38bdf8;font-size:.875rem;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}body{color:#f1f5f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Geist Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400}