:root{--bg:#f7f8fa;--surface:#fff;--text:#1c2430;--muted:#566075;--border:#c9d0db;--radius:10px;--gap:.625rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-section=values]{--accent:#1d4ed8;--accent-text:#fff;--tint:#e8efff}[data-section=technical]{--accent:#0f766e;--accent-text:#fff;--tint:#dcf5f1}[data-section=engineering]{--accent:#b45309;--accent-text:#fff;--tint:#fdf0dc}[data-section=interpersonal]{--accent:#7e22ce;--accent-text:#fff;--tint:#f3e8ff}[data-section=ai]{--accent:#be123c;--accent-text:#fff;--tint:#ffe4ea}[data-section=card]{--accent:#15803d;--accent-text:#fff;--tint:#e0f6e8}@media (prefers-color-scheme:dark){:root{--bg:#12161d;--surface:#1b212b;--text:#e8ecf2;--muted:#9aa5b8;--border:#3a4455}[data-section=values]{--accent:#8fb0ff;--accent-text:#0b1020;--tint:#1f2f58}[data-section=technical]{--accent:#4dd4c6;--accent-text:#0b1020;--tint:#14403d}[data-section=engineering]{--accent:#f5b04c;--accent-text:#0b1020;--tint:#4a3510}[data-section=interpersonal]{--accent:#c9a0ff;--accent-text:#0b1020;--tint:#3a2760}[data-section=ai]{--accent:#ff8fa6;--accent-text:#0b1020;--tint:#55202f}[data-section=card]{--accent:#6fdc8c;--accent-text:#0b1020;--tint:#163a21}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.5}.app{width:min(100% - 2rem,120rem);margin:0 auto;padding:1rem 0 2rem}h1{margin:.5rem 0;font-size:1.5rem}h2{color:var(--accent);margin:1.25rem 0 .25rem}h2:focus{outline:none}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:1rem}.hint,.count{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input[type=text],input[type=search]{font:inherit}button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);border-radius:var(--radius);padding:.5rem 1rem}button.secondary{color:var(--accent);background:0 0}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input[type=text],input[type=search]{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:.5rem .75rem}.filter-block{margin:1.25rem 0 1.5rem}.filter-label{font-weight:600;display:block}.filter-hint,.filter-count{color:var(--muted);margin:.125rem 0 .5rem;font-size:.9rem}.filter-count{margin:.5rem 0 0}.filter{width:100%;max-width:24rem}.stepper{flex-wrap:wrap;gap:.375rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.stepper button{background:var(--surface);color:var(--accent);border-color:var(--accent);padding:.25rem .75rem;font-size:.875rem}.stepper button[aria-current=step]{background:var(--accent);color:var(--accent-text)}ul{margin:0;padding:0;list-style:none}.cloud,.chips{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));margin-bottom:1rem;display:grid}.card-values{gap:var(--gap);flex-wrap:wrap;margin-bottom:1rem;display:flex}.chip{background:var(--surface);width:100%;min-height:2.5rem;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;padding:.375rem .75rem;font-size:1rem;line-height:1.25}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true]{background:var(--tint);border-color:var(--accent);border-width:2px;padding:calc(.375rem - 1px) calc(.75rem - 1px);font-weight:600}.chip[aria-pressed=true]:before{content:"✓ ";content:"✓ " / "";color:var(--accent)}.chip.static{background:var(--tint);border-color:var(--accent);cursor:default;align-items:center;width:auto;font-weight:600;display:inline-flex}.custom-item{align-items:center;gap:.125rem;display:flex}.custom-item .chip{flex:1}.remove{color:var(--muted);background:0 0;border-color:#0000;padding:0 .5rem}.add-entry{gap:.5rem;margin:1rem 0;display:flex}.add-entry input{flex:1;max-width:24rem}.categories{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:1rem;margin-bottom:1rem;display:grid}.category{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:var(--radius);padding:.75rem 1rem .25rem}.help{background:var(--tint);border:1px solid var(--accent);border-radius:var(--radius);margin:.75rem 0 1.25rem;padding:.5rem 1rem}.help p{margin:.25rem 0}.help-alt{color:var(--muted);font-size:.9rem}kbd{font:inherit;border:1px solid var(--border);background:var(--surface);border-bottom-width:2px;border-radius:4px;padding:0 .3em;font-size:.85em}.card-group{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:var(--radius);padding:.75rem 1rem}.card{gap:1rem;display:grid}.card-skill-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:start;gap:1rem;display:grid}.card-mode{color:var(--muted);margin:.5rem 0 .25rem;font-size:.9rem;font-weight:600}.card-words{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.actions{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.nav{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.nav-next{flex-direction:column;align-items:flex-end;display:flex}.blocked{color:var(--muted);text-align:right;margin:0 0 .5rem;font-size:.875rem}.definition{z-index:10;background:var(--surface);max-width:min(22rem,100vw - 1rem);color:var(--text);border:2px solid var(--accent);border-radius:var(--radius);padding:.75rem 1rem;position:fixed;box-shadow:0 8px 24px #00000040}.definition p{margin:0 0 .5rem}.definition-term{font-weight:700}.definition-close{padding:.125rem .75rem;font-size:.875rem}@media (width<=40rem){.nav{flex-direction:column-reverse;align-items:stretch}.nav-next{align-items:stretch}.blocked{text-align:left}}.app{overflow-x:clip}@keyframes enter-forward{0%{opacity:0;transform:translate(3rem)}}@keyframes enter-backward{0%{opacity:0;transform:translate(-3rem)}}.step-view.enter-forward{animation:.35s ease-out enter-forward}.step-view.enter-backward{animation:.35s ease-out enter-backward}@media (prefers-reduced-motion:reduce){.step-view.enter-forward,.step-view.enter-backward{animation:none}}.chip[aria-disabled=true]:not([aria-pressed=true]){opacity:.5;cursor:not-allowed}.chip[aria-disabled=true]:not([aria-pressed=true]):hover{border-color:var(--border)}.limit-note{color:var(--text);font-weight:600}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.load{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.load-status{color:var(--muted);flex-basis:100%;margin:0}.load-status:empty{display:none}.load-status.error{color:var(--text);border-left:4px solid var(--accent);padding-left:.5rem;font-weight:600}.confirm{background:var(--tint);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.confirm p{margin:0}.assistant{border:1px dashed var(--accent);border-radius:var(--radius);margin:.75rem 0;padding:.5rem 1rem}.assistant p{margin:.25rem 0}.assistant a{color:var(--accent);font-weight:600}.assistant-note{color:var(--muted);font-size:.9rem}.mode-switch{background:var(--tint);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;gap:.25rem;margin:.5rem 0 .75rem;padding:.25rem;display:inline-flex}.mode-switch button{color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:.375rem 1rem}.mode-switch button[aria-checked=true]{background:var(--accent);color:var(--accent-text);font-weight:600}.mode-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}