:root{--navy:#0a0f2c;--navy-800:#111735;--navy-700:#1b2350;--blue:#00b4ff;--blue-ink:#036b99;--blue-soft:#e6f7ff;--ink:#0f172a;--ink-soft:#475569;--line:#e2e8f0;--surface:#fff;--bg:#f7f9fc;--on-navy:#f4f7ff;--on-navy-soft:#b7c0e0;--danger:#e5484d;--success:#16a34a;--font-sans:"Helvetica Neue Web", "Helvetica Neue", Helvetica, Arial, "Segoe UI", Roboto, system-ui, sans-serif;--radius:14px;--radius-sm:8px;--shadow:0 1px 2px #0a0f2c0f, 0 12px 32px -12px #0a0f2c2e;--ring:0 0 0 3px #00b4ff73;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;font:16px/1.5 var(--font-sans);color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{box-sizing:border-box;min-height:100svh}h1,h2,h3{font-family:var(--font-sans);color:var(--navy);margin:0;font-weight:700}.topbar{background:var(--navy);color:var(--on-navy);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-2);display:flex}.topbar h1{color:var(--on-navy);letter-spacing:-.02em;font-size:1.35rem}.page{max-width:1200px;padding:var(--space-4);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3)}.card-title{color:var(--navy);margin:0 0 var(--space-2);font-size:.9rem;font-weight:700}.btn{min-height:38px;font-size:.85rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:default;opacity:.5;transform:none}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn-primary{background:var(--blue);color:var(--navy)}.btn-primary:hover:not(:disabled){background:#33c6ff}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{color:var(--blue-ink);background:0 0;box-shadow:inset 0 0 0 2px}.btn-ghost:hover:not(:disabled){background:var(--blue-soft)}.field{font-size:.85rem;font-family:var(--font-sans);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface);padding:.5rem .7rem}.field:focus-visible{box-shadow:var(--ring);outline:none}.bar{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.badge{background:var(--blue-soft);color:var(--blue-ink);border-radius:999px;align-items:center;padding:.2rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.hint{color:var(--ink-soft);font-size:.75rem}.badge-heating{color:#c2530a;background:#fff1e0}.gauge-wrap{z-index:0;border-radius:50%;position:relative}.gauge-wrap--heating:before{content:"";z-index:-1;background:radial-gradient(circle,#ff8d198c,#ff8d1900 70%);border-radius:50%;animation:2.4s ease-in-out infinite gauge-heat-pulse;position:absolute;inset:-14px}@keyframes gauge-heat-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.gauge-wrap--heating:before{opacity:.8;animation:none}}.graph-svg{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.watching-overlay{object-fit:contain;pointer-events:none;z-index:9998;opacity:0;width:min(78vw,760px);height:auto;animation:10s ease-in-out forwards watching-fade;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes watching-fade{0%,60%{opacity:0}75%{opacity:.15}88%{opacity:.55}to{opacity:0}}@keyframes schizo-screen{0%{filter:hue-rotate()saturate()invert(0)blur()}12%{filter:hue-rotate(50deg)saturate(1.6)invert(0)blur()}22%{filter:hue-rotate(-40deg)saturate(1.3)invert(0)blur(2px)}30%{filter:hue-rotate(25deg)saturate(1.7)invert(0)blur()}45%{filter:hue-rotate(-70deg)saturate(1.9)invert(.08)blur()}55%{filter:hue-rotate(60deg)saturate(1.6)invert(0)blur(2.5px)}65%{filter:hue-rotate(-20deg)saturate(1.3)invert(0)blur()}80%{filter:hue-rotate(100deg)saturate(2.1)invert(.12)blur()}90%{filter:hue-rotate(-60deg)saturate(1.8)invert(0)blur(3px)}to{filter:hue-rotate()saturate()invert(0)blur()}}.schizo{animation:10s ease-in-out schizo-screen}@keyframes mao-sweep{0%{opacity:0;transform:translate(-130%)}15%{opacity:.8}85%{opacity:.8}to{opacity:0;transform:translate(130%)}}.mao-sweep{pointer-events:none;z-index:9997;filter:blur(5px);opacity:0;width:200px;height:auto;animation:.5s linear 6.5s 4 mao-sweep;position:fixed}.mao-sweep:first-of-type{top:18%}.mao-sweep:nth-of-type(2){animation-delay:6.65s;top:48%}.mao-sweep:nth-of-type(3){animation-delay:6.8s;top:76%}@keyframes amz-flash{0%,to{opacity:0}50%{opacity:.9}}.amz-flash{pointer-events:none;z-index:9999;opacity:0;width:min(30vw,260px);height:auto;animation:.28s step-end 6.5s 6 amz-flash;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rain-fall{0%{transform:translateY(-40%)}to{transform:translateY(160%)}}@keyframes rain-appear{0%,35%{opacity:0}50%{opacity:.8}85%{opacity:.8}to{opacity:0}}.rain-column{white-space:pre;text-align:center;color:#005a288c;text-shadow:0 0 4px #005a2859;pointer-events:none;z-index:9996;opacity:0;width:1.4rem;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:1.05rem;line-height:1.35;position:fixed;top:-30%}.rain-column--dim{color:#005a284d;text-shadow:none;z-index:9995;font-size:.8rem}@keyframes schizo-whiteout{0%,85%{opacity:0}to{opacity:1}}.schizo-whiteout{pointer-events:none;z-index:10000;opacity:0;background:#fff;animation:10s ease-in forwards schizo-whiteout;position:fixed;inset:0}.schizo-leaf{z-index:5;position:relative;white-space:nowrap!important;overflow:visible!important}.schizo-tilt{position:relative}.modal-backdrop{z-index:9999;background:#0a0f2c8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);min-width:300px;box-shadow:var(--shadow);font-family:var(--font-sans);padding:1.75rem}.gauge-arc{transition:stroke-dasharray 1.5s ease-in-out}@media (prefers-reduced-motion:reduce){.gauge-arc{transition:none}}.hero{gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.hero-gauges{flex-shrink:0;max-width:100%}.hero-controls{flex-direction:column;flex:320px;gap:10px;min-width:0;display:flex}.hero-status{column-gap:var(--space-3);color:var(--ink-soft);flex-wrap:wrap;flex:100%;row-gap:4px;font-size:13px;display:flex}.lb-name{width:160px;color:var(--navy);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:16px;font-weight:700;overflow:hidden}.lb-track{flex:1;min-width:0}.lb-bar{background:var(--blue);border-radius:0 4px 4px 0;min-width:2px;height:10px}.lb-first{background:linear-gradient(120deg,#a87800 0%,#e6b400 45%,#fff3b0 50%,#e6b400 55%,#a87800 100%) 0 0/250% 250%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3.5s linear infinite gold-shine;display:inline-block;position:relative}@keyframes gold-shine{0%{background-position:100% 100%}to{background-position:-150% -150%}}.spark{left:calc(var(--k) * 18%);opacity:0;pointer-events:none;width:4px;height:4px;animation:spark-rise calc(1.8s + var(--k) * .25s) ease-out infinite;animation-delay:calc(var(--k) * .45s);background:#ffd54a;border-radius:50%;position:absolute;bottom:4px;box-shadow:0 0 6px 1px #ffc400cc}@keyframes spark-rise{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:1}to{transform:translate(var(--dx), -24px) scale(.3);opacity:0}}@media (prefers-reduced-motion:reduce){.lb-first{background-position:0 0;animation:none}.spark{display:none}}.bar-group{border-left:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-left:4px;padding-left:10px;display:flex}.btn{white-space:nowrap}.modal{box-sizing:border-box;max-width:calc(100vw - 2rem)}@media (width<=640px){.topbar{padding:var(--space-1) var(--space-2)}.topbar h1{font-size:1.1rem}.page{padding:var(--space-1);gap:var(--space-1)}.card{padding:var(--space-2)}.hero{gap:var(--space-2)}.hero-gauges{margin:0 auto}.lb-name{width:105px;font-size:15px}.bar-group{border-left:none;flex:100%;margin-left:0;padding-left:0}.bar .field{flex:120px;width:auto!important;min-width:0!important}.bar .btn{flex:auto}.bar .btn[title]{flex:none}.btn{white-space:normal}}
