@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.input-form{display:flex;flex-direction:column;gap:24px;height:100%}.form-header{display:flex;flex-direction:column;gap:6px;padding-bottom:20px;border-bottom:1px solid var(--border)}.form-eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-family:var(--font-mono)}.form-title{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--text-1);line-height:1.2}.form-tagline{font-size:12px;color:var(--text-3);line-height:1.5;margin-top:2px}.form-body{display:flex;flex-direction:column;gap:16px;flex:1}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;font-weight:600;color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono)}.field-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-1);font-family:var(--font-display);font-size:14px;padding:10px 14px;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);width:100%}.field-input::placeholder{color:var(--text-3)}.field-input:focus{border-color:var(--border-focus);background:var(--bg-hover);box-shadow:0 0 0 3px var(--accent-glow)}.field-input:disabled{opacity:.4;cursor:not-allowed}.field-textarea{resize:vertical;min-height:160px;line-height:1.6;font-size:13px}.form-error{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--radius-md);color:var(--red);font-size:13px;line-height:1.5}.error-icon{flex-shrink:0}.analyze-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:var(--accent);color:#080a0f;font-family:var(--font-display);font-size:14px;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;position:relative;overflow:hidden}.analyze-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;opacity:0;transition:opacity var(--transition)}.analyze-btn:hover:not(:disabled):before{opacity:1;animation:shimmer 1.2s ease infinite}.analyze-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px var(--accent-glow)}.analyze-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.analyze-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.analyze-btn--loading{cursor:wait}.btn-shortcut{font-size:11px;opacity:.5;font-family:var(--font-mono)}.spinner{animation:spin .75s linear infinite;flex-shrink:0}.form-hint{font-size:11px;color:var(--text-3);line-height:1.6;font-family:var(--font-mono)}.form-stats{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-top:auto}.form-stat{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--border)}.form-stat:last-child{border-right:none}.form-stat-num{font-family:var(--font-mono);font-size:16px;font-weight:500;color:var(--accent)}.form-stat-label{font-size:10px;color:var(--text-3);letter-spacing:.04em}.extra-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:transparent;border:1px dashed var(--border-md, rgba(255,255,255,.1));border-radius:var(--radius-md);color:var(--text-2, #8892a4);font-family:var(--font-display);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);text-align:left}.extra-toggle:hover{border-color:var(--accent, #00ffa3);color:var(--accent, #00ffa3);background:var(--accent-dim, rgba(0,255,163,.05))}.extra-toggle-icon{font-size:16px;line-height:1;color:var(--accent, #00ffa3);font-weight:700}.extra-toggle-tag{margin-left:auto;font-size:10px;padding:2px 7px;border-radius:3px;background:var(--accent-dim, rgba(0,255,163,.08));color:var(--accent, #00ffa3);border:1px solid var(--green-border, rgba(0,255,163,.2));font-family:var(--font-mono);letter-spacing:.04em}.extra-fields{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input, #131720);animation:fadeUp .2s ease both}.field-required{font-size:9px;color:var(--red, #ff5c5c);text-transform:uppercase;letter-spacing:.06em;margin-left:4px}.field-optional{font-size:9px;color:var(--text-3, #4a5568);text-transform:uppercase;letter-spacing:.06em;margin-left:4px}.platform-label-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:14px;border-radius:3px;font-size:9px;font-weight:700;margin-right:4px;font-family:var(--font-mono)}.platform-label-icon--lc{background:#ffa1161f;color:#ffa116;border:1px solid rgba(255,161,22,.3)}.platform-label-icon--cf{background:#5b9cf61f;color:#5b9cf6;border:1px solid rgba(91,156,246,.3)}.score-circle-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.score-circle-label-top{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-family:var(--font-mono)}.score-circle-container{position:relative;width:130px;height:130px}.score-circle-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1}.score-number{font-size:36px;font-weight:800;letter-spacing:-.04em;transition:color .3s ease}.score-denom{font-size:12px;color:var(--text-3);margin-top:2px;font-family:var(--font-mono)}.score-badge{font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.04em;font-family:var(--font-mono)}.skill-pills-wrap{display:flex;flex-direction:column;gap:16px}.skill-section-header{display:flex;align-items:center;justify-content:space-between}.skill-section-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.skill-section-count{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.skill-group{display:flex;flex-direction:column;gap:8px}.skill-group-label{font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.skill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.skill-dot--green{background:var(--green)}.skill-dot--red{background:var(--red)}.skill-pills-row{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:500;cursor:default;transition:transform .18s ease,filter .18s ease;white-space:nowrap}.pill:hover{transform:translateY(-1px);filter:brightness(1.15)}.pill--matched{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.pill--missing{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.pill-check{font-size:10px;opacity:.8}.pill-cross{font-size:10px;opacity:.7}.reasoning-card{display:flex;flex-direction:column;gap:14px}.reasoning-header{display:flex;align-items:center;gap:8px}.reasoning-icon{font-size:14px;color:var(--accent);line-height:1}.reasoning-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.reasoning-text{font-size:14px;line-height:1.75;color:var(--text-secondary);border-left:2px solid var(--blue-border);padding-left:14px}.repos-section{display:flex;flex-direction:column;gap:8px;margin-top:4px}.repos-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.repos-list{display:flex;flex-direction:column;gap:6px}.repo-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border)}.repo-name{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.repo-meta{display:flex;align-items:center;gap:10px}.repo-stars{font-size:12px;color:var(--amber);font-family:var(--font-mono)}.repo-langs{display:flex;gap:4px}.lang-tag{font-size:11px;padding:2px 7px;border-radius:4px;background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border);font-family:var(--font-mono)}.bias-card{display:flex;flex-direction:column;gap:10px}.bias-header{display:flex;align-items:center;gap:8px}.bias-icon{font-size:14px;color:var(--text-muted)}.bias-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:1}.bias-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);padding:3px 10px;border-radius:4px;letter-spacing:.06em}.bias-badge--pass{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.bias-badge--fail{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.bias-description{font-size:13px;color:var(--text-muted);line-height:1.6}.bias-delta-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border);flex-wrap:wrap}.bias-delta-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.bias-delta-value{font-family:var(--font-mono);font-size:14px;font-weight:500;white-space:nowrap}.bias-delta--pass{color:var(--green)}.bias-delta--fail{color:var(--red)}.bias-delta-note{font-size:12px;color:var(--text-muted);flex:1}.auth-card{display:flex;flex-direction:column;gap:12px}.auth-header{display:flex;align-items:center;gap:8px}.auth-icon{font-size:14px;color:var(--text-muted)}.auth-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:1}.auth-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);padding:3px 10px;border-radius:4px;letter-spacing:.04em}.auth-badge--green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.auth-badge--amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.auth-badge--red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.auth-score-row{display:flex;align-items:center;gap:12px}.auth-score-bar-wrap{flex:1;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.auth-score-bar{height:100%;border-radius:3px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.auth-score-bar--green{background:var(--green)}.auth-score-bar--amber{background:var(--amber)}.auth-score-bar--red{background:var(--red)}.auth-score-num{font-family:var(--font-mono);font-size:13px;font-weight:500;white-space:nowrap}.auth-score-num--green{color:var(--green)}.auth-score-num--amber{color:var(--amber)}.auth-score-num--red{color:var(--red)}.auth-verdict{font-size:13px;color:var(--text-secondary);line-height:1.6}.auth-meta-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);flex-wrap:wrap}.auth-meta-item strong{color:var(--text-secondary);font-weight:500}.auth-meta-sep{opacity:.4}.auth-flags{display:flex;flex-direction:column;gap:8px}.auth-flags-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.auth-flag{padding:10px 14px;border-radius:var(--radius-sm);border-left:3px solid}.auth-flag--red{background:var(--red-bg);border-color:var(--red)}.auth-flag--amber{background:var(--amber-bg);border-color:var(--amber)}.auth-flag--blue{background:var(--blue-bg);border-color:var(--blue)}.auth-flag-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.auth-flag-name{font-size:13px;font-weight:500;color:var(--text-primary)}.auth-flag-severity{font-size:10px;font-weight:600;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px}.auth-flag-severity--red{background:var(--red-bg);color:var(--red)}.auth-flag-severity--amber{background:var(--amber-bg);color:var(--amber)}.auth-flag-severity--blue{background:var(--blue-bg);color:var(--blue)}.auth-flag-detail{font-size:12px;color:var(--text-muted);line-height:1.6}.auth-clean{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--green);padding:10px 14px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--radius-sm)}.auth-clean-icon{font-size:14px}:root{--heat-0: #1a1e2a;--heat-1: #0e4429;--heat-2: #006d32;--heat-3: #26a641;--heat-4: #39d353}.heatmap-card{display:flex;flex-direction:column;gap:14px;position:relative}.heatmap-header{display:flex;align-items:center;gap:8px}.heatmap-icon{font-size:14px;color:var(--accent)}.heatmap-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:1}.heatmap-username{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.heatmap-stats{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.heatmap-stat{display:flex;flex-direction:column;gap:2px}.heatmap-stat-value{font-family:var(--font-mono);font-size:16px;font-weight:500;color:var(--green);line-height:1}.heatmap-stat-label{font-size:11px;color:var(--text-muted)}.heatmap-stat-sep{width:1px;height:28px;background:var(--border)}.heatmap-wrap{display:flex;flex-direction:column;gap:4px;overflow-x:auto;padding-bottom:4px}.heatmap-months{position:relative;height:16px;display:flex}.heatmap-month-label{position:absolute;font-size:10px;color:var(--text-muted);white-space:nowrap}.heatmap-body{display:flex;gap:4px}.heatmap-days{display:flex;flex-direction:column;gap:2px;padding-top:1px}.heatmap-day-label{font-size:9px;color:var(--text-muted);height:11px;line-height:11px;width:20px;text-align:right}.heatmap-grid{display:flex;gap:2px}.heatmap-col{display:flex;flex-direction:column;gap:2px}.heatmap-cell{width:11px;height:11px;border-radius:2px;cursor:pointer;transition:filter .1s ease,transform .1s ease;flex-shrink:0}.heatmap-cell:hover{filter:brightness(1.4);transform:scale(1.2)}.heatmap-legend{display:flex;align-items:center;gap:3px;justify-content:flex-end;margin-top:4px}.heatmap-legend-label{font-size:10px;color:var(--text-muted);margin:0 2px}.heatmap-tooltip{position:fixed;background:#1e2330;color:var(--text-primary);font-size:12px;padding:5px 10px;border-radius:5px;border:1px solid var(--border);pointer-events:none;z-index:1000;white-space:nowrap;box-shadow:0 4px 12px #0006}.prod-card{display:flex;flex-direction:column;gap:14px}.prod-header{display:flex;align-items:center;gap:8px}.prod-icon{font-size:14px;color:var(--text-muted)}.prod-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:1}.prod-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);padding:3px 10px;border-radius:4px;letter-spacing:.04em}.prod-badge--green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.prod-badge--amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.prod-badge--red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.prod-summary-row{display:flex;align-items:flex-start;gap:16px}.prod-total{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);min-width:72px}.prod-total-num{font-family:var(--font-mono);font-size:28px;font-weight:500;line-height:1}.prod-total-num--green{color:var(--green)}.prod-total-num--amber{color:var(--amber)}.prod-total-num--red{color:var(--red)}.prod-total-unit{font-size:10px;color:var(--text-muted);text-align:center;white-space:nowrap}.prod-summary{font-size:13px;color:var(--text-secondary);line-height:1.7;padding-top:4px}.prod-summary--green{color:var(--green)}.prod-skills{display:flex;flex-direction:column;gap:10px}.prod-skills-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.prod-skill-row{display:flex;align-items:center;gap:10px}.prod-skill-info{display:flex;align-items:center;gap:6px;min-width:130px}.prod-skill-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap}.prod-adjacent-tag{font-size:10px;color:var(--green);background:var(--green-bg);border:1px solid var(--green-border);padding:1px 6px;border-radius:3px;white-space:nowrap}.prod-skill-bar-wrap{flex:1;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.prod-skill-bar{height:100%;border-radius:3px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.prod-skill-bar--green{background:var(--green)}.prod-skill-bar--amber{background:var(--amber)}.prod-skill-bar--red{background:var(--red)}.prod-skill-weeks{font-family:var(--font-mono);font-size:12px;font-weight:500;min-width:28px;text-align:right}.prod-skill-weeks--green{color:var(--green)}.prod-skill-weeks--amber{color:var(--amber)}.prod-skill-weeks--red{color:var(--red)}.prod-note{font-size:12px;color:var(--text-muted);line-height:1.6;border-top:1px solid var(--border);padding-top:10px}.platform-cards-wrap{display:flex;flex-direction:column;gap:14px}.platform-cards-header{display:flex;align-items:center;gap:8px}.platform-cards-icon{font-size:14px;color:var(--text-muted, #4a5568)}.platform-cards-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #4a5568);flex:1}.platform-cards-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-3, #4a5568)}.platform-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.platform-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input, #131720)}.platform-card--lc{border-color:#ffa11633}.platform-card--cf{border-color:#5b9cf633}.platform-card-header{display:flex;align-items:center;gap:10px}.platform-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:var(--font-mono);flex-shrink:0}.platform-icon--lc{background:#ffa1161f;color:#ffa116;border:1px solid rgba(255,161,22,.25)}.platform-icon--cf{background:#5b9cf61f;color:#5b9cf6;border:1px solid rgba(91,156,246,.25)}.platform-card-title{display:flex;flex-direction:column;gap:2px;flex:1}.platform-name{font-size:13px;font-weight:600;color:var(--text-1, #f0f2f8)}.platform-link{font-size:11px;color:var(--text-3, #4a5568);text-decoration:none;font-family:var(--font-mono)}.platform-link:hover{color:var(--accent, #00ffa3)}.platform-signal{display:flex;flex-direction:column;align-items:center;gap:1px}.platform-signal-num{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--accent, #00ffa3);line-height:1}.platform-signal-label{font-size:9px;color:var(--text-3, #4a5568);text-transform:uppercase;letter-spacing:.06em}.platform-stats{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}.pstat{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 6px;gap:2px;border-right:1px solid var(--border)}.pstat:last-child{border-right:none}.pstat-num{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--text-1, #f0f2f8);line-height:1}.pstat-label{font-size:9px;color:var(--text-3, #4a5568);text-transform:uppercase;letter-spacing:.04em}.pstat--easy .pstat-num{color:#00b8a3}.pstat--medium .pstat-num{color:#ffa116}.pstat--hard .pstat-num{color:#ff375f}.platform-badge{font-size:11px;padding:4px 10px;border-radius:4px;background:#00ffa314;color:var(--accent, #00ffa3);border:1px solid rgba(0,255,163,.2);font-family:var(--font-mono);width:fit-content}.platform-bar-wrap{display:flex;flex-direction:column;gap:5px}.platform-bar-label{font-size:10px;color:var(--text-3, #4a5568);text-transform:uppercase;letter-spacing:.06em}.platform-bar-track{height:5px;border-radius:3px;background:var(--border);overflow:hidden;display:flex}.platform-bar-seg--easy{background:#00b8a3}.platform-bar-seg--medium{background:#ffa116}.platform-bar-seg--hard{background:#ff375f}.cf-rank-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:4px;border:1px solid;width:fit-content;font-family:var(--font-mono);letter-spacing:.04em}.platform-langs{display:flex;flex-wrap:wrap;gap:5px}.platform-lang-tag{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--blue-bg, rgba(91,156,246,.08));color:var(--blue, #5b9cf6);border:1px solid var(--blue-border, rgba(91,156,246,.2));font-family:var(--font-mono)}.dashboard{display:flex;flex-direction:column;gap:12px;animation:fadeUp .4s ease both}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;padding-bottom:16px;border-bottom:1px solid var(--border)}.dashboard-title{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--text-1)}.dashboard-meta{display:flex;align-items:center;gap:8px}.dashboard-badge{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:4px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--green-border);letter-spacing:.04em}.dashboard-top{display:grid;grid-template-columns:170px 1fr;gap:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .16s ease}.card:hover{border-color:var(--border-md)}.card--score{display:flex;align-items:center;justify-content:center;padding:24px 16px}@media (max-width: 600px){.dashboard-top{grid-template-columns:1fr}}.dashboard-badge--multi{background:#ffb54714;color:var(--amber, #ffb547);border-color:#ffb54733}.score-breakdown{display:flex;gap:8px;margin-top:8px;justify-content:center}.score-breakdown-item{font-size:11px;color:var(--text-3, #4a5568);font-family:var(--font-mono)}.score-breakdown-item strong{color:var(--text-2, #8892a4);font-weight:500}.compare-page{padding:2rem;max-width:1000px;margin:0 auto}.compare-header{margin-bottom:2rem;text-align:center}.compare-title{font-size:24px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.compare-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.compare-inputs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.compare-urls{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem}.vs-badge{font-size:13px;font-weight:600;color:var(--text-muted);padding-bottom:10px;text-align:center}.winner-banner{display:flex;align-items:center;gap:10px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:1.5rem;font-size:14px;color:var(--green)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.compare-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.compare-card--winner{border-color:var(--green);box-shadow:0 0 0 1px var(--green-border)}.compare-card-header{display:flex;flex-direction:column;gap:2px}.candidate-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.candidate-username{font-size:16px;font-weight:500;color:var(--text-primary)}.compare-score{display:flex;justify-content:center}.compare-section{display:flex;flex-direction:column;gap:8px}.compare-section-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.compare-section-label--green{color:var(--green)}.compare-section-label--red{color:var(--red)}.compare-reasoning{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.pills-row{display:flex;flex-wrap:wrap;gap:6px}.pill{font-size:12px;padding:4px 10px;border-radius:6px}.pill--green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.pill--red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}:root{--accent: #00ffa3;--accent-dim: rgba(0,255,163,.08);--accent-glow: rgba(0,255,163,.25);--blue: #4fa8ff;--amber: #ffb340;--bg: #080a0f;--bg-card: #0d1017;--bg-hover: rgba(255,255,255,.03);--border: rgba(255,255,255,.07);--border-md: rgba(255,255,255,.12);--green: #00ffa3;--green-border: rgba(0,255,163,.25);--text-1: #f0f4f8;--text-2: #8892a0;--text-3: #4a5568;--font-display: "Syne", sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 6px;--radius-lg: 12px;--transition: .2s ease}html,body{background:var(--bg);color:var(--text-1);font-family:var(--font-mono);font-size:14px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 28px var(--accent-glow),0 0 60px #00ffa31a}}@keyframes hexSpin{to{stroke-dashoffset:-240}}@keyframes ellipsis{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@keyframes barFill{0%{width:0}to{width:100%}}@keyframes ringPop{0%{transform:translate(-50%,-50%) scale(.6);opacity:.6}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@keyframes navSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes statIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glyphRotate{to{transform:rotate(360deg)}}@keyframes glyphRotateR{to{transform:rotate(-360deg)}}@keyframes dotPing{0%,to{opacity:1}50%{opacity:.3}}.particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.6}.cursor-glow{position:fixed;top:0;left:0;width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,163,.04) 0%,transparent 70%);pointer-events:none;z-index:1;transition:transform .12s ease;will-change:transform}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,255,163,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,163,.015) 1px,transparent 1px);background-size:40px 40px}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;z-index:2;opacity:0;transition:opacity .6s ease}.app--mounted{opacity:1}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:60px;border-bottom:1px solid var(--border);background:#080a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;animation:navSlide .5s ease both}.navbar:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow),transparent);opacity:.6}.navbar-brand{display:flex;align-items:center;gap:10px}.navbar-logo-img{height:38px;width:auto;object-fit:contain;filter:brightness(1.1)}.navbar-logo-text{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text-1);letter-spacing:-.02em}.navbar-nav{display:flex;align-items:center;gap:4px;position:absolute;left:50%;transform:translate(-50%)}.nav-btn{position:relative;padding:7px 22px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:12px;font-weight:700;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text-2);transition:all .2s ease;letter-spacing:.06em;text-transform:uppercase}.nav-btn:hover{color:var(--text-1);background:var(--bg-hover)}.nav-btn--active{color:var(--accent);background:var(--accent-dim);border-color:var(--green-border)}.nav-btn-indicator{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px var(--accent)}.navbar-status{display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:glowPulse 2s ease-in-out infinite}.status-text{font-size:11px;color:var(--text-3);font-family:var(--font-mono);letter-spacing:.04em}.app-grid{display:grid;grid-template-columns:380px 1fr;flex:1;min-height:calc(100vh - 60px)}.panel--left{border-right:1px solid var(--border);background:var(--bg-card);padding:28px 24px;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-md) transparent;animation:fadeIn .5s ease .1s both}.panel--right{background:var(--bg);padding:28px 40px;overflow-y:auto;animation:fadeIn .5s ease .2s both}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:20px;text-align:center;animation:fadeUp .6s ease .3s both}.empty-glyph{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.glyph-outer{animation:glyphRotate 20s linear infinite;transform-origin:40px 36px}.glyph-mid{animation:glyphRotateR 14s linear infinite;transform-origin:40px 36px}.glyph-inner{animation:glyphRotate 8s linear infinite;transform-origin:40px 36px}.glyph-core{animation:pulse 1.8s ease-in-out infinite}.glyph-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid var(--accent);animation:ringPop 2.4s ease-out infinite}.glyph-ring--1{width:80px;height:80px;animation-delay:0s;opacity:.3}.glyph-ring--2{width:110px;height:110px;animation-delay:1.2s;opacity:.15}.empty-title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--text-1);letter-spacing:-.03em}.empty-body{font-size:13px;color:var(--text-2);line-height:1.8;max-width:300px}.empty-features{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;min-width:320px;background:var(--bg-card)}.feature-row{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-2);padding:13px 16px;border-bottom:1px solid var(--border);transition:all .2s ease;opacity:0;animation:fadeUp .4s ease both;cursor:default}.feature-row:last-child{border-bottom:none}.feature-row:hover{background:var(--bg-hover);color:var(--text-1);padding-left:20px}.feature-arrow{margin-left:auto;color:var(--text-3);transition:all .2s ease;font-size:12px}.feature-row:hover .feature-arrow{color:var(--accent);transform:translate(3px)}.feature-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.feature-dot--green{background:var(--green);box-shadow:0 0 8px var(--green);animation:dotPing 2s ease-in-out infinite}.feature-dot--blue{background:var(--blue);box-shadow:0 0 8px var(--blue);animation:dotPing 2s ease-in-out infinite .4s}.feature-dot--amber{background:var(--amber);box-shadow:0 0 8px var(--amber);animation:dotPing 2s ease-in-out infinite .8s}.empty-stats{display:flex;gap:12px;margin-top:4px}.stat-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);animation:statIn .5s ease both;transition:all .2s ease}.stat-chip:nth-child(1){animation-delay:.6s}.stat-chip:nth-child(2){animation-delay:.75s}.stat-chip:nth-child(3){animation-delay:.9s}.stat-chip:hover{border-color:var(--green-border);background:var(--accent-dim);transform:translateY(-2px)}.stat-val{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--accent)}.stat-lbl{font-size:10px;color:var(--text-3);letter-spacing:.04em;white-space:nowrap}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:24px;animation:fadeIn .4s ease both}.loading-hex{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.loading-hex-path{animation:hexSpin 1.6s linear infinite;transform-origin:30px 30px}.loading-hex-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent),0 0 24px var(--accent-glow);animation:pulse 1s ease-in-out infinite}.loading-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-1);letter-spacing:-.02em;display:flex;align-items:baseline;gap:2px}.ellipsis-dots:after{content:"";animation:ellipsis 1.5s steps(4) infinite;color:var(--accent)}.loading-steps{display:flex;flex-direction:column;gap:10px;min-width:320px}.loading-step{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;font-size:11px;color:var(--text-3);font-family:var(--font-mono);opacity:0;transform:translate(-8px);transition:all .35s ease;letter-spacing:.02em}.loading-step--visible{opacity:1;transform:translate(0);color:var(--text-2)}.loading-step-index{color:var(--accent);font-weight:700;font-size:10px;opacity:.7}.loading-step-bar{height:2px;background:var(--border);border-radius:2px;overflow:hidden;width:100%}.loading-step-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--blue));border-radius:2px;width:0;animation:barFill .8s ease both}.loading-step-label{white-space:nowrap}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--transition),transform var(--transition)}.card:hover{border-color:var(--border-md);transform:translateY(-1px)}@media (max-width: 900px){.app-grid{grid-template-columns:1fr}.panel--left{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.panel--right{padding:20px 16px}.navbar-status{display:none}.navbar-nav{position:static;transform:none}.empty-stats{flex-wrap:wrap;justify-content:center}.cursor-glow{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Syne", sans-serif;--bg: #080a0f;--bg-card: #0e1117;--bg-input: #131720;--bg-hover: #181e2a;--border: rgba(255,255,255,.06);--border-md: rgba(255,255,255,.1);--border-focus: rgba(0,255,163,.4);--text-1: #f0f2f8;--text-2: #8892a4;--text-3: #4a5568;--accent: #00ffa3;--accent-dim: rgba(0,255,163,.08);--accent-glow: rgba(0,255,163,.15);--accent-dark: #00c87a;--green: #00ffa3;--green-bg: rgba(0,255,163,.08);--green-border: rgba(0,255,163,.2);--amber: #ffb547;--amber-bg: rgba(255,181,71,.08);--amber-border: rgba(255,181,71,.2);--red: #ff5c5c;--red-bg: rgba(255,92,92,.08);--red-border: rgba(255,92,92,.2);--blue: #5b9cf6;--blue-bg: rgba(91,156,246,.08);--blue-border: rgba(91,156,246,.2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--font-sans: var(--font-display);--font-mono: "JetBrains Mono", monospace;--transition: .16s ease}html{font-size:16px}body{font-family:var(--font-display);background:var(--bg);color:var(--text-1);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{position:relative;z-index:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}