.phase-indicator{justify-content:center;gap:.25rem;padding:.75rem 0;display:flex}.phase-step{text-transform:capitalize;color:#555;border-radius:1rem;padding:.25rem .5rem;font-size:.75rem;transition:all .2s}.phase-step--active{color:#4fc3f7;background:#4fc3f71f;font-weight:600}.phase-step--completed{color:#39b54a}.speed-gauge{justify-content:center;margin:.5rem auto;display:flex}.gauge-needle{fill:#464a4f;transition:d .3s}.needle-center{fill:#464a4f}.current-speed{text-align:center;margin:.5rem 0}.current-speed__value{letter-spacing:-.02em;font-size:3rem;font-weight:700;line-height:1}.current-speed__meta{align-items:baseline;gap:.25rem;margin-left:.25rem;display:inline-flex}.current-speed__unit{color:#888;font-size:1.25rem}.current-speed__arrow{color:#4fc3f7;font-size:1.25rem}.stats-row{justify-content:center;gap:1rem;padding:.75rem 0;display:flex}.stat-column{flex-direction:column;flex:1;align-items:center;gap:.25rem;max-width:8rem;display:flex}.stat-label{color:#39b54a;font-size:.8rem;font-weight:500}.stat-value{font-size:1.1rem;font-weight:600}.stat-unit{color:#888;font-size:.7rem;font-weight:400}.share-btn{border:1px solid var(--border-color,#444);color:var(--text-primary,#fff);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1.2rem;font-size:.9rem;transition:background .15s,border-color .15s;display:inline-flex}.share-btn:hover{border-color:var(--accent-color,#4fc3f7);background:#ffffff14}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#1a1a1a;border-radius:1rem;width:100%;max-width:24rem;padding:2rem}.modal-title{text-align:center;margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.modal-info{margin-bottom:1.25rem}.modal-info-row{color:#aaa;margin-bottom:.25rem;font-size:.9rem}.modal-info-label{color:#888}.modal-stats{border-top:1px solid #333;border-bottom:1px solid #333;justify-content:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 0;display:flex}.modal-stat{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.modal-stat-label{color:#39b54a;font-size:.8rem;font-weight:500}.modal-stat-value{font-size:1.1rem;font-weight:600}.modal-done-btn{color:#fafafa;cursor:pointer;background:#333;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:background .15s;display:block}.modal-done-btn:hover{background:#444}.test-page{text-align:center;padding-top:1rem}.test-page--start{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.test-page__tagline{color:#888;margin-bottom:1rem;font-size:1.1rem}.test-page__actions{padding:1rem 0}.btn{cursor:pointer;border:none;border-radius:.5rem;padding:.625rem 1.5rem;font-size:1rem;font-weight:600;transition:background .15s;display:inline-block}.btn--primary{color:#fff;background:#39b54a}.btn--primary:hover{background:#2e9a3e}.btn--large{padding:.875rem 2.5rem;font-size:1.2rem}.results-empty{text-align:center;color:var(--text-secondary,#999);margin-top:3rem}.results-list{margin:1rem 0;padding:0;list-style:none}.results-item{border-bottom:1px solid var(--border-color,#333)}.results-item__link{color:inherit;align-items:center;gap:.75rem;padding:.75rem 0;text-decoration:none;display:flex}.results-item__icon{flex-shrink:0;font-size:1.5rem}.results-item__info{flex-direction:column;flex:1;min-width:0;display:flex}.results-item__name{font-weight:600}.results-item__date{color:var(--text-secondary,#999);font-size:.85rem}.results-item__chevron{color:var(--text-secondary,#999);flex-shrink:0;font-size:1.5rem}.detail-page__timestamp{color:var(--text-secondary,#999);margin-bottom:.5rem}.detail-page__info{margin:.25rem 0}.detail-stats{background:var(--card-bg,#1a1a2e);border-radius:8px;gap:1rem;margin:1.5rem 0;padding:1rem;display:flex}.detail-stat{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.detail-stat__label{color:var(--accent-green,#39b54a);margin-bottom:.25rem;font-size:.85rem}.detail-stat__value{font-size:1.5rem;font-weight:700}.detail-stat__value small{font-size:.75rem;font-weight:400}.detail-page__back{color:var(--accent-green,#39b54a);margin-top:1rem;text-decoration:none;display:inline-block}.network-card{background:#141414;border-radius:.75rem;margin:1rem 0;padding:1.25rem}.network-card__title{color:#39b54a;border-bottom:1px solid #222;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.network-card__rows{flex-direction:column;gap:.75rem;margin-bottom:.75rem;display:flex}.network-card__rows:last-child{margin-bottom:0}.network-card__row{justify-content:space-between;align-items:center;display:flex}.network-card__label{color:#888;font-size:.875rem}.network-card__value{font-size:.9rem;font-weight:600}.network-card__status{color:#888;padding:.5rem 0;font-size:.9rem}.network-card__status--error{color:#e74c3c}.about{padding:1rem}.about-section{background:#111;border:1px solid #222;border-radius:.75rem;margin-top:1.5rem;padding:1.25rem}.about-section h2{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.about-section h3{margin:1rem 0 .5rem;font-size:.95rem;font-weight:600}.about-section p{margin-bottom:.75rem;line-height:1.6}.about-section ol{margin-bottom:.75rem;padding-left:1.25rem}.about-section li{margin-bottom:.5rem;line-height:1.5}.about-section a{color:#4fc3f7;text-decoration:none}.about-section a:hover{text-decoration:underline}.screenshots{gap:.75rem;padding:.5rem 0;display:flex;overflow-x:auto}.screenshots img{border-radius:.5rem;flex-shrink:0;height:240px}.nav-bar{background:#111;border-bottom:1px solid #222;align-items:center;padding:0 1rem;display:flex}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.nav-hamburger{background:#ccc;width:1.25rem;height:2px;transition:background .2s;display:block;position:relative}.nav-hamburger:before,.nav-hamburger:after{content:"";background:#ccc;width:1.25rem;height:2px;transition:transform .2s;display:block;position:absolute;left:0}.nav-hamburger:before{top:-6px}.nav-hamburger:after{top:6px}.nav-hamburger--open{background:0 0}.nav-hamburger--open:before{top:0;transform:rotate(45deg)}.nav-hamburger--open:after{top:0;transform:rotate(-45deg)}.nav-links{gap:.25rem;display:flex}.nav-link{color:#888;border-bottom:2px solid #0000;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:block}.nav-link:hover{color:#ccc}.nav-link--active{color:#4fc3f7;border-bottom-color:#4fc3f7}@media (width<=767px){.nav-bar{padding:.5rem 1rem;padding-top:max(.5rem, env(safe-area-inset-top));flex-wrap:wrap}.nav-toggle{display:block}.nav-links{flex-direction:column;width:100%;padding:.5rem 0;display:none}.nav-links--open{display:flex}.nav-link{border-bottom:none;padding:.75rem 0}}.tab-layout{flex-direction:column;min-height:100dvh;display:flex}.tab-content{flex:1;padding:1.5rem;overflow-y:auto}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#fafafa;-webkit-font-smoothing:antialiased;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}#root{min-height:100dvh}.page{max-width:48rem;margin:0 auto}.page h1{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.page p{color:#888;font-size:1rem}