:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#3b82f62e,#0000 30%),radial-gradient(circle at 80% 10%,#a855f733,#0000 24%),#020617;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,p{margin:0}h1,h2{color:#f8fafc}.app-shell{gap:24px;padding:40px 32px 56px;display:grid}.hero-panel,.summary-card,.chart-card,.status-card{background:linear-gradient(#0f172af5,#1e293bf0);border:1px solid #94a3b82e;border-radius:24px;box-shadow:0 20px 60px #0f172a3d}.hero-panel{text-align:left;padding:28px 28px 24px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#38bdf8;margin-bottom:10px;font-size:.78rem}.lead{color:#cbd5e1;font-size:1.05rem}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.summary-card{text-align:left;gap:6px;padding:22px;display:grid}.summary-card strong{color:#f8fafc;font-size:clamp(1.9rem,3vw,2.6rem)}.summary-card p{color:#e2e8f0}.summary-card small,.summary-label{color:#94a3b8}.highlight-card{background:linear-gradient(135deg,#8b5cf659,#0f172af5)}.chart-card{text-align:left;padding:24px}.chart-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.chart-header p{color:#cbd5e1}.chart-wrap{width:100%;height:420px}.tooltip-card{color:#f8fafc;background:#0f172af2;border:1px solid #a78bfa59;border-radius:18px;min-width:180px;padding:14px 16px;box-shadow:0 10px 30px #0f172a40}.tooltip-time{color:#cbd5e1;margin-bottom:6px;font-size:.92rem}.tooltip-kp{font-size:1.2rem;font-weight:700}.tooltip-level{color:#ddd6fe;margin-top:4px}.tooltip-meta{color:#94a3b8;font-size:.92rem}.status-card{color:#e2e8f0;padding:28px}.error-card{border-color:#f8717159}@media (width<=900px){.app-shell{padding:20px 16px 40px}.summary-grid{grid-template-columns:1fr}.chart-card,.hero-panel,.summary-card,.status-card{border-radius:20px}.chart-wrap{height:360px}}