:root{color-scheme:dark;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;--bg: #0a0010;--bg-grid: rgba(0, 255, 255, .03);--card-bg: rgba(10, 0, 20, .85);--card-border: rgba(0, 255, 255, .15);--cyan: #00fff9;--magenta: #ff00ff;--pink: #ff2a6d;--neon-green: #05ffa1;--amber: #f59e0b;--red: #ef4444;--yellow: #ffe600;--text: #e0e0ff;--text-dim: rgba(0, 255, 249, .5);--text-muted: rgba(0, 255, 249, .25);--glow-cyan: 0 0 8px rgba(0, 255, 249, .6), 0 0 20px rgba(0, 255, 249, .2);--glow-magenta: 0 0 8px rgba(255, 0, 255, .6), 0 0 20px rgba(255, 0, 255, .2);--glow-pink: 0 0 8px rgba(255, 42, 109, .6), 0 0 20px rgba(255, 42, 109, .2);--glow-green: 0 0 8px rgba(5, 255, 161, .6), 0 0 20px rgba(5, 255, 161, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:40px 40px}.shell{min-height:100vh;display:flex;justify-content:center;padding:2rem 1rem;position:relative;z-index:1}.app{width:100%;max-width:560px;display:flex;flex-direction:column;gap:1.5rem}.header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0 1rem;border-bottom:1px solid rgba(0,255,249,.1)}.header-left{display:flex;align-items:center;gap:.75rem}.logo-icon{width:28px;height:28px;color:var(--cyan);filter:drop-shadow(var(--glow-cyan));animation:flicker 4s infinite}h1{font-size:1.4rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);text-shadow:var(--glow-cyan);font-family:Courier New,monospace}.boost-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border:1px solid var(--magenta);border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:#ff00ff14;color:var(--magenta);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.08em;text-transform:uppercase;font-family:Courier New,monospace;text-shadow:var(--glow-magenta)}.boost-btn:hover:not(:disabled){background:#f0f3;box-shadow:var(--glow-magenta)}.boost-btn.boosted{background:#ff00ff40;border-color:var(--pink);color:var(--pink);text-shadow:var(--glow-pink);animation:boostPulse 1s infinite}.boost-btn:disabled{cursor:default}@keyframes boostPulse{0%,to{box-shadow:var(--glow-pink)}50%{box-shadow:0 0 25px #ff2a6d99,0 0 50px #ff2a6d33}}.boost-icon{width:16px;height:16px}.main-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:0;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:var(--glow-cyan)}.main-card:after{content:"// SPEEDTEST_v4.2.1";position:absolute;top:8px;right:28px;font-size:.55rem;color:#00fff933;letter-spacing:.1em}.idle-state{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.idle-icon{width:72px;height:72px;color:var(--cyan);opacity:.4;animation:flicker 3s infinite}.idle-icon svg{width:100%;height:100%;filter:drop-shadow(var(--glow-cyan))}.idle-text{color:var(--text-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:.15em}.start-btn{display:flex;align-items:center;gap:.6rem;padding:.85rem 2rem;background:transparent;border:2px solid var(--cyan);border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));color:var(--cyan);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.12em;font-family:Courier New,monospace;text-shadow:var(--glow-cyan);position:relative}.start-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00fff91a,#ff00ff0d);opacity:0;transition:opacity .2s}.start-btn:hover{box-shadow:var(--glow-cyan);transform:translateY(-1px)}.start-btn:hover:before{opacity:1}.start-btn:active{transform:translateY(0)}.start-btn svg{width:18px;height:18px}.retry-btn{margin-top:.5rem;border-color:var(--magenta);color:var(--magenta);text-shadow:var(--glow-magenta);font-size:.8rem;padding:.7rem 1.5rem}.retry-btn:hover{box-shadow:var(--glow-magenta)}.retry-btn:before{background:linear-gradient(135deg,#ff00ff1a,#ff2a6d0d)}.retry-btn svg{width:16px;height:16px}.phase-indicator{display:flex;gap:2.5rem;padding:.5rem 0}.phase-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;color:#00fff933;letter-spacing:.12em;text-transform:uppercase;transition:all .3s}.phase-step.active{color:var(--cyan);text-shadow:var(--glow-cyan)}.phase-step.done{color:var(--neon-green);text-shadow:var(--glow-green)}.phase-dot{width:12px;height:12px;border-radius:0;background:#00fff90d;border:1px solid rgba(0,255,249,.15);transition:all .3s;transform:rotate(45deg)}.phase-step.active .phase-dot{background:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-cyan);animation:phasePulse 1s infinite}.phase-step.done .phase-dot{background:var(--neon-green);border-color:var(--neon-green);box-shadow:var(--glow-green)}@keyframes phasePulse{0%,to{box-shadow:var(--glow-cyan)}50%{box-shadow:0 0 25px #00fff999,0 0 50px #00fff933}}.live-speed{display:flex;align-items:baseline;gap:.5rem;animation:fadeIn .3s}.live-speed-value{font-size:3.5rem;font-weight:700;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--cyan);text-shadow:0 0 20px rgba(0,255,249,.5),0 0 60px rgba(0,255,249,.15);font-family:Courier New,monospace;animation:glitchText 3s infinite}.live-speed-unit{font-size:1rem;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.results-summary{display:flex;gap:1rem;width:100%;justify-content:center;animation:fadeIn .5s}.result-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;padding:1rem .75rem;background:#00fff905;border-radius:0;border:1px solid rgba(0,255,249,.08);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));position:relative}.result-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--cyan);box-shadow:var(--glow-cyan)}.ping-result:before{background:var(--neon-green);box-shadow:var(--glow-green)}.result-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);font-weight:700}.result-value{display:flex;align-items:baseline;gap:.35rem}.result-number{font-size:1.8rem;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--cyan);text-shadow:var(--glow-cyan)}.result-unit{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.ping-display{display:flex;flex-direction:column;align-items:center;gap:.2rem}.ping-value{font-size:1.8rem;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}.ping-unit{font-size:.65rem;color:var(--text-dim);font-weight:700;margin-left:.15rem;text-transform:uppercase;letter-spacing:.08em}.ping-quality{font-size:.6rem;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase}.gauges-row{display:flex;gap:2rem;width:100%;justify-content:center}.gauge{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:200px}.gauge-svg{width:100%;filter:drop-shadow(0 0 6px rgba(0,255,249,.2))}.gauge-fill{transition:stroke-dashoffset .5s ease,stroke .5s ease}.gauge-value{font-size:1.5rem;font-weight:700;fill:var(--cyan);font-variant-numeric:tabular-nums;font-family:Courier New,monospace}.gauge-unit{font-size:.6rem;fill:var(--text-dim);text-transform:uppercase;letter-spacing:.15em}.gauge-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;font-weight:700}.history-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.history-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--magenta),transparent);box-shadow:var(--glow-magenta)}.history-title{font-size:.7rem;font-weight:700;color:var(--magenta);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;text-shadow:var(--glow-magenta)}.history-list{display:flex;flex-direction:column;gap:.4rem}.history-entry{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#00fff905;border-radius:0;border:1px solid rgba(0,255,249,.04);border-left:2px solid rgba(0,255,249,.15);transition:all .2s}.history-entry:hover{background:#00fff90d;border-left-color:var(--cyan)}.history-time{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:80px;letter-spacing:.05em}.history-stats{display:flex;gap:1.25rem}.history-stat{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.stat-dot{width:6px;height:6px;border-radius:0;transform:rotate(45deg)}.ping-dot{background:var(--neon-green);box-shadow:var(--glow-green)}.stat-icon{width:14px;height:14px;color:var(--text-muted)}.status-bar{display:flex;gap:.75rem;flex-wrap:wrap;padding:.5rem 0}.data-tag{display:flex;align-items:center;gap:.4rem;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.data-tag-label{color:var(--text-muted)}.data-tag-value{color:var(--neon-green);font-weight:700;text-shadow:var(--glow-green)}.corners{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.corner{position:absolute;width:14px;height:14px;border-color:var(--cyan);border-style:solid;border-width:0;opacity:.6}.corner.tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.corner.tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.corner.bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.corner.br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.terminal-hint{font-size:.7rem;color:var(--text-muted);letter-spacing:.05em;display:flex;align-items:center;gap:.4rem}.terminal-hint .prompt{color:var(--neon-green);text-shadow:var(--glow-green);font-weight:700}.footer{text-align:center;padding:.5rem 0 1rem;border-top:1px solid rgba(0,255,249,.06)}.footer p{font-size:.65rem;color:var(--text-muted);line-height:1.6;letter-spacing:.05em;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.6}97%{opacity:1}98%{opacity:.7}}@keyframes glitchText{0%,90%,to{transform:none;text-shadow:0 0 20px rgba(0,255,249,.5),0 0 60px rgba(0,255,249,.15)}91%{transform:translate(-2px,1px);text-shadow:2px 0 var(--magenta),-2px 0 var(--cyan)}92%{transform:translate(2px,-1px);text-shadow:-2px 0 var(--magenta),2px 0 var(--cyan)}93%{transform:none;text-shadow:0 0 20px rgba(0,255,249,.5),0 0 60px rgba(0,255,249,.15)}}@media(max-width:480px){.shell{padding:1rem .75rem}.main-card{padding:2rem 1.25rem}.results-summary{flex-direction:column;gap:.75rem}.gauges-row{gap:1rem}.history-stats{flex-wrap:wrap;gap:.75rem}.history-entry{flex-direction:column;align-items:flex-start;gap:.5rem}.header{flex-direction:column;gap:1rem;align-items:flex-start}}