:root { color-scheme: light dark; --wbm-fg:#16181d; --wbm-muted:#5b6270; --wbm-bg:#ffffff; --wbm-soft:#f3f4f6; --wbm-line:#dfe2e7; --wbm-accent:#1f5fbf; --wbm-ok:#176b3a; --wbm-bad:#a12a2a; }
@media (prefers-color-scheme: dark) { :root { --wbm-fg:#e8eaee; --wbm-muted:#a0a7b4; --wbm-bg:#14161a; --wbm-soft:#1e2127; --wbm-line:#30343c; --wbm-accent:#7fb0ff; --wbm-ok:#6fd39a; --wbm-bad:#ff8f8f; } }
body { margin:0; background:var(--wbm-bg); }
.wbm-page { max-width:760px; margin:0 auto; padding:24px 16px 64px; }
.wbm-report { font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--wbm-fg); background:var(--wbm-bg); overflow-wrap:anywhere; }
.wbm-report h1 { font-size:1.45rem; line-height:1.3; margin:4px 0 12px; }
.wbm-report h2 { font-size:1.1rem; margin:0 0 8px; }
.wbm-report h3 { font-size:1rem; margin:16px 0 4px; }
.wbm-report section { padding:20px 0; border-top:1px solid var(--wbm-line); }
.wbm-report section.wbm-headline { border-top:0; padding-top:0; }
.wbm-kicker { text-transform:uppercase; letter-spacing:.06em; font-size:.75rem; color:var(--wbm-muted); margin:0; }
.wbm-assessment { font-size:1.05rem; margin:0; padding:12px 14px; background:var(--wbm-soft); border-left:3px solid var(--wbm-accent); }
.wbm-flag { margin:12px 0 0; padding:10px 14px; border:1px solid var(--wbm-line); }
.wbm-meta { color:var(--wbm-muted); font-size:.875rem; margin:4px 0; }
.wbm-scroll { overflow-x:auto; }
.wbm-report table { border-collapse:collapse; width:100%; font-size:.9rem; }
.wbm-report th, .wbm-report td { text-align:left; padding:6px 10px 6px 0; border-bottom:1px solid var(--wbm-line); white-space:nowrap; vertical-align:middle; }
.wbm-report th { color:var(--wbm-muted); font-weight:600; }
.wbm-report .num { text-align:right; font-variant-numeric:tabular-nums; }
.bar { vertical-align:middle; margin-left:6px; }
.bar-bg { fill:var(--wbm-soft); } .bar-fg { fill:var(--wbm-accent); }
.wbm-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin:8px 0 12px; }
.wbm-stat { background:var(--wbm-soft); padding:10px 12px; margin:0; }
.wbm-stat dt { color:var(--wbm-muted); font-size:.8rem; }
.wbm-stat dd { margin:2px 0 0; font-size:1.15rem; font-weight:600; font-variant-numeric:tabular-nums; }
.wbm-provenance ol { padding-left:20px; }
.wbm-passage { margin:0; white-space:pre-wrap; }
.wbm-controls { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:8px; }
.wbm-controls input[type=range] { flex:1 1 160px; }
.wbm-clock { font-size:.85rem; color:var(--wbm-muted); font-variant-numeric:tabular-nums; }
.wbm-screen { background:var(--wbm-soft); padding:14px; margin:0; height:320px; overflow:auto; white-space:pre-wrap; font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
.wbm-report button { font:inherit; padding:6px 14px; border:1px solid var(--wbm-line); background:var(--wbm-bg); color:var(--wbm-fg); border-radius:4px; cursor:pointer; }
.wbm-report button:hover { border-color:var(--wbm-accent); }
.wbm-report select { font:inherit; }
.wbm-hashval { display:block; padding:8px 10px; background:var(--wbm-soft); font-size:.8rem; margin-top:4px; }
.wbm-hash label { display:block; margin:12px 0 6px; }
.wbm-hash textarea { display:block; width:100%; box-sizing:border-box; font:inherit; font-size:.9rem; padding:8px; margin-bottom:8px; background:var(--wbm-bg); color:var(--wbm-fg); border:1px solid var(--wbm-line); }
.wbm-result { font-weight:600; min-height:1.5em; }
.wbm-result[data-state=match] { color:var(--wbm-ok); }
.wbm-result[data-state=nomatch] { color:var(--wbm-bad); }
.wbm-limits ul { padding-left:20px; margin:4px 0; }
.wbm-limits li { margin:6px 0; }
.wbm-notice { padding-top:64px; text-align:center; }
@media print { .wbm-replay, .wbm-hash label, .wbm-hash textarea, .wbm-hash button, .wbm-result { display:none; } .wbm-page { max-width:none; padding:0; } .wbm-report section { break-inside:avoid; } }