*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--card:#1e293b;--card-hover:#263548;--border:#334155;--text:#e2e8f0;--text-muted:#94a3b8;--accent:#3b82f6;--accent-glow:#3b82f64d;--success:#22c55e;--warning:#eab308;--error:#ef4444;--radius:10px;--radius-sm:6px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.header{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;padding:1.25rem 2rem;display:grid}.header-left{align-items:baseline;gap:.75rem;display:flex}.system-info-wrap{justify-content:flex-end;display:flex}.logo{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.version{color:var(--text-muted);font-size:.8rem}.tab-nav{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);gap:.25rem;padding:.2rem;display:flex}.tab-btn{border-radius:calc(var(--radius) - 2px);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.4rem 1.25rem;font-size:.85rem;font-weight:500;transition:background .2s,color .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--accent);color:#fff}.view.hidden{display:none!important}.system-info{color:var(--text-muted);text-align:right;max-width:55%;font-size:.75rem;line-height:1.3}.score-cards{grid-template-columns:1fr 1.3fr 1fr;gap:1.25rem;padding:2rem;display:grid}.score-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1.5rem;transition:border-color .3s,box-shadow .3s}.score-card.done{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.score-card-main{border-color:var(--accent)}.score-card-main.done{box-shadow:0 0 30px var(--accent-glow)}.score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.85rem}.score-value{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700}.score-card-main .score-value{color:var(--accent);font-size:3.5rem}.controls{padding:0 2rem 1.5rem}.btn-group{gap:.75rem;margin-bottom:1rem;display:flex}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text);cursor:pointer;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:background .2s,border-color .2s,opacity .2s}.btn:hover{background:var(--card-hover)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb}.btn-ghost{border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--card)}.progress-container{background:var(--card);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar{background:var(--accent);border-radius:3px;width:0%;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);min-height:1.2em;margin-top:.4rem;font-size:.8rem}.results-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;padding:0 2rem 2rem;display:grid}.column-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:1rem;font-weight:600}.category{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}.category-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:background .2s;display:flex}.category-header:hover{background:var(--card-hover)}.category-toggle{color:var(--text-muted);text-align:center;flex-shrink:0;width:1rem;font-size:.8rem}.category-icon{flex-shrink:0;font-size:1rem}.category-name{flex:1;font-size:.9rem;font-weight:600}.category-count{color:var(--text-muted);font-size:.75rem}.category-score{font-variant-numeric:tabular-nums;color:var(--accent);text-align:right;min-width:4rem;font-size:.85rem;font-weight:600}.category>.test-list{padding:0 .75rem .75rem;display:none}.category.open>.test-list{flex-direction:column;gap:.5rem;display:flex}.test-item{background:var(--bg);border-radius:var(--radius-sm);border:1px solid #0000;padding:.6rem .8rem;transition:border-color .3s}.test-item.running{border-color:var(--accent)}.test-item.done{border-color:var(--success)}.test-item.error{border-color:var(--error)}.test-header{align-items:center;gap:.4rem;margin-bottom:.15rem;display:flex}.test-status{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s}.test-item.running .test-status{background:var(--accent);animation:1s ease-in-out infinite pulse}.test-item.done .test-status{background:var(--success)}.test-item.error .test-status{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.test-name{font-size:.85rem;font-weight:600}.test-desc{color:var(--text-muted);margin-bottom:.3rem;font-size:.7rem}.test-result{justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.8rem;display:flex}.test-raw{color:var(--text-muted);font-variant-numeric:tabular-nums}.test-score{font-variant-numeric:tabular-nums;font-weight:600}.test-bar-container{background:#ffffff0d;border-radius:2px;height:3px;overflow:hidden}.test-bar{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width .5s}.footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.footer .share-result{order:10}.footer-info{color:var(--text-muted);font-size:.8rem}.footer-actions{align-items:center;gap:.75rem;display:flex}.btn-sm{padding:.35rem .9rem;font-size:.8rem}.share-result{background:var(--card);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;display:flex}.share-label{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.share-result code{color:var(--accent);word-break:break-all;flex:1;font-family:Courier New,Courier,monospace;font-size:.85rem}.shared-banner{background:var(--accent);color:#fff;padding:.6rem 2rem;font-size:.85rem}.shared-banner-inner{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.leaderboard-section{padding:0 2rem 2rem}.leaderboard-header{justify-content:space-between;align-items:center;padding:1.5rem 0 1rem;display:flex}.leaderboard-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:1rem;font-weight:600}.leaderboard-table{font-size:.85rem;overflow-x:auto}.leaderboard-empty{color:var(--text-muted);text-align:center;padding:1rem 0}.lb-table{border-collapse:collapse;width:100%}.lb-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem .75rem;font-size:.75rem}.lb-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.55rem .75rem}.lb-table tbody tr:hover td{background:var(--card)}.lb-row-highlight td{background:#3b82f61f!important}.lb-system{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:.78rem;overflow:hidden}.lb-score{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:600}.lb-combined{color:var(--accent)}.lb-date{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.rank-badge{color:var(--text-muted);text-align:center;min-width:2rem;font-size:.8rem;font-weight:600;display:inline-block}.rank-1,.rank-2,.rank-3{font-size:1rem}.hidden{display:none!important}@media (width<=900px){.results-grid{grid-template-columns:1fr}}@media (width<=768px){.header{flex-direction:column;gap:.5rem;padding:1rem}.system-info{text-align:center;max-width:100%}.score-cards{grid-template-columns:1fr;padding:1rem}.score-card-main{order:-1}.controls{padding:0 1rem 1rem}.btn-group{flex-wrap:wrap}.results-grid{padding:0 1rem 1rem}.footer{text-align:center;flex-direction:column;gap:.75rem;padding:1rem}.footer-actions{flex-direction:column}.tab-nav{order:-1}.share-result{margin:0}.leaderboard-section{padding:0 1rem 1rem}.score-value{font-size:2.2rem}.score-card-main .score-value{font-size:2.5rem}}