:root{--color-bg:#1a1020;--color-text:#fff;--color-text-muted:#ffffffd9;--color-accent-orange:#ff7a33;--color-accent-blue:#33a0ff;--color-accent-gold:#ffc53d;--color-glass-bg:#ffffff1f;--color-glass-border:#fff3;--color-error:#f44;--font-family:"Space Grotesk", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--blur-glass:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#d07050;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.nav{z-index:10;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:.05em;text-transform:lowercase;color:#fff;font-size:22px;font-weight:500}.nav-logo-blur{display:inline-block;position:relative}.nav-logo-blur:before{content:"speed";filter:blur(6px);opacity:.5;color:var(--color-accent-blue);position:absolute;inset:0}@media (width<=768px){.nav{padding:16px 20px}}.mode-toggle{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);gap:2px;width:280px;padding:4px;display:flex}.mode-toggle-option{border-radius:calc(var(--radius-md) - 4px);color:var(--color-text-muted);font-family:var(--font-family);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;flex:1;padding:8px 0;font-size:14px;font-weight:400;transition:all .2s}.mode-toggle-option--active{border:1px solid var(--color-glass-border);color:var(--color-text);background:#ffffff1f}.mode-toggle-option:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){.mode-toggle{width:240px}}.start-button{border-radius:var(--radius-md);border:1px solid var(--color-glass-border);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:280px;height:56px;color:var(--color-text);font-family:var(--font-family);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;font-size:18px;font-weight:500;transition:all .3s;display:flex;position:relative}.start-button:hover:not(:disabled){background:#ffffff2e;border-color:#fff3}.start-button:disabled{opacity:.4;cursor:not-allowed}.start-button-ring{border-radius:calc(var(--radius-md) + 6px);border:1px solid #ffffff0d;animation:3s ease-in-out infinite pulse-ring;position:absolute;inset:-6px}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.03)}}.start-button-text{z-index:1;position:relative}@media (width<=768px){.start-button{width:240px;height:48px;font-size:16px}}.speed-gauge{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.speed-gauge-bg{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:50%;position:absolute;inset:0}.speed-gauge-svg{z-index:1;position:absolute;inset:0}.speed-gauge-arc{transition:stroke-dashoffset .5s}.speed-gauge-content{z-index:2;flex-direction:column;align-items:center;gap:2px;display:flex}.speed-gauge-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);font-size:12px;font-weight:400}.speed-gauge-value{font-variant-numeric:tabular-nums;font-size:48px;font-weight:300;line-height:1}.speed-gauge-unit{color:var(--color-text-muted);font-size:13px;font-weight:400}@media (width<=768px){.speed-gauge{width:160px;height:160px}.speed-gauge-value{font-size:36px}}.results-container{background:var(--color-glass-bg);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #fffc;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:24px;animation:.5s both fade-up;display:flex}.results-box{flex-direction:column;gap:24px;width:100%;display:flex}.results-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.results-metric{flex-direction:column;align-items:center;gap:4px;display:flex}.results-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);font-size:11px;font-weight:500}.results-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:40px;font-weight:300;line-height:1}.results-unit{color:var(--color-text-muted);font-size:12px}.results-divider{background:linear-gradient(90deg, transparent, var(--color-glass-border), transparent);height:1px}.test-again-button{border:1px solid var(--color-glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;color:var(--color-text);font-family:var(--font-family);cursor:pointer;background:#ffffff14;padding:10px 28px;font-size:14px;font-weight:400;transition:all .2s}.test-again-button:hover{background:#ffffff2e;border-color:#fff3}@media (width<=768px){.results-container{padding:16px}.results-value{font-size:32px}}.result-card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;align-items:center;gap:4px;padding:24px;animation:.5s both fade-up;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-card-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text);font-size:11px;font-weight:500}.result-card-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:36px;font-weight:300;line-height:1}.result-card-unit{color:var(--color-text);font-size:12px}@media (width<=768px){.result-card{padding:16px}.result-card-value{font-size:28px}}.stats-table{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:16px}.stats-table-title{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin-bottom:12px;font-size:12px;font-weight:500}.stats-table table{border-collapse:collapse;width:100%}.stats-table td{padding:4px 0;font-size:13px}.stats-table-label{color:var(--color-text-muted)}.stats-table-value{text-align:right;font-variant-numeric:tabular-nums}.stats-table-outliers{color:var(--color-accent-orange);margin-top:8px;font-size:12px}.report{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:640px;max-height:100vh;padding:20px;display:flex;overflow-y:auto}.report-header{text-align:center}.report-title{margin-bottom:8px;font-size:24px;font-weight:400}.report-meta{color:var(--color-text-muted);font-size:13px}.report-summary{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.report-charts{flex-direction:column;gap:24px;width:100%;display:flex}.report-chart-section{grid-template-columns:1fr 200px;align-items:start;gap:12px;display:grid}.report-actions{align-items:center;gap:12px;display:flex}@media (width<=768px){.report-summary{grid-template-columns:1fr 1fr}.report-chart-section{grid-template-columns:1fr}}.comprehensive-panel{background:var(--color-glass-bg);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #fffc;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:340px;padding:24px;display:flex}.comprehensive-panel .mode-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff14;border:none;width:100%}.comprehensive-panel .start-button{width:100%}.comprehensive-description{color:var(--color-text-muted);text-align:center;font-size:13px;line-height:1.5}.comprehensive-running{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:640px;padding:0 20px;display:flex}.comprehensive-header{align-items:center;gap:16px;display:flex}.comprehensive-elapsed{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:28px;font-weight:300}.stop-button{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#f66;font-family:var(--font-family);cursor:pointer;background:#f443;border:1px solid #ff444480;padding:8px 24px;font-size:14px;font-weight:500;transition:all .2s}.stop-button:hover{background:#ff444459;border-color:#ff4444b3}.comprehensive-live-cards{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.comprehensive-chart-container{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:100%;padding:16px}.comprehensive-chart-tabs{gap:4px;margin-bottom:12px;display:flex}.chart-tab{border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:12px;transition:all .2s}.chart-tab--active{color:var(--color-text);background:#ffffff1a}.comprehensive-footer{color:#ffffffb3;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);align-items:center;gap:12px;padding:6px 16px;font-size:12px;display:flex}.comprehensive-testing-indicator{color:var(--color-accent-blue)}.comprehensive-background-indicator{color:var(--color-accent-gold)}.interval-selector{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.interval-label{color:var(--color-text-muted);font-size:13px}.interval-select{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:6px 12px;font-size:13px}.interval-warning{color:var(--color-accent-orange);text-align:center;width:100%;font-size:11px}@media (width<=768px){.comprehensive-live-cards{grid-template-columns:1fr 1fr}}.app{background:linear-gradient(30deg,#6845c7 0%,#b06498 25%,#e8943a 50%,#f0a030 60%,#ff7a33 80%,#ff5e3a 100%) 5% 5%/140% 140%;width:100%;height:100%;position:relative;overflow-y:auto}.app-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;padding:80px 20px 40px;display:flex;position:relative}.idle-panel{background:var(--color-glass-bg);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #fffc;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:340px;padding:24px;display:flex}.idle-panel .start-button{width:100%}.idle-panel .mode-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff14;border:none;width:100%}.error-card{background:var(--color-glass-bg);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #f443;flex-direction:column;align-items:center;gap:16px;padding:32px;animation:.5s both fade-up;display:flex}.error-message{color:var(--color-error);font-size:14px}