*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-size:16px;--color-primary: #2d3a4a;--color-primary-light: #4a5568;--color-muted: #718096;--color-muted-light: #a0aec0;--color-start-from: #0094E7;--color-start-to: #6771FF;--color-stop-from: #e53e3e;--color-stop-to: #fc8181;--color-amber-light: #fcd34d;--color-amber: #f59e0b;--color-water-top: #7abcff;--color-water-mid: #00BCD4;--color-water-bot: #2196F3}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#f0f0f0);color:#2d3748;min-height:100vh;display:flex;flex-direction:column}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(50px)}body:before{width:460px;height:460px;left:6%;bottom:-12%;background:radial-gradient(circle,rgba(237,137,54,.1),transparent 70%)}body:after{width:520px;height:520px;right:5%;bottom:-14%;background:radial-gradient(circle,rgba(66,153,225,.09),transparent 70%)}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 28px 14px}.top-bar-left{display:flex;flex-direction:column;line-height:1.2;gap:1px;position:relative}.ip-info{font-size:10px;color:var(--color-muted-light);letter-spacing:.03em;margin-top:1px;position:absolute;top:100%;left:0;white-space:nowrap}.status-label{font-size:24px;font-weight:700;letter-spacing:.08em;color:#1a202c;text-transform:uppercase}.top-bar-subtitle{font-size:11px;color:var(--color-muted-light);letter-spacing:.04em;margin-top:1px}@media (max-width: 768px){.top-bar{padding:14px 20px 12px}.status-label{font-size:18px}.top-bar-subtitle{font-size:10px}.ip-info{font-size:9px}}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:110px;padding:20px 60px 32px}.main-row{display:flex;align-items:center;justify-content:center;gap:80px}@media (max-width: 1024px){.main-content{gap:60px;padding:20px 30px 24px}.main-row{flex-direction:column;gap:40px}}@media (max-width: 480px){.main-content{padding:15px 20px 24px;gap:60px}.main-row{gap:30px}}.speedometer-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.speedometer-outer-glow{width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#f5f0e8,#eae5dd 40%,#f5f5f0 68%,#f8f8f8);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.speedometer-ring{width:254px;height:254px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#fbfbfc,#f2f3f5);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;box-shadow:inset 0 4px 20px #2d3a4a1f,inset 0 1px 5px #2d3a4a14,0 0 0 7px #f0f0f0,0 12px 32px #0000001a;position:relative}.circular-progress{position:absolute;top:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);transform:rotate(-90deg);z-index:1}.progress-ring-bg{fill:none;stroke:#e8e8e8;stroke-width:16}.progress-ring{fill:none;stroke:url(#progressGradient);stroke-width:16;stroke-linecap:round;stroke-dasharray:678.584;stroke-dashoffset:678.584;transition:stroke-dashoffset .5s ease,stroke .3s ease}.progress-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:3}.main-value{font-size:4rem;font-weight:bolder;color:var(--color-primary);line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:center;min-width:10rem;display:inline-block;box-sizing:border-box;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;background-clip:text;color:transparent}.main-unit{font-size:.95rem;font-weight:600;color:var(--color-muted);letter-spacing:.08em;line-height:1;min-height:1rem;text-align:center}.tier-icon{width:4rem;height:4rem;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.water-tank{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;overflow:hidden;opacity:0;transition:opacity .5s ease;z-index:2}.water-tank.active{opacity:1}.water-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#waveFront{fill:url(#waterGradient);opacity:.9}#waveBack{fill:url(#waterGradient);opacity:.45}#stopTop,#stopMid,#stopBot{transition:stop-color .8s ease}#waveBack{transition:opacity .8s ease}.water-tank.done #stopTop,.water-tank.done #stopMid{stop-color:var(--color-amber-light)}.water-tank.done #stopBot{stop-color:var(--color-amber)}.water-tank.done #waveBack{opacity:.5}.water-tank.submerged+.progress-content .main-value{background:linear-gradient(135deg,#fff,#e8f7ff);-webkit-background-clip:text;background-clip:text}.water-tank.submerged+.progress-content .main-unit{color:#ffffffd9}@media (max-width: 768px){.speedometer-wrapper{width:100%;max-width:19.875rem;margin:0 auto}.speedometer-outer-glow{width:100%;max-width:18.625rem;height:auto;aspect-ratio:1 / 1}.speedometer-ring{width:80%;max-width:14.875rem;height:auto;aspect-ratio:1 / 1}.circular-progress{top:-17px;left:-17px;width:calc(100% + 34px);height:calc(100% + 34px)}.progress-ring-bg,.progress-ring{stroke-width:13}.main-value{font-size:3.1rem;min-width:7.75rem}}@media (max-width: 480px){.speedometer-wrapper{max-width:17.75rem}.speedometer-outer-glow{max-width:16.5rem}.speedometer-ring{max-width:13.2rem}.circular-progress{top:-13px;left:-13px;width:calc(100% + 26px);height:calc(100% + 26px)}.progress-ring-bg,.progress-ring{stroke-width:11}.main-value{font-size:2.8rem;min-width:6.5rem}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 60px}.stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.stat-value-row{display:flex;align-items:flex-end;gap:4px}.stat-icon{width:22px;height:22px;flex-shrink:0;margin-bottom:6px}.stat-number{font-size:3rem;font-weight:300;color:var(--color-primary);letter-spacing:-.0625rem;line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:9rem;text-align:left;display:inline-block;box-sizing:border-box;font-family:SF Mono,Monaco,Andale Mono,Ubuntu Mono,monospace}.stat-meta{display:flex;align-items:baseline;gap:10px;margin-left:28px}.stat-label{font-size:12px;color:var(--color-muted);font-weight:500;letter-spacing:.05em}.stat-unit{font-size:12px;color:var(--color-muted);font-weight:500;display:inline-block;width:50px;text-align:left;letter-spacing:.05em}@media (max-width: 768px){.stats-grid{gap:1.5625rem 1.875rem;width:100%;max-width:31.25rem;margin:0 auto}.stat-item{align-items:center;text-align:center}.stat-value-row{justify-content:center}.stat-icon{width:1.125rem;height:1.125rem;margin-bottom:.5rem}.stat-number{font-size:2.125rem;min-width:3.75rem}.stat-meta{margin-left:0;justify-content:center}.stat-unit{font-size:.75rem;width:auto;min-width:2.5rem}}@media (max-width: 480px){.stats-grid{gap:1.25rem 1.5rem;max-width:25rem}.stat-number{font-size:2rem;min-width:3.25rem}}@media (max-width: 360px){.stats-grid{gap:1rem 1.25rem;max-width:21.25rem}.stat-number{font-size:1.75rem;min-width:2.75rem}}.start-btn{display:inline-block;margin:0 auto;padding:14px 40px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-start-from),var(--color-start-to));border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6771ff59;letter-spacing:.05em}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6771ff73}.start-btn.running{background:linear-gradient(135deg,var(--color-stop-from),var(--color-stop-to));box-shadow:0 4px 15px #e53e3e66}.start-btn.running:hover{box-shadow:0 6px 20px #e53e3e80}