:root{-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,-apple-system,sans-serif}body{color:#e2e4ed;background:#0f1117;margin:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}*,:before,:after{box-sizing:border-box}:root{--bg:#0f1117;--surface:#1a1d27;--border:#2a2d3a;--text:#e2e4ed;--muted:#6b7280;--accent:#6366f1;--green:#22c55e;--red:#ef4444;--yellow:#f59e0b;--radius:10px}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:system-ui,-apple-system,sans-serif}.layout{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.page-header{margin-bottom:48px}.page-header h1{margin:0 0 8px;font-size:1.8rem;font-weight:700}.page-header p{color:var(--muted);margin:0;font-size:.95rem}.section{margin-bottom:48px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 16px;font-size:.75rem;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;padding:20px;display:flex}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-header h2{margin:0 0 4px;font-size:1rem;font-weight:600}.subtitle{color:var(--muted);margin:0;font-size:.8rem}.card-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.badge{white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:.75rem;font-weight:600}.badge-idle{color:var(--muted);background:#2a2d3a}.badge-loading{color:#a78bfa;background:#27243a}.badge-passed{color:var(--green);background:#14532d}.badge-failed{color:var(--red);background:#450a0a}.badge-expired{color:var(--yellow);background:#451a03}.badge-error{color:var(--red);background:#450a0a}.reset-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:.75rem;transition:color .15s,border-color .15s}.reset-btn:hover{color:var(--text);border-color:var(--text)}.execute-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:500;transition:background .15s}.execute-btn:hover:not(:disabled){background:#6366f120}.execute-btn:disabled{opacity:.5;cursor:not-allowed}.widget-area{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;min-height:80px;display:flex}.hint{color:var(--muted);margin:0;font-size:.8rem}.token{color:var(--muted);word-break:break-all;border:1px solid var(--border);background:#111318;border-radius:6px;padding:6px 10px;font-size:.7rem;display:block}.verify-table{border-collapse:collapse;width:100%;font-size:.78rem}.verify-table tr+tr{border-top:1px solid var(--border)}.vt-key{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;width:1%;padding:4px 8px 4px 0}.vt-val{color:var(--text);word-break:break-all;padding:4px 0}.score-bar-wrap{align-items:center;gap:8px;display:flex}.score-bar-track{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.score-bar-fill{border-radius:3px;height:100%;transition:width .3s}.score-label{font-variant-numeric:tabular-nums;min-width:2.5ch;font-size:.75rem;font-weight:600}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.note-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);padding:16px;font-size:.82rem;line-height:1.6}.note-card strong{color:var(--text);margin-bottom:6px;font-size:.875rem;display:block}