:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--bg-soft:#f7f6f3;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--fail:#d8453a;--fail-bg:#d8453a1a;--warn:#b9750a;--warn-bg:#b9750a1f;--ok:#1a9c5c;--ok-bg:#1a9c5c1a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-soft:#1c1d24;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--fail:#f87171;--fail-bg:#f871711f;--warn:#fbbf24;--warn-bg:#fbbf241f;--ok:#4ade80;--ok-bg:#4ade801f;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{font-family:var(--sans);color:var(--text-h);margin:0;font-weight:600}h1{letter-spacing:-1.4px;font-size:52px;line-height:1.08}h2{letter-spacing:-.3px;font-size:26px}h3{font-size:18px}@media (width<=768px){h1{font-size:34px}h2{font-size:21px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:3px 7px;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}#app{max-width:920px;margin:0 auto;padding:0 24px}.hero{text-align:center;padding:72px 0 40px}.hero .badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.badge{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:100px;padding:4px 10px;font-size:13px}.hero .tagline{max-width:560px;margin:18px auto 0;font-size:19px}.hero pre.cmd{text-align:left;font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);color:var(--text-h);border-radius:10px;max-width:100%;margin:28px 0 0;padding:16px 20px;font-size:14px;line-height:1.7;display:inline-block;overflow-x:auto}.demo{border:1px solid var(--border);background:var(--bg-soft);border-radius:14px;margin-bottom:56px;padding:28px}.dropzone{border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:10px;padding:36px 20px;transition:border-color .2s,background .2s;display:block}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--accent-bg)}.dropzone input{display:none}.dropzone .filename{font-family:var(--mono);color:var(--text-h);margin-top:8px;font-size:14px}.jd-toggle{color:var(--accent);background:0 0;border:none;margin-top:14px;padding:0;font-size:14px}textarea{width:100%;font:inherit;font-size:14px;font-family:var(--mono);background:var(--bg);color:var(--text-h);border:1px solid var(--border);resize:vertical;border-radius:8px;min-height:90px;margin-top:10px;padding:12px}.submit-row{align-items:center;gap:14px;margin-top:18px;display:flex}.submit-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:11px 22px;font-size:15px;font-weight:600;transition:opacity .2s}.submit-btn:disabled{opacity:.5;cursor:default}.status{color:var(--text);font-size:14px}.error-box{background:var(--fail-bg);color:var(--fail);border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px}.report{text-align:left;margin-top:28px}.score-row{align-items:center;gap:20px;margin-bottom:24px;display:flex}.score-circle{border:4px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;font-size:28px;font-weight:700;display:flex}.score-circle.good{border-color:var(--ok);color:var(--ok)}.score-circle.mid{border-color:var(--warn);color:var(--warn)}.score-circle.bad{border-color:var(--fail);color:var(--fail)}.score-label{color:var(--text);font-size:14px}.findings{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.finding{border-radius:8px;align-items:baseline;gap:10px;padding:9px 12px;font-size:14.5px;display:flex}.finding.fail{background:var(--fail-bg);color:var(--fail)}.finding.warn{background:var(--warn-bg);color:var(--warn)}.finding .tag{text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:11px;font-weight:700}.finding .msg{color:var(--text-h)}.finding .penalty{font-family:var(--mono);opacity:.8;flex-shrink:0;margin-left:auto;font-size:12px}.no-issues{background:var(--ok-bg);color:var(--ok);border-radius:8px;padding:9px 12px;font-size:14.5px}.section{margin-top:30px}.skills-list,.chip-list{flex-wrap:wrap;gap:7px;display:flex}.chip{background:var(--code-bg);border:1px solid var(--border);color:var(--text-h);border-radius:100px;padding:5px 11px;font-size:13px}.chip.miss{color:var(--fail);border-color:var(--fail);background:var(--fail-bg)}.chip.hit{color:var(--ok);border-color:var(--ok);background:var(--ok-bg)}.jd-bars{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.jd-bar-label{justify-content:space-between;margin-bottom:4px;font-size:13.5px;display:flex}.jd-bar-track{background:var(--border);border-radius:100px;height:8px;overflow:hidden}.jd-bar-fill{background:var(--accent);border-radius:100px;height:100%}.weak-list{flex-direction:column;gap:6px;padding:0;font-size:14px;list-style:none;display:flex}.weak-list li{background:var(--warn-bg);color:var(--text-h);border-radius:8px;padding:8px 12px}.advice-list{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.advice-list li{background:var(--code-bg);color:var(--text-h);border-radius:8px;padding:9px 12px;font-size:14px}.muted{color:var(--text);font-size:14px}.features{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:56px;display:grid}@media (width<=700px){.features{grid-template-columns:1fr}}.feature{border:1px solid var(--border);border-radius:12px;padding:20px}.feature p{margin-top:8px;font-size:14.5px}.tips{margin-bottom:56px}.tips h2,.tips>p{text-align:center}.tips-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=700px){.tips-grid{grid-template-columns:1fr}}.tip-col{border:1px solid var(--border);border-radius:12px;padding:22px}.tip-col.do{border-color:var(--ok);background:var(--ok-bg)}.tip-col.dont{border-color:var(--fail);background:var(--fail-bg)}.tip-col h3{margin-bottom:6px}.tip-col.do h3{color:var(--ok)}.tip-col.dont h3{color:var(--fail)}.tip-col ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tip-col li{color:var(--text-h);padding-left:20px;font-size:14.5px;position:relative}.tip-col.do li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;left:0}.tip-col.dont li:before{content:"✕";color:var(--fail);font-weight:700;position:absolute;left:0}.honesty{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;margin-bottom:56px;padding:22px 24px}.honesty ul{flex-direction:column;gap:8px;margin:12px 0 0;padding-left:20px;font-size:14.5px;display:flex}footer{border-top:1px solid var(--border);text-align:center;color:var(--text);padding:28px 0 48px;font-size:13.5px}.dropzone.busy,.jd-toggle:disabled{pointer-events:none;opacity:.6}.spinner{vertical-align:-2px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{margin-top:28px}.skeleton-line{background:linear-gradient(90deg, var(--border) 25%, var(--code-bg) 50%, var(--border) 75%);background-size:200% 100%;border-radius:6px;height:14px;margin-bottom:10px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.report{animation:.35s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}