:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--success: #34d399;--success-bg: rgba(52, 211, 153, .15);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--destructive: #f87171;--destructive-bg: rgba(248, 113, 113, .15)}[data-theme=claude-dark]{--bg: #1d1917;--surface: #2a2521;--surface-raised:#332d28;--border: #3d372f;--text: #f2ede6;--muted: #a89e92;--accent: #d97757;--accent-hover: #c26647;--font: "Plus Jakarta Sans", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--radius: 10px;background-color:var(--bg);color:var(--text);font-family:var(--font)}[data-theme=claude-light]{--bg: #faf9f5;--surface: #ffffff;--surface-raised:#f4f1ea;--border: #e5e1d6;--text: #2b2621;--muted: #7c7568;--accent: #bd5d3a;--accent-hover: #a54f2f;--font: "Plus Jakarta Sans", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--radius: 10px;--success: #15803d;--success-bg: rgba(21, 128, 61, .12);--warning: #92400e;--warning-bg: rgba(146, 64, 14, .12);--destructive: #b91c1c;--destructive-bg: rgba(185, 28, 28, .12);background-color:var(--bg);color:var(--text);font-family:var(--font)}[data-theme=professional]{--bg: #1a1a2e;--surface: #252540;--surface-raised:#2f2f4f;--border: #3a3a60;--text: #dde1f0;--muted: #8890b0;--accent: #4f8ef7;--accent-hover: #3a7be0;--font: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--radius: 6px;background-color:var(--bg);color:var(--text);font-family:var(--font)}[data-theme=bold]{--bg: #05051a;--surface: #0e0e2a;--surface-raised:#17173a;--border: #1e1e4a;--text: #f0f0ff;--muted: #9b59d0;--accent: #00e5ff;--accent-hover: #00b8d4;--font: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--radius: 8px;background-color:var(--bg);color:var(--text);font-family:var(--font)}[data-theme=minimal]{--bg: #000000;--surface: #080808;--surface-raised:#141414;--border: #1e1e1e;--text: #e0e0e0;--muted: #555555;--accent: #e0e0e0;--accent-hover: #ffffff;--font: "Courier New", Courier, monospace;--radius: 0px;background-color:var(--bg);color:var(--text);font-family:var(--font)}.top-glow{position:fixed;top:-18%;left:50%;transform:translate(-50%);width:min(900px,70vw);height:40vh;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 20%,transparent) 0%,transparent 70%);pointer-events:none;z-index:0}main{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem}header{margin-bottom:2rem;text-align:center}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--accent);font-size:.75rem;font-weight:600}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 .5rem}.subtitle{max-width:46ch;margin:0 auto;color:var(--muted)}.theme-switcher{display:inline-flex;justify-content:center;gap:.2rem;margin-top:1.25rem;padding:.25rem;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.theme-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.35rem .9rem;font-size:.8rem;font-family:var(--font);font-weight:500;border:none;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.theme-btn:hover{color:var(--text)}.theme-btn--active{background:var(--accent);color:var(--bg)}.demo-section{margin-bottom:1.25rem}.demo-label{display:block;margin-bottom:.5rem;font-size:.75rem;color:var(--muted)}.demo-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.35rem .8rem;font-size:.8rem;font-family:var(--font);font-weight:500;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.btn-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}form{display:flex;flex-direction:column;gap:.75rem}label{font-weight:600;font-size:.9rem}.jd-textarea{width:100%;height:12rem;padding:.9rem 1rem;font-family:var(--font);font-size:.95rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);resize:vertical;box-sizing:border-box;transition:border-color .15s}.jd-textarea::placeholder{color:var(--muted);opacity:.7}.jd-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.jd-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.readiness--ready{color:var(--success)}.btn-primary{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;gap:.4rem;align-self:flex-start;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;font-family:var(--font);border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--bg);cursor:pointer;transition:all .15s}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:hover:not(:disabled) .btn-icon{transform:translate(3px)}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-icon{transition:transform .15s}.error-box{margin-top:1.5rem;padding:.75rem 1rem;border:1px solid var(--destructive);border-radius:var(--radius);background:var(--destructive-bg);color:var(--destructive);font-size:.9rem}.skeleton{margin-top:2.5rem}.skeleton-circle{width:208px;height:208px;margin:0 auto 1.5rem;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border);animation:pulse 1.4s ease-in-out infinite}.skeleton-bar{width:60%;height:.9rem;margin:0 auto 2rem;border-radius:var(--radius);background:var(--surface-raised);animation:pulse 1.4s ease-in-out infinite}.skeleton-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.skeleton-card{height:8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.results{margin-top:2.5rem;animation:results-enter .6s cubic-bezier(.16,1,.3,1) both}@keyframes results-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gauge-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;margin-bottom:1.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);text-align:center}.gauge-summary{max-width:52ch;margin:0;color:var(--muted);line-height:1.7}.score-gauge{position:relative;width:208px;height:208px}.score-gauge svg{transform:rotate(0)}.score-gauge circle{transition:stroke-dashoffset .1s linear}.score-gauge-track{stroke:var(--border)}.score-gauge-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.score-gauge-number{font-size:3rem;font-weight:800}.score-gauge-denom{margin-top:.25rem;font-size:.85rem;color:var(--muted)}.chip-card{padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised)}.chip-card h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .9rem}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.skill-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);font-size:.85rem;line-height:1.4;transition:all .15s}.skill-chip--match{border-color:color-mix(in oklab,var(--success) 45%,var(--border));background:var(--success-bg);color:var(--success)}.skill-chip--gap{border-color:color-mix(in oklab,var(--destructive) 45%,var(--border));background:var(--destructive-bg);color:var(--destructive)}.skill-chip span{color:var(--text)}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 560px){.result-columns,.skeleton-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.results,.skeleton-circle,.skeleton-bar,.skeleton-card{animation:none}.score-gauge circle{transition:none}}