:root{--bg-primary: #08080e;--bg-secondary: #10101a;--bg-surface: #181826;--bg-surface-hover: #1e1e32;--bg-card: #1e1e30;--bg-card-hover: #25253d;--border: #2a2a42;--border-light: #3a3a55;--gold: #d4a853;--gold-light: #e8c97a;--gold-dark: #b8923e;--blue: #5b8fc9;--blue-light: #7aafe6;--green: #34d399;--red: #f87171;--orange: #fb923c;--text-primary: #e8e8f0;--text-secondary: #9494b0;--text-muted: #6a6a88;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--radius: 12px;--radius-sm: 8px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Noto Sans SC,Plus Jakarta Sans,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:16px;transition:var(--transition)}.card:hover{border-color:var(--border-light)}.card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group.full{grid-column:1 / -1}.form-label{font-size:12px;font-weight:500;color:var(--text-secondary);letter-spacing:.3px}.form-input,.form-select,.form-textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:13px;font-family:inherit;transition:var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a8531a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236a6a88' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-family:inherit;letter-spacing:.3px}.btn-primary{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#000}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #d4a8534d}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold-light);background:var(--bg-card-hover)}.btn-sm{padding:6px 14px;font-size:12px}.btn-group{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.issue-list{list-style:none;padding:0}.issue-list li{padding:8px 0;display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.issue-list li:last-child{border-bottom:none}.issue-list li:before{content:"▸";color:var(--gold);font-weight:700}.keyword-tags{display:flex;flex-wrap:wrap;gap:6px}.keyword-tags span{padding:4px 12px;border-radius:20px;font-size:12px;background:#d4a8531a;color:var(--gold-light);border:1px solid rgba(212,168,83,.2)}.match-table{width:100%;border-collapse:collapse;font-size:13px}.match-table th{text-align:left;padding:10px 12px;background:var(--bg-card);color:var(--text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.match-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.match-table tr:hover td{background:#ffffff05}.strength-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.strength-high{background:#34d3991f;color:var(--green)}.strength-mid{background:#fbbf241f;color:var(--orange)}.strength-low{background:#f871711f;color:var(--red)}.score-gauge{display:flex;align-items:center;gap:32px;padding:20px 0}.gauge-ring{width:120px;height:120px;border-radius:50%;position:relative;flex-shrink:0}.gauge-ring svg{transform:rotate(-90deg)}.gauge-ring .bg{fill:none;stroke:var(--border);stroke-width:6}.gauge-ring .progress{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1.2s ease}.gauge-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-value .num{font-size:32px;font-weight:800;color:var(--gold-light);font-family:Plus Jakarta Sans,sans-serif}.gauge-value .lbl{font-size:11px;color:var(--text-muted)}.score-dims{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dim-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.dim-item:last-child{border-bottom:none}.dim-name{font-size:12px;color:var(--text-secondary)}.dim-score{font-size:13px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif}.dim-score.high{color:var(--green)}.dim-score.mid{color:var(--orange)}.dim-score.low{color:var(--red)}.q-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:12px;transition:var(--transition)}.q-card:hover{border-color:var(--border-light)}.q-card .q-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.q-card .q-text{font-size:14px;font-weight:500;color:var(--text-primary);flex:1}.q-card .q-hint{font-size:12px;color:var(--text-muted);margin-bottom:10px}.q-card textarea{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical;min-height:60px;outline:none;transition:var(--transition)}.q-card textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a8531a}.q-card .q-result{margin-top:10px;padding:10px 14px;background:#d4a8530f;border:1px solid rgba(212,168,83,.2);border-radius:var(--radius-sm);font-size:13px;color:var(--gold-light);display:none}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.compare-col{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.compare-col .label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.compare-col .content{font-size:13px;color:var(--text-primary);line-height:1.7}.compare-col.before .content{color:var(--text-muted)}.compare-col.after .content{color:var(--gold-light)}.mod-reason{font-size:12px;color:var(--text-secondary);margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.risk-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:500;background:#f871711f;color:var(--red)}.risk-tag.safe{background:#34d3991f;color:var(--green)}.interview-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:12px}.interview-item .q{font-size:14px;font-weight:500;color:var(--gold-light);margin-bottom:8px}.interview-item .a{font-size:13px;color:var(--text-secondary);line-height:1.7}.resume-preview{background:#fff;color:#1a1a2e;border-radius:var(--radius);padding:40px 48px;max-width:800px;margin:0 auto;font-size:13px;line-height:1.7}.resume-preview .rp-name{font-size:28px;font-weight:700;margin-bottom:2px}.resume-preview .rp-title{font-size:15px;color:#555;margin-bottom:16px}.resume-preview .rp-contact{font-size:12px;color:#777;margin-bottom:20px;display:flex;gap:16px;flex-wrap:wrap}.resume-preview .rp-section{margin-bottom:20px}.resume-preview .rp-section h3{font-size:14px;font-weight:600;border-bottom:2px solid var(--gold);padding-bottom:4px;margin-bottom:10px;color:#1a1a2e}.resume-preview .rp-item{margin-bottom:12px}.resume-preview .rp-item h4{font-size:13px;font-weight:600;color:#333}.resume-preview .rp-item .rp-meta{font-size:11px;color:#888;margin-bottom:4px}.resume-preview .rp-item ul{padding-left:16px}.resume-preview .rp-item li{margin-bottom:3px;font-size:12px;color:#444}.resume-preview .rp-summary{font-size:12px;color:#444;margin-bottom:16px;line-height:1.8}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080ed9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .4s ease}.loading-overlay.show{opacity:1;pointer-events:auto}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);margin-top:16px;font-size:14px}.loading-progress{color:var(--text-muted);font-size:12px;margin-top:4px}.toast-msg{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--gold);color:#000;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 4px 20px #d4a8534d;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.form-grid,.compare-grid{grid-template-columns:1fr}.score-gauge{flex-direction:column;align-items:center}.score-dims{width:100%}}@media(max-width:640px){.resume-preview{padding:20px}}