:root{--ink:#07111f;--ink-soft:#0e1a2e;--bg:#f4f7fb;--bg-elevated:#fff;--bg-soft:#e8eef7;--bg-muted:#f7f9fc;--border:#d8e0ec;--border-strong:#c0cbdc;--text:#0c1524;--text-muted:#5b6b82;--text-faint:#8b9bb0;--accent:#2f6bff;--accent-hover:#1f56e5;--accent-soft:#2f6bff1f;--accent-dim:#2f6bff14;--accent-glow:#2f6bff47;--accent-2:#5aa2ff;--success:#12b76a;--success-soft:#e8f8ef;--success-text:#027a48;--warning:#f79009;--warning-soft:#fff4e5;--warning-text:#b54708;--info:#2f6bff;--info-soft:#e8efff;--info-text:#1f56e5;--danger:#f04438;--danger-soft:#fef3f2;--danger-text:#b42318;--shadow-sm:0 1px 2px #07111f0a;--shadow:0 8px 28px #07111f14;--radius:14px;--radius-sm:10px;--radius-pill:999px;--font:"Figtree", system-ui, sans-serif;--font-display:"Outfit", "Figtree", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,textarea,select{font:inherit}.btn{border-radius:var(--radius-sm);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.05rem;font-size:.92rem;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px var(--accent-glow)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg-soft);border-color:var(--border-strong)}.btn-outline-light{color:#e8eef4;background:0 0;border:1px solid #e8eef447}.btn-outline-light:hover:not(:disabled){color:#fff;background:#ffffff14}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--text-muted);font-size:.82rem;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:var(--radius-sm);outline:none;padding:.7rem .85rem}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:#2f6bff8c}.error{color:var(--danger);font-size:.9rem}.pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.pill-info{background:var(--info-soft);color:var(--info-text)}.pill-success{background:var(--success-soft);color:var(--success-text)}.pill-success-solid{background:var(--success);color:#fff}.pill-warning{background:var(--warning-soft);color:var(--warning-text)}.pill-warning-solid{background:var(--warning);color:#fff}.pill-danger{background:var(--danger-soft);color:var(--danger-text)}.pill-setup{background:var(--accent-soft);color:var(--accent-hover)}.pill-neutral{background:var(--bg-soft);color:var(--text-muted)}.pill-accent{background:var(--accent-soft);color:var(--accent-hover)}.score-meter{align-items:center;gap:.45rem;min-width:4.5rem;display:inline-flex}.score-meter-track{border-radius:var(--radius-pill);background:var(--bg-soft);width:36px;height:6px;overflow:hidden}.score-meter-fill{border-radius:var(--radius-pill);height:100%}.score-meter-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}