:root{--background: #09090b;--surface: #0f0f12;--card: #151518;--border: #27272a;--border-hover: #3f3f46;--primary: #10b981;--primary-hover: #059669;--primary-glow: rgba(16, 185, 129, .15);--text: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #8b5cf6;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--background);color:var(--text);line-height:1.5;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(16,185,129,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.container{max-width:900px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.header{text-align:center;margin-bottom:2.5rem;padding-top:1rem}.header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b98126,#8b5cf61a);border:1px solid rgba(16,185,129,.25);border-radius:9999px;font-size:.8rem;font-weight:500;color:var(--primary);margin-bottom:1.25rem}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#fff 0%,var(--primary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:var(--text-secondary);font-size:1.05rem;max-width:600px;margin:0 auto}.progress-container{margin-bottom:2rem}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-muted);margin-top:.5rem;text-align:center}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:2rem;margin-bottom:1.5rem}.question-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.question-description{color:var(--text-secondary);margin-bottom:1.5rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.option-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:var(--card);border:2px solid var(--border);border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:center}.option-btn:hover{border-color:var(--border-hover);background:var(--surface)}.option-btn.selected{border-color:var(--primary);background:var(--primary-glow)}.option-icon{font-size:1.75rem}.option-label{font-weight:500;color:var(--text)}.nav-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.btn-primary{background:var(--primary);border:none;color:#000}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.results-container{flex:1}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.results-grid{grid-template-columns:1fr}}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.category-header{padding:1rem 1.25rem;background:var(--card);border-bottom:1px solid var(--border);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.tech-item{padding:1.25rem;border-bottom:1px solid var(--border)}.tech-item:last-child{border-bottom:none}.tech-item.recommended{background:var(--primary-glow)}.tech-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.tech-logo{font-size:1.5rem}.tech-name{font-weight:600;font-size:1.1rem;color:var(--text)}.recommended-badge{margin-left:auto;font-size:.7rem;padding:.25rem .5rem;background:var(--primary);color:#000;border-radius:9999px;font-weight:600}.tech-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-size:.75rem;padding:.25rem .5rem;background:var(--card);border:1px solid var(--border);border-radius:.25rem;color:var(--text-muted)}.tech-tag.pro{border-color:#10b9814d;color:var(--primary)}.tech-tag.con{border-color:#ef44444d;color:#ef4444}.restart-section{text-align:center;margin-top:2rem}.footer{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border);margin-top:4rem}.footer a{color:var(--primary);text-decoration:none;font-weight:500}.footer a:hover{text-decoration:underline}.mode-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.mode-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;color:var(--text-muted);font-weight:500;cursor:pointer;transition:all .2s}.mode-tab:hover{border-color:var(--border-hover);color:var(--text)}.mode-tab.active{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.api-key-section{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.api-key-header{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.provider-select{display:flex;gap:.5rem;margin-bottom:1rem}.provider-btn{padding:.5rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.provider-btn:hover{border-color:var(--border-hover)}.provider-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.api-key-input-group{display:flex;gap:.75rem;margin-bottom:.75rem}.input-wrapper{flex:1;position:relative}.api-key-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.9rem;font-family:monospace}.api-key-input:focus{outline:none;border-color:var(--primary)}.api-key-input::placeholder{color:var(--text-muted)}.toggle-visibility{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.toggle-visibility:hover{color:var(--text)}.api-key-saved{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--primary-glow);border:1px solid rgba(16,185,129,.3);border-radius:.5rem;margin-bottom:.75rem}.key-status{color:var(--primary);font-weight:500}.btn-text{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;text-decoration:underline}.btn-text:hover{color:#ef4444}.api-key-note{font-size:.8rem;color:var(--text-muted)}.config-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.config-label{font-size:.85rem;color:var(--text-muted);min-width:70px;display:flex;align-items:center}.config-row .provider-select{margin-bottom:0}.config-row .api-key-input-group{flex:1;margin-bottom:0}.config-row .api-key-saved{margin-bottom:0}.model-select{flex:1;padding:.625rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.9rem;cursor:pointer;transition:all .2s}.model-select:hover{border-color:var(--border-hover)}.model-select:focus{outline:none;border-color:var(--primary)}.model-select option{background:var(--card);color:var(--text)}.error-message{margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444;font-size:.9rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-summary{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#8b5cf61a,#10b9811a);border:1px solid rgba(139,92,246,.25);border-radius:1rem;margin-bottom:2rem}.ai-summary svg{color:var(--accent);flex-shrink:0;margin-top:.125rem}.ai-summary p{color:var(--text);font-size:1rem;line-height:1.6}.ai-card{border-color:#8b5cf64d}.ai-badge{background:var(--accent)}.tech-reason{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.alternatives{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.alt-label{font-size:.8rem;color:var(--text-muted)}.alt-tag{font-size:.75rem;padding:.25rem .5rem;background:var(--card);border:1px solid var(--border);border-radius:.25rem;color:var(--text-secondary)}.chat-container{display:flex;flex-direction:column}.chat-messages{padding:1rem 0;display:flex;flex-direction:column;gap:1rem;min-height:200px}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;color:var(--text-muted)}.chat-welcome svg{color:var(--accent);margin-bottom:1rem;opacity:.8}.chat-welcome h3{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.chat-welcome p{margin-bottom:1.5rem}.example-prompts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.example-prompts button{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:9999px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.example-prompts button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.chat-message{display:flex;gap:.75rem;padding:0 .5rem}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-message.user .message-avatar{background:var(--primary-glow);color:var(--primary)}.chat-message.assistant .message-avatar{background:#8b5cf626;color:var(--accent)}.message-content{max-width:80%;padding:1rem 1.25rem;border-radius:1rem;line-height:1.6}.chat-message.user .message-content{background:var(--primary);color:#000;border-bottom-right-radius:.25rem}.chat-message.assistant .message-content{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:.25rem}.message-content p{margin:0 0 .75rem}.message-content p:last-child{margin-bottom:0}.message-content strong{color:var(--text);font-weight:600}.message-content .md-list{margin:.5rem 0;padding-left:1.5rem}.message-content .md-list li{margin-bottom:.5rem;line-height:1.6}.message-content .md-list li:last-child{margin-bottom:0}.typing-indicator{display:flex;gap:4px;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-input-box{margin-top:1rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:.75rem 1rem}.input-top-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.input-bottom-row{display:flex;align-items:flex-end;gap:.75rem}.model-dropdown-wrapper{position:relative}.model-selector-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.model-selector-btn:hover{background:var(--card);color:var(--text)}.model-selector-btn svg:first-child{color:var(--accent)}.model-selector-btn .provider-label{color:var(--text-muted)}.model-selector-btn .model-label{color:var(--accent);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-selector-btn .rotate{transform:rotate(180deg)}.model-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;min-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 -4px 20px #0000004d;z-index:100;overflow:hidden}.dropdown-header{padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--card);border-bottom:1px solid var(--border)}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;text-align:left;transition:all .15s}.dropdown-item:hover{background:var(--card);color:var(--text)}.dropdown-item.active{background:var(--primary-glow);color:var(--primary)}.dropdown-item .check{color:var(--primary)}.settings-wrapper{position:relative}.settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.settings-btn:hover{background:var(--card);color:var(--text)}.settings-btn.needs-setup{color:#ef4444;animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.settings-panel{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 -4px 20px #0000004d;z-index:100;overflow:hidden}.settings-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--card);border-bottom:1px solid var(--border);font-weight:600;font-size:.9rem}.settings-header svg:first-child{color:var(--primary)}.settings-header .close-btn{margin-left:auto;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.settings-header .close-btn:hover{color:var(--text)}.settings-content{padding:1rem}.settings-row{margin-bottom:1rem}.settings-row:last-of-type{margin-bottom:.5rem}.settings-row label{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.provider-buttons{display:flex;gap:.5rem}.provider-buttons .provider-btn{flex:1;padding:.5rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.provider-buttons .provider-btn:hover{border-color:var(--border-hover)}.provider-buttons .provider-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.key-saved{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--primary-glow);border:1px solid rgba(16,185,129,.3);border-radius:.5rem}.key-saved span{color:var(--primary);font-size:.85rem;font-weight:500}.key-saved button{background:transparent;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-decoration:underline}.key-saved button:hover{color:#ef4444}.key-input-row{display:flex;gap:.5rem}.key-input-wrapper{flex:1;position:relative}.key-input-wrapper input{width:100%;padding:.5rem 2rem .5rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.85rem;font-family:monospace}.key-input-wrapper input:focus{outline:none;border-color:var(--primary)}.key-input-wrapper button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.key-input-row .save-btn{padding:.5rem .75rem;background:var(--primary);border:none;border-radius:.5rem;color:#000;font-size:.85rem;font-weight:500;cursor:pointer}.key-input-row .save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-note{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.chat-input{flex:1;background:transparent;border:none;color:var(--text);font-size:.95rem;font-family:inherit;resize:none;outline:none;line-height:1.5;max-height:150px}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.5}.send-btn{width:44px;height:44px;border-radius:50%;background:var(--primary);border:none;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444;font-size:.9rem;margin:0 .5rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0;margin-top:.5rem}.suggestion-chip{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:9999px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.suggestion-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.suggestion-chip:active{transform:scale(.97)}.ai-recommendations{margin-top:1rem}.results-grid.compact{grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:600px){.results-grid.compact{grid-template-columns:1fr}}.category-card.compact .category-header{padding:.75rem 1rem;font-size:.8rem}.category-card.compact .tech-item{padding:1rem}.category-card.compact .tech-name{font-size:1rem}.category-card.compact .tech-reason{font-size:.85rem;margin-bottom:.75rem}.follow-up-prompt{margin-top:1rem;padding:.75rem 1rem;background:#10b9811a;border-radius:.5rem;color:var(--primary);font-size:.9rem;font-style:italic}