:root{--bg:linear-gradient(140deg,#eef6ff,#f9fbff);--ink:#0b1220;--sub:#445;--soft:#f5f7fb;
--brand:#2a66ff;--brand2:#6aa8ff;--chip:#e9eef5;--amber:#f6c86b;--glass:#ffffff6a;--glass-b:#ffffff44;--shadow:0 14px 40px rgba(0,0,0,.12)}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wrap{min-height:100%;display:grid;place-items:center;padding:22px}
.card{max-width:980px;width:min(96vw,980px);border-radius:22px;padding:16px;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow);background:#fff}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.45));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-b)}
.hero{display:grid;gap:6px;place-items:center}
.intro{margin:0 0 12px 0;color:var(--sub);text-align:center}
.mode{display:flex;gap: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}
.btn.small{padding:6px 10px;border-radius:8px;font-size:14px}
.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,Menlo,Consolas,monospace}
.actions{display:flex;gap:12px;align-items:center;margin:12px 0;flex-wrap:wrap}
.muted{color:#6b7a8a}
.flex-spacer{flex:1}
.panel{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;background:rgba(255,255,255,.6)}
.meter-wrap{margin-top:6px}
.chip{background:var(--chip);padding:6px 10px;border-radius:10px;margin-right:8px}
.meter{margin:4px 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 50%,#21a36a 75%,#1d9f68 100%)}
.meter-bar i{position:absolute;top:-5px;width:2px;height:22px;background:#0b1220;left:50%}
.factors{margin:.2rem 0 .4rem;padding-left:18px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cards{display:grid;grid-template-columns:1fr;gap:10px}
.card-src{border:1px solid #dde3ee;border-radius:12px;padding:10px;background:#fff}
.card-src h4{margin:.1rem 0}
.foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.ver{color:#6b7a8a}