:root{--bg:#0f1117;--bg-raised:#161924;--bg-input:#1b1f2c;--border:#2a2e3d;--text:#e6e7eb;--text-dim:#9498a8;--accent:#6c72ff;--accent-dim:#4a4fd1;--success:#3ecf8e;--danger:#ff6b6b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}textarea,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app{max-width:1040px;margin:0 auto;padding:48px 24px 80px}.app__header{text-align:center;margin-bottom:32px}.app__title{color:var(--accent);margin:0;font-size:2.25rem;font-weight:700}.app__tagline{color:var(--text-dim);margin-top:8px}.app__visits{color:var(--text-dim);margin-top:4px;font-size:.75rem}.step-indicator{justify-content:center;gap:32px;margin:0 0 40px;padding:0;list-style:none;display:flex}.step-indicator__step{color:var(--text-dim);align-items:center;gap:8px;display:flex}.step-indicator__num{border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:600;display:flex}.step-indicator__step.is-active{color:var(--text)}.step-indicator__step.is-active .step-indicator__num{background:var(--accent);border-color:var(--accent);color:#fff}.step-indicator__step.is-done .step-indicator__num{background:var(--success);border-color:var(--success);color:#0f1117}.alert{border-radius:8px;margin-bottom:24px;padding:12px 16px}.alert--error{border:1px solid var(--danger);color:var(--danger);background:#ff6b6b1f}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;padding:32px}.panel+.panel{margin-top:24px}.panel__grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=720px){.panel__grid{grid-template-columns:1fr}}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:220px;padding:24px;transition:border-color .15s,background .15s;display:flex}.upload-zone:hover,.upload-zone--dragging{border-color:var(--accent);background:#6c72ff0f}.upload-zone__empty,.upload-zone__file{flex-direction:column;gap:6px;display:flex}.upload-zone__title,.upload-zone__filename{font-weight:600}.upload-zone__hint{color:var(--text-dim);font-size:.85rem}.upload-zone__fidelity-tip{color:#f0a500;font-size:.78rem}.jd-input{flex-direction:column;height:100%;display:flex}.jd-input__label{color:var(--text-dim);margin-bottom:6px;font-size:.85rem}.jd-input__textarea{resize:vertical;background:var(--bg-input);border:1px solid var(--border);min-height:220px;color:var(--text);border-radius:12px;flex:1;padding:12px 14px;font-size:.9rem;line-height:1.5}.jd-input__textarea:focus{border-color:var(--accent);outline:none}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 22px;font-size:.95rem;font-weight:600;transition:opacity .15s,transform 50ms}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-dim)}.btn--secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn--ghost{color:var(--text-dim);border:1px solid var(--border);background:0 0}.btn--analyze{width:100%;margin-top:24px;display:block}.summary-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.summary-card{background:var(--bg-input);border:1px solid var(--border);text-align:center;border-radius:12px;padding:18px}.summary-card__value{color:var(--accent);font-size:2rem;font-weight:700;display:block}.summary-card__label{color:var(--text-dim);font-size:.85rem}.missing-keywords{margin-bottom:28px}.missing-keywords__title{margin:0 0 12px;font-size:1rem}.missing-keywords__badges{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.keyword-badge{color:var(--accent);border:1px solid var(--accent-dim);background:#6c72ff1f;border-radius:999px;padding:4px 12px;font-size:.85rem}.missing-keywords__suggestion{color:var(--text-dim);font-size:.9rem;line-height:1.6}.analysis-table{margin-bottom:28px;overflow-x:auto}.analysis-table table{border-collapse:collapse;width:100%;font-size:.85rem}.analysis-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:10px 12px;font-weight:600}.analysis-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px}.analysis-table__text{max-width:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.status-badge{border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge--rewritten{color:var(--accent);background:#6c72ff26}.status-badge--kept{color:var(--text-dim);background:#9498a826}.patch-note{color:var(--success);margin-top:8px;font-size:.8rem}.download-panel{gap:12px;margin-bottom:20px;display:flex}.progress-panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:48px 40px;display:flex}.progress-label{color:var(--text);text-align:center;min-height:1.4em;font-size:1rem;font-weight:500}.progress-track{background:var(--bg-input);border-radius:99px;width:100%;max-width:560px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-dim), var(--accent));border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff2e 50%,#0000 100%);animation:1.8s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.progress-pct{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.85rem}