:root{--accent: #6366f1;--accent-light: #818cf8;--accent-dark: #4f46e5;--accent-glow: rgba(99, 102, 241, .4);--green: #22c55e;--green-dim: #16a34a;--yellow: #eab308;--red: #ef4444;--bg-1: #09090b;--bg-2: #18181b;--bg-3: #27272a;--bg-4: #3f3f46;--text-1: #fafafa;--text-2: #a1a1aa;--text-3: #71717a;--text-4: #52525b;--border: #27272a;--border-light: #3f3f46;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 8px;--radius-lg: 16px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-1);color:var(--text-1);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-2);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.logo-info{display:flex;flex-direction:column;gap:2px}.logo-text{font-weight:600;font-size:15px}.logo-credit{font-size:11px;color:var(--text-4)}.topbar-actions{display:flex;gap:12px;align-items:center}.status-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-3);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-2)}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-4)}.status-pill[data-status=connected]:before{background:var(--green);box-shadow:0 0 8px var(--green)}.status-pill[data-status=testing]:before{background:var(--accent);animation:blink 1s infinite}.status-pill[data-status=done]:before{background:var(--accent-light)}@keyframes blink{50%{opacity:.4}}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-3);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-1);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn:hover{background:var(--bg-4)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dark)}.btn-danger{color:var(--red);border-color:var(--red);background:transparent}.btn-danger:hover{background:var(--red);color:#fff}.main-content{display:grid;grid-template-columns:320px 1fr;gap:0;height:100%}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:24px}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.device-info{background:var(--bg-3);border-radius:var(--radius);padding:16px}.device-name{font-weight:600;font-size:14px;margin-bottom:8px;color:var(--text-1)}.device-meta{display:flex;flex-direction:column;gap:4px}.device-meta-row{display:flex;justify-content:space-between;font-size:12px}.device-meta-label{color:var(--text-3)}.device-meta-value{font-family:var(--font-mono);color:var(--text-2)}.action-buttons{display:flex;flex-direction:column;gap:8px}.action-buttons .btn{width:100%;justify-content:center;padding:12px}.history-section{margin-top:auto}.history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.history-item{background:var(--bg-3);border-radius:var(--radius);padding:12px;text-align:center}.history-label{font-size:11px;color:var(--text-3);margin-bottom:4px}.history-value{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--text-1)}.history-value.best{color:var(--green)}.history-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.history-tag{padding:4px 10px;background:var(--bg-3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.history-tag.is-best{background:var(--green);color:var(--bg-1)}.result-area{padding:32px;overflow-y:auto}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.welcome-icon{width:80px;height:80px;background:var(--bg-3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:8px}.welcome h2{font-size:24px;font-weight:600}.welcome p{color:var(--text-2);max-width:360px;font-size:14px}.testing-view{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.pulse-ring{width:160px;height:160px;border-radius:50%;border:3px solid var(--accent);position:relative;animation:pulse-expand 2s ease-out infinite}.pulse-ring:before,.pulse-ring:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid var(--accent);animation:pulse-expand 2s ease-out infinite}.pulse-ring:before{animation-delay:.6s}.pulse-ring:after{animation-delay:1.2s}@keyframes pulse-expand{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.testing-stats{text-align:center}.testing-count{font-family:var(--font-mono);font-size:48px;font-weight:700;color:var(--accent-light)}.testing-rate{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--green);margin-top:8px}.testing-label{font-size:13px;color:var(--text-3);margin-top:4px}.result-view{max-width:900px;margin:0 auto}.hero-gauge{text-align:center;padding:48px 0;margin-bottom:32px}.hero-number{font-family:var(--font-mono);font-size:96px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent-light),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-unit{font-size:32px;font-weight:400;opacity:.7}.hero-subtitle{font-size:16px;color:var(--text-2);margin-top:12px}.hero-badge{display:inline-block;padding:6px 16px;background:var(--bg-3);border-radius:var(--radius-full);font-size:13px;font-weight:500;margin-top:16px}.hero-badge.excellent{background:var(--green);color:var(--bg-1)}.hero-badge.good{background:var(--accent);color:#fff}.hero-badge.fair{background:var(--yellow);color:var(--bg-1)}.hero-badge.poor{background:var(--red);color:#fff}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.stat-box{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text-1)}.stat-label{font-size:12px;color:var(--text-3);margin-top:4px}.stat-hint{font-size:11px;color:var(--text-4);margin-top:8px}.details-section{margin-top:24px}.details-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.details-toggle:hover{background:var(--bg-3)}.details-toggle-icon{transition:transform .2s}.details-toggle.open .details-toggle-icon{transform:rotate(180deg)}.details-content{display:none;background:var(--bg-2);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:20px}.details-content.show{display:block}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.data-item{padding:16px;background:var(--bg-3);border-radius:var(--radius)}.data-label{font-size:12px;color:var(--text-3);margin-bottom:6px}.data-value{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text-1)}.data-desc{font-size:11px;color:var(--text-4);margin-top:6px;line-height:1.4}.chart-section{margin-top:16px;padding:20px;background:var(--bg-3);border-radius:var(--radius)}.chart-title{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:16px}.histogram-bars{display:flex;align-items:flex-end;height:100px;gap:2px}.histogram-bar{flex:1;min-width:4px;background:var(--accent);border-radius:2px 2px 0 0;opacity:.7;transition:opacity .1s}.histogram-bar:hover{opacity:1}.histogram-bar.warning{background:var(--yellow)}.histogram-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--text-4);margin-top:8px;font-family:var(--font-mono)}.reliability-bars{display:flex;flex-direction:column;gap:8px}.reliability-row{display:grid;grid-template-columns:60px 1fr 80px;align-items:center;gap:12px}.reliability-label{font-size:12px;font-family:var(--font-mono);color:var(--text-3)}.reliability-track{height:8px;background:var(--bg-1);border-radius:4px;overflow:hidden}.reliability-fill{height:100%;background:var(--green);border-radius:4px}.reliability-fill.warn{background:var(--yellow)}.reliability-fill.bad{background:var(--red)}.reliability-value{font-size:12px;font-family:var(--font-mono);color:var(--text-2);text-align:right}.reliability-ladder{display:flex;flex-direction:column;gap:4px}.ladder-rung{display:grid;grid-template-columns:50px 1fr 80px;align-items:center;gap:12px}.ladder-label{font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--text-2)}.ladder-bar-container{position:relative;height:20px;background:var(--bg-1);border-radius:4px;overflow:hidden}.ladder-fill{height:100%;background:var(--green);border-radius:4px;transition:width .3s ease}.ladder-fill.warning{background:var(--yellow)}.ladder-fill.danger{background:var(--red)}.ladder-value{font-size:12px;font-family:var(--font-mono);color:var(--text-2);text-align:right}.ladder-explanation{grid-column:1 / -1;font-size:11px;color:var(--text-4);margin-bottom:8px;padding-left:62px}.reliability-verdict{margin-top:12px;padding:10px 12px;background:var(--bg-1);border-radius:var(--radius);font-size:13px}.verdict-label{color:var(--text-3)}.verdict-text{color:var(--text-1)}.phase-boxes{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.phase-box{aspect-ratio:1;background:var(--bg-1);border:2px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.phase-box.active{border-color:var(--accent);background:#6366f11a}.phase-box-label{font-size:10px;color:var(--text-4);font-family:var(--font-mono)}.phase-box-value{font-size:14px;font-weight:600;font-family:var(--font-mono)}.confidence-bar{height:24px;background:var(--bg-1);border-radius:var(--radius-full);overflow:hidden;position:relative}.confidence-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--yellow),var(--green))}.confidence-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.confidence-notes{margin-top:12px;display:flex;flex-direction:column;gap:6px}.confidence-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-3)}.tip-banner{display:flex;gap:12px;padding:16px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius);margin-bottom:24px}.tip-icon{font-size:18px;flex-shrink:0}.tip-content{font-size:13px;color:var(--text-2);line-height:1.5}.tip-content strong{color:var(--text-1)}.hidden{display:none!important}@media (max-width: 1024px){.main-content{grid-template-columns:280px 1fr}.quick-stats,.data-grid{grid-template-columns:repeat(2,1fr)}.hero-number{font-size:72px}}@media (max-width: 768px){.main-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);padding:16px}.action-buttons{flex-direction:row}.action-buttons .btn{flex:1}.history-section{display:none}.result-area{padding:16px}.hero-number{font-size:56px}.quick-stats{grid-template-columns:repeat(2,1fr)}.data-grid{grid-template-columns:1fr}.phase-boxes{grid-template-columns:repeat(4,1fr)}}