:root{--blue:#1d3f94;--gold:#f4b400;--bg:#f6f7fb;--surface:#fff;--text:#16203a;--muted:#4a5470;--border:#c9cfdf;--primary-bg:var(--blue);--primary-text:#fff;--pressed-bg:#e3e9f8;--focus:var(--gold);color:var(--text);background:var(--bg);font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#0e1528;--surface:#18213a;--text:#eef1f8;--muted:#b5bdd3;--border:#3a4566;--primary-bg:var(--gold);--primary-text:#16203a;--pressed-bg:#26335a}}body{margin:0}.app{max-width:560px;margin:0 auto;padding:16px}h1{margin:.5rem 0;font-size:1.6rem;line-height:1.25}h2{margin:0;font-size:1.2rem}h1:focus{outline:none}button,.button{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;padding:.5rem 1rem}.button{align-items:center;text-decoration:none;display:inline-flex}button:focus-visible,.button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.primary{background:var(--primary-bg);color:var(--primary-text);border-color:var(--primary-bg);font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.link{background:0 0;border:none;padding-left:0;text-decoration:underline}fieldset{border:none;justify-content:flex-end;align-items:center;gap:.5rem;margin:0 0 1rem;padding:0;display:flex}legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}fieldset button[aria-pressed=true]{background:var(--pressed-bg);border-color:var(--blue);font-weight:600}.progress-label{color:var(--muted);margin:0;font-size:.9rem}.progress{width:100%;height:8px;accent-color:var(--gold)}.hint{color:var(--muted);margin-top:0}.options{gap:.5rem;margin:1rem 0;display:grid}.option{text-align:left;align-items:center;gap:.75rem;width:100%;display:flex}.option[aria-pressed=true]{background:var(--pressed-bg);border:2px solid var(--blue);font-weight:600}@media (prefers-color-scheme:dark){.option[aria-pressed=true],fieldset button[aria-pressed=true]{border-color:var(--gold)}}.icon{font-size:1.4rem}.actions{justify-content:space-between;gap:.5rem;display:flex}.matches{counter-reset:rank;gap:1rem;padding:0;list-style:none;display:grid}.match{background:var(--surface);border:1px solid var(--border);counter-increment:rank;border-radius:12px;padding:1rem}.match h2:before{content:"#" counter(rank) " ";color:var(--muted)}.match p{margin:.5rem 0 0}.percent{font-weight:600}.bar{background:var(--border);border-radius:4px;height:8px;margin-top:.25rem;overflow:hidden}.bar>div{background:var(--gold);height:100%}.why{color:var(--muted);font-style:italic}.apply{border:2px solid var(--gold);background:var(--surface);border-radius:12px;margin:1.5rem 0 1rem;padding:1rem}.apply p{margin:.5rem 0 1rem}.levels{color:var(--muted);margin-top:1.5rem}.levels ol{gap:.25rem;padding:0;list-style:none;display:grid}.levels li{border-bottom:1px solid var(--border);justify-content:space-between;padding:.25rem 0;display:flex}.levels li.done{color:var(--text);font-weight:600}