:root{color-scheme:dark;font-family:Ubuntu,system-ui,sans-serif;background:#08090b;color:#f1f1f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{font:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #ff5364;outline-offset:4px}.node-status{max-width:1140px;margin:auto;padding:54px 42px 28px;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:32px;--accent:#ff3e53;--green:#65cba9;--muted:#9295a4;--border:#292b35;--panel:#111217}.node-status header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.node-status .identity{display:flex;align-items:center;gap:30px;min-width:0}.node-status .node-logo{width:96px;height:96px;object-fit:contain;animation:logo-pulse 8s ease-in-out infinite;will-change:transform}.node-status .eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--muted);margin:0 0 12px}.node-status h1{font-size:clamp(21px,2.7vw,34px);font-weight:450;letter-spacing:-0.7px;margin:0 0 10px}.node-status .hostname{font:15px ui-monospace,monospace;color:#b6b8c5;margin:0;overflow-wrap:anywhere}.node-status nav{display:flex;padding:3px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.node-status nav button{border:0;color:var(--muted);background:rgba(0,0,0,0);min-width:42px;min-height:40px;border-radius:8px;font-size:11px;cursor:pointer}.node-status nav button[aria-pressed=true]{background:#29232c;color:#fff}.node-status .node-overview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0 0;border-top:1px solid var(--border);font-size:14px}.node-status .node-overview strong{font-weight:450}.node-status .stream-state{font-size:11px;color:var(--muted)}.node-status .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;vertical-align:middle}.node-status .ok{background:var(--green);box-shadow:0 0 12px rgba(101,203,169,.2)}.node-status .warn{color:#e8b665}.node-status .status-dot.warn{background:#e8b665;box-shadow:0 0 12px rgba(232,182,101,.2)}.node-status .node-indicators{display:grid;grid-template-columns:1fr 1fr;gap:20px}.node-status .node-indicators article{display:flex;align-items:center;gap:18px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:16px}.node-status .indicator-icon{font-size:27px;color:var(--accent);background:rgba(255,62,83,.0705882353);width:50px;height:50px;display:grid;place-items:center;border-radius:14px}.node-status .node-indicators p,.node-status .node-metrics p{margin:0 0 10px;color:var(--muted);font-size:13px}.node-status .node-indicators strong{font-size:16px;font-weight:450}.node-status .node-indicators small{color:var(--muted);font-size:12px;margin-left:10px}.node-status .node-metrics{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px}.node-status .node-metrics article{padding:24px 20px;background:var(--panel);border:1px solid var(--border);border-radius:16px;min-height:158px;display:flex;flex-direction:column;position:relative;overflow:hidden}.node-status .node-metrics strong{font-size:clamp(21px,2.6vw,29px);font-weight:450;letter-spacing:-1px;white-space:nowrap}.node-status .node-metrics strong small{font-size:16px;margin-left:4px;color:var(--muted)}.node-status .node-metrics .absolute{font:12px ui-monospace,monospace;color:var(--muted);margin-top:7px;margin-bottom:15px}.node-status .node-metrics meter{margin-top:auto;width:100%;height:5px;appearance:none;border:0;background:#272932;border-radius:4px;overflow:hidden}.node-status .node-metrics meter::-webkit-meter-bar{border:0;background:#272932;border-radius:4px}.node-status .node-metrics meter::-webkit-meter-optimum-value{background:#76b7fb;border-radius:4px;transition:width .6s}.node-status .node-metrics meter::-moz-meter-bar{background:#76b7fb}.node-status .node-metrics .memory meter::-webkit-meter-optimum-value{background:var(--green)}.node-status .node-metrics .storage meter::-webkit-meter-optimum-value{background:#e8b665}.node-status .uptime strong{font:19px ui-monospace,monospace;letter-spacing:-0.5px;margin-top:7px}.node-status .pulse-line{height:1px;margin-top:auto;background:linear-gradient(90deg, transparent, var(--accent), transparent);position:relative}.node-status .pulse-line:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);top:-2px;left:50%;box-shadow:0 0 10px rgba(255,62,83,.4666666667);animation:logo-pulse 3s infinite}.node-status footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:20px;font-size:10px;letter-spacing:1.8px;color:var(--muted)}.node-status footer a{color:#c4c5cf;text-decoration:none;letter-spacing:0;font-size:12px;min-height:40px;display:flex;align-items:center;gap:14px}.node-status footer a span{color:var(--accent);font-size:19px}.node-status .build{color:#d6d6df;letter-spacing:0;margin-left:8px}.node-status.pulse-busy .node-logo{animation-duration:3s}.node-status.pulse-warning .node-logo{animation-duration:1.8s}@keyframes logo-pulse{0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-3px) scale(1.035);filter:brightness(1.12)}}@media(max-width: 760px){.node-status{padding:28px 20px;gap:24px;justify-content:flex-start}.node-status .identity{gap:18px}.node-status .node-logo{width:66px;height:66px}.node-status .eyebrow{font-size:8px;letter-spacing:1px}.node-status .hostname{font-size:12px}.node-status header{position:relative;padding-top:54px}.node-status nav{position:absolute;right:0;top:0}.node-status .node-overview{align-items:flex-start;flex-direction:column}.node-status .node-indicators{gap:12px}.node-status .node-indicators article{padding:16px;gap:12px}.node-status .indicator-icon{display:none}.node-status .node-indicators strong{font-size:14px}.node-status .node-metrics{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.node-status .node-metrics article{min-height:145px;padding:20px 16px}.node-status .uptime strong{font-size:18px}}@media(prefers-reduced-motion: reduce){.node-status .node-logo{animation-duration:16s;will-change:auto}}
