*{box-sizing:border-box}body,html{margin:0;padding:0}.app{--bg:#f1f4f4;--surface:#fff;--text:#16202a;--text-soft:#5b6b75;--accent:#2f6f6b;--accent-soft:#dceae8;--amber:#e1a93a;--brick:#c24e4e;--line:#dfe6e5;--font-display:"Fraunces",serif;--font-body:"IBM Plex Sans",sans-serif;--font-mono:"IBM Plex Mono",monospace;background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;padding:32px 16px;display:flex;justify-content:center}.shell{width:100%;max-width:640px}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}h1.display{font-size:clamp(28px,5vw,40px);line-height:1.1;margin:0 0 12px;letter-spacing:-.01em}h1.display,h2.display{font-family:var(--font-display);font-weight:600}h2.display{font-size:clamp(20px,3.5vw,26px);margin:0 0 10px}p.lede{color:var(--text-soft);font-size:15px;line-height:1.6;margin:0 0 20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px 24px;margin-bottom:16px}.disclaimer{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:8px;padding:14px 16px;font-size:13px;color:var(--text-soft);line-height:1.55;margin-bottom:24px}.btn{font-family:var(--font-body);font-weight:500;font-size:14.5px;border-radius:999px;padding:13px 24px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s ease,transform .1s ease}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background:var(--text);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--text-soft);border:1px solid var(--line)}.btn[disabled]{opacity:.5;cursor:not-allowed}.progress-row{display:flex;align-items:center;gap:16px;margin-bottom:22px}.progress-track{flex:1 1;height:6px;background:var(--line);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.progress-label{font-family:var(--font-mono);font-size:12px;color:var(--text-soft);white-space:nowrap}.cat-divider{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.qtext{font-family:var(--font-display);font-size:clamp(19px,3vw,23px);font-weight:600;line-height:1.35;margin-bottom:24px}.option-btn{width:100%;text-align:left;padding:13px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;font-family:var(--font-body);font-size:14.5px;color:var(--text);margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .15s ease,background .15s ease}.option-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:16px 0}.stat-box{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff}.stat-box .label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:6px}.stat-box .value{font-family:var(--font-display);font-size:17px;font-weight:600}.cat-bar-row{margin-bottom:12px}.cat-bar-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.cat-bar-track{height:8px;background:var(--line);border-radius:999px;overflow:hidden}.cat-bar-fill{height:100%;background:var(--accent);border-radius:999px}.paywall-blur{filter:blur(5px);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:.7}.lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.footer-note{font-size:12px;color:var(--text-soft);text-align:center;margin-top:20px;line-height:1.6}.error-note{font-size:13px;color:var(--brick);background:#fbeaea;border:1px solid var(--brick);border-radius:8px;padding:10px 14px;margin-bottom:16px}