:root{--bg:#f7fbff;--ink:#0b1220;--sub:#3b4a5a;--soft:#f5f7fb;--brand:#2a66ff;--brand2:#6aa8ff;--chip:#e9eef5;--amber:#f6c86b}
*{box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wrap{min-height:100%;display:grid;place-items:center;padding:20px}.card{width:min(860px,96vw);background:#fff;border:2px solid var(--amber);border-radius:20px;padding:16px 16px 10px;box-shadow:0 16px 28px rgba(0,0,0,.05)}
.hero{display:grid;gap:6px;place-items:center}.intro{margin:0;color:var(--sub);text-align:center}
.mode{display:flex;gap:10px;margin:6px 0 8px}.btn{border:1.5px solid #2f6fe4;background:#fff;color:#1f3a8a;padding:9px 14px;border-radius:12px;font-weight:600;cursor:pointer}
.btn.alt{border-color:#6aa8ff;color:#0b5b71}.btn.primary{background:linear-gradient(180deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}
.claim{width:100%;resize:vertical;border-radius:12px;border:1.5px solid #cbd5e1;background:var(--soft);padding:12px 14px;font:17px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#0f172a}
.actions{display:flex;gap:12px;align-items:center;margin:12px 0}.muted{color:#6b7a8a}
.panel{border:1.5px solid #e2e8f0;border-radius:12px;padding:12px;margin:6px 0 4px}.panel.hidden{display:none}
.context{background:#f0f5ff;border:1.5px solid #d7e2ff;border-radius:12px;padding:10px;margin-bottom:8px}
.badge-strip{display:flex;gap:10px;align-items:center;margin:6px 0;flex-wrap:wrap}.badge{background:#fff;border:1.5px solid #e5c25e;color:#815c00;padding:6px 9px;border-radius:10px;font-weight:700}
.chip{background:var(--chip);padding:6px 10px;border-radius:10px;color:#394556}.chip.subtle{background:#f1f4f8}
.meter{margin:6px 0 8px}.meter-labels{display:flex;justify-content:space-between;font-size:12px;color:#556476;margin-bottom:6px}
.meter-bar{position:relative;height:12px;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,#d94343 0%,#f5a623 35%,#d8d214 52%,#21a36a 85%,#1d9f68 100%)}
.meter-bar i{position:absolute;top:-5px;width:2px;height:22px;background:#0b1220;left:0;transition:left .35s ease}
.explain h3{margin:.3rem 0 .2rem}.factors{margin:.2rem 0 .4rem;padding-left:18px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards{display:grid;grid-template-columns:1fr;gap:8px;margin-top:6px}
.legend{margin-top:8px;border-top:1px dashed #e2e8f0;padding-top:8px}.legend-items{display:flex;gap:12px;flex-wrap:wrap}
.foot{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.ver{color:#6b7a8a}
.dlg{min-width:min(880px,92vw);background:#fff;border-radius:14px;padding:12px 14px}