body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{max-width:100%;overflow-x:hidden}*{box-sizing:border-box}@media (max-width:768px){.col,.container,.row,div{max-width:100%}}@tailwind base;@tailwind components;@tailwind utilities;.home-container{background:linear-gradient(to bottom right,#111827,#1f2937,#111827);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:space-between;max-width:100%;min-height:100vh;overflow-x:hidden;padding:20px}.home-container,.inner-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%}.inner-container{flex:1;justify-content:center;margin:0 auto;max-width:1200px;max-width:100%;min-height:calc(100vh - 80px);padding:2rem 0}.inner-container.showing-results{justify-content:flex-start;min-height:auto}.logo-container{cursor:pointer;margin-bottom:3rem;opacity:0;position:relative;text-align:center;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.logo-container:hover{transform:scale(1.05)}.logo-animated{opacity:1;transform:translateY(0)}.logo-wrapper{animation:pulse 2s infinite;display:inline-block;position:relative;z-index:1}.logo-glow{animation:glow 3s ease-in-out infinite alternate;background:radial-gradient(circle,#3b82f64d 0,#3b82f600 70%);border-radius:50%;filter:blur(10px);height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:0}.animated-logo{position:relative;transition:transform .3s ease;z-index:2}.logo-wrapper:hover .animated-logo{transform:scale(1.1) rotate(5deg)}@keyframes pulse{0%{box-shadow:0 0 0 0 #4299e166}70%{box-shadow:0 0 0 10px #4299e100}to{box-shadow:0 0 0 0 #4299e100}}@keyframes glow{0%{height:100%;opacity:.5;width:100%}to{height:120%;opacity:.8;width:120%}}.ai-badge{align-items:center;background:linear-gradient(90deg,#3182ce,#805ad5);border-radius:1rem;box-shadow:0 2px 10px #3182ce4d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:.25rem .75rem;position:relative}.ai-badge-pulse{background-color:#fff;border-radius:50%;display:block;height:8px;margin-right:8px;position:relative;width:8px}.ai-badge-pulse:before{animation:ai-pulse 2s infinite;background-color:#fffc;border-radius:50%;content:"";height:100%;position:absolute;width:100%}@keyframes ai-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(2.5)}to{opacity:0;transform:scale(1)}}.title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-top:1rem;text-align:center;transition:all .3s ease}.title:hover{letter-spacing:0;text-shadow:0 0 15px #4299e180}.title-arc{color:#3182ce}.title-revue{color:#2c5282}.subtitle{color:#d1d5db;font-size:1.125rem;margin-top:.75rem;text-align:center}.search-container{max-width:640px;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out;width:100%}.search-animated{opacity:1;transform:translateY(0)}.input-wrapper{border-radius:.75rem;box-shadow:0 4px 20px #0000001a;position:relative;transition:all .3s ease}.input-wrapper.focused{box-shadow:0 8px 30px #3b82f633;transform:scale(1.05)}.search-input{backdrop-filter:blur(5px);background-color:#1f2937b3;border:1px solid #374151;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;font-size:1.125rem;outline:none;padding:1.25rem 1.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.buttons-container{display:flex;gap:.75rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.clear-button{background-color:initial;border:none;border-radius:.5rem;color:#d1d5db;cursor:pointer;padding:.5rem;transition:background-color .2s ease}.clear-button:hover{background-color:#374151cc;color:#fff}.search-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.search-button-active{background-color:#2563eb;color:#fff}.search-button-active:hover{background-color:#3b82f6;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.search-button-inactive{background-color:#374151;color:#9ca3af;cursor:not-allowed}.ai-thinking{align-items:center;display:flex}.ai-dots{display:flex;margin-left:4px}.ai-dot{background-color:currentColor;border-radius:50%;height:4px;margin:0 2px;opacity:.7;width:4px}.ai-dot:first-child{animation:dot-fade 1.4s ease-in-out 0s infinite}.ai-dot:nth-child(2){animation:dot-fade 1.4s ease-in-out .2s infinite}.ai-dot:nth-child(3){animation:dot-fade 1.4s ease-in-out .4s infinite}@keyframes dot-fade{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ai-suggestion{align-items:center;animation:fade-in .5s ease-out;background-color:#3b82f61a;border-left:3px solid #3b82f6;border-radius:.5rem;display:flex;margin-top:1rem;padding:.75rem 1rem}.ai-suggestion-icon{color:#3b82f6;flex-shrink:0;margin-right:.75rem}.ai-suggestion p{color:#e2e8f0;font-size:.875rem;margin:0}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-tips{color:#9ca3af;font-size:.875rem;margin-top:1.5rem;text-align:center}.ai-enhanced-tag{align-items:center;animation:tag-pulse 2s infinite alternate;background:linear-gradient(90deg,#3182ce,#805ad5);border-radius:1rem;box-shadow:0 2px 10px #3182ce4d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;margin-left:1rem;padding:.25rem .75rem;vertical-align:middle}@keyframes tag-pulse{0%{box-shadow:0 2px 10px #3182ce4d}to{box-shadow:0 2px 15px #3182ce99}}.footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#111827b3;border-top:1px solid #ffffff1a;margin-top:auto;padding:1.5rem 0;position:relative;width:100%;z-index:10}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;max-width:1200px;padding:0 1rem}.copyright{color:#94a3b8;font-size:.875rem;margin:0;text-align:center}.developer-badge{align-items:center;background:linear-gradient(90deg,#3b82f61a,#7c3aed1a);border:1px solid #3b82f633;border-radius:2rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.developer-badge:hover{background:linear-gradient(90deg,#3b82f626,#7c3aed26);box-shadow:0 4px 15px #3b82f626;transform:translateY(-2px)}.developer-label{color:#94a3b8;font-size:.85rem}.developer-link{align-items:center;color:#60a5fa;display:inline-flex;font-size:.9rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.developer-link:after{background:linear-gradient(90deg,#60a5fa,#8b5cf6);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.developer-link:hover{color:#93c5fd}.developer-link:hover:after{width:100%}.developer-name{position:relative}.external-link-icon{margin-left:.35rem;transition:all .3s ease}.developer-link:hover .external-link-icon{opacity:1;transform:translate(2px,-2px)}@media (min-width:640px){.footer-content{flex-direction:row;justify-content:space-between}.developer-badge{margin-left:auto}}.back-to-search{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.back-button{border-radius:.5rem;font-weight:500;margin-bottom:1rem;transition:all .2s ease}.back-button:hover{transform:translateX(-5px)}.results-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;margin:.5rem 0 1.5rem}.animate-spin{animation:spin 1s linear infinite}.developer-credit{font-size:.85rem;margin-top:.5rem;opacity:.8;transition:opacity .3s ease}.developer-credit:hover{opacity:1}.developer-name{border-bottom:1px dotted;padding-bottom:1px}.external-link-icon{margin-left:4px;opacity:.7;vertical-align:middle}.developer-credit a{align-items:center;color:inherit;display:inline-flex;text-decoration:none}.developer-credit a:hover .external-link-icon{opacity:1}@media (max-width:768px){.home-container,.inner-container{padding:16px}.logo-container{margin-bottom:20px}.title{font-size:2.2rem}.subtitle{font-size:1rem;margin-top:8px}.search-container{max-width:100%;width:100%}.search-input{font-size:1rem;padding:12px 16px}.buttons-container button{padding:8px}.search-tips{font-size:.8rem;padding:8px 0}.back-to-search{align-items:flex-start;flex-direction:column;margin-bottom:16px}.results-title{font-size:1.2rem;margin-top:8px}.footer{padding:16px 0}.footer-content{flex-direction:column;gap:12px}.copyright,.developer-badge{font-size:.8rem}}@media (max-width:480px){.home-container{padding:12px 8px}.title{font-size:1.8rem}.ai-badge{font-size:.7rem;margin-top:12px}.search-input{padding:10px 14px}.results-title{font-size:1.1rem;max-width:100%;overflow-wrap:break-word}}@media (max-width:768px){.logo-animated{transform:scale(.9)}}@media (max-width:480px){.logo-animated{transform:scale(.8)}}.main-content-wrapper{align-items:center;box-sizing:border-box;display:flex;flex:1;flex-direction:column;justify-content:center;max-width:100%;overflow-x:hidden;width:100%}.search-mode-toggle{background:#ffffff14;border-radius:10px;display:flex;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:4px;width:fit-content}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 15px;transition:all .2s ease}.toggle-btn.active{background:#ffffff26;box-shadow:0 2px 8px #0000001a;color:#fff}.toggle-btn:hover:not(.active){background:#ffffff0d;color:#ffffffe6}.toggle-btn .icon{opacity:.8}.toggle-btn.active .icon{opacity:1}.search-mode-indicator{color:#fff9;font-size:12px;gap:6px;margin-top:8px}.mode-icon,.search-mode-indicator{align-items:center;display:flex;justify-content:center}.mode-label{font-weight:500}.ai-enhanced-tag.ai-question{background:linear-gradient(135deg,#8a2be2,indigo)}.search-tips .tips-heading{color:#ffffffb3;font-size:14px;margin-bottom:10px;text-align:center}.search-tips .tips-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.search-tips .tip-chip{background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffe6;cursor:pointer;font-size:13px;padding:8px 15px;transition:all .2s ease}.search-tips .tip-chip:hover{background:#ffffff26;transform:translateY(-1px)}.product-card{background:linear-gradient(145deg,#1e293b,#1a1f2e);border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0003;margin-bottom:24px;max-width:100%;overflow:hidden;position:relative;transition:all .3s ease}.product-card:hover{box-shadow:0 20px 30px -10px #0006,0 10px 15px -5px #0003;transform:translateY(-5px)}.card-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:24px;padding:24px}.product-image-container{flex-shrink:0;height:120px;position:relative;width:120px}.device-illustration,.product-image-container{align-items:center;display:flex;justify-content:center}.device-illustration{background:#0f172a4d;border-radius:16px;height:100%;overflow:hidden;transition:transform .3s ease;width:100%}.product-card:hover .device-illustration{transform:scale(1.05)}.brand-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:-8px;top:-8px;z-index:1}.device-type-badge{background:#0f172acc;border:1px solid #ffffff1a;border-radius:12px;bottom:-8px;color:#fffc;font-size:10px;font-weight:500;left:50%;padding:3px 8px;position:absolute;transform:translateX(-50%);z-index:1}.product-info{flex:1}.product-title{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 12px}.rating-container{margin-bottom:10px}.rating-container,.rating-stars{align-items:center;display:flex}.star-empty,.star-full,.star-half{margin-right:2px}.star-full{fill:#f59e0b}.star-half{fill:url(#half-gradient)}.star-empty{fill:#fff3}.rating-text{color:#f59e0b;font-weight:600;margin-left:8px}.review-count{color:#fff9;font-size:.875rem;margin-left:4px}.card-content{padding:24px}.section-title{align-items:center;color:#ffffffe6;display:flex;font-size:1rem;font-weight:600;margin:0 0 12px}.section-title:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:2px;content:"";display:inline-block;height:16px;margin-right:10px;width:3px}.summary-text{color:#fffc;font-size:.95rem;margin:0 0 20px}.details-section{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .3s ease}.details-section.visible{max-height:2000px;opacity:1}.pros-cons-container{background:#0f172a4d;border:1px solid #ffffff0d;border-radius:16px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:20px}@media (max-width:768px){.pros-cons-container{grid-template-columns:1fr}.card-header{flex-direction:column;text-align:center}.product-info{align-items:center;display:flex;flex-direction:column}}.cons-list,.pros-list{list-style:none;margin:0;padding:0}.con-item,.pro-item{color:#fffc;font-size:.9rem;margin-bottom:10px;padding-left:25px;position:relative}.con-icon,.pro-icon{font-weight:700;left:0;position:absolute;top:2px}.pro-icon{color:#10b981}.con-icon{color:#ef4444}.recommendation-section{border-top:1px solid #ffffff0d;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px;padding-top:24px}@media (max-width:768px){.recommendation-section{grid-template-columns:1fr}}.audience-text,.recommendation-text{background:#0f172a4d;border:1px solid #ffffff0d;border-radius:12px;color:#fffc;font-size:.9rem;line-height:1.6;margin:0;padding:16px}.expand-button{align-items:center;background:#0f172a80;border:none;border-top:1px solid #ffffff0d;color:#fffc;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;padding:14px;transition:background .2s ease;width:100%}.expand-button:hover{background:#0f172ab3}.expand-icon{fill:#fffc;margin-left:8px;transition:transform .3s ease}.expand-icon.rotated{transform:rotate(180deg)}svg{overflow:visible}svg defs{position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:fadeIn .5s ease forwards}@media (max-width:768px){.product-card{padding:16px}.product-card-header{margin-bottom:12px}.product-card-title{font-size:1.1rem}.product-card-actions{flex-direction:column;gap:8px}.product-card-action-button{min-height:44px;padding:12px;width:100%}}.ai-recommendation-cta{display:flex;justify-content:center;margin:2rem 0}.recommendation-toggle-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:.75rem;box-shadow:0 4px 15px #4f46e54d,0 0 0 0 #4f46e5b3;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.6rem;justify-content:center;overflow:hidden;padding:.8rem 1.8rem;position:relative;transition:all .3s ease}.recommendation-toggle-button:hover{box-shadow:0 7px 20px #4f46e559,0 0 0 10px #4f46e500;transform:translateY(-3px) scale(1.03)}.recommendation-toggle-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.recommendation-toggle-button:hover:before{left:100%}.recommendation-toggle-button:after{content:""}.ai-icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.recommendation-toggle-button:hover .ai-icon{transform:rotate(-10deg) scale(1.1)}.ai-recommendation-container{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:#1e1e2ed9;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 12px 35px #0000004d,inset 0 1px 0 #ffffff0d;color:#e2e8f0;margin:2rem auto;max-width:800px;opacity:0;padding:1.5rem 2rem;position:relative;transform:translateY(30px) scale(.98);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94)}.ai-recommendation-container.animate-in{opacity:1;transform:translateY(0) scale(1)}.ai-recommendation-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.ai-recommendation-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#e2e8f0,#fff);-webkit-background-clip:text;background-clip:text;color:#f8fafc;font-size:1.5rem;font-weight:600;margin:0}.recommendation-close-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.recommendation-close-button:hover{background:#ffffff1a;border-color:#fff3;color:#f8fafc;transform:rotate(90deg) scale(1.1)}.ai-recommendation-info{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;padding:0 1rem;text-align:center}.ai-recommendation-form{margin:0 auto;max-width:700px;padding:1rem 0;width:100%}.ai-input-group{margin-bottom:1.5rem;width:100%}.ai-input-group label{color:#a5b4fc;display:block;font-size:.85rem;font-weight:500;letter-spacing:.8px;margin-bottom:.75rem;opacity:.8;text-align:center;text-transform:uppercase}.ai-textarea{background:linear-gradient(#111827b3,#111827b3) padding-box,linear-gradient(135deg,#7c3aed66,#4f46e533) border-box;border:1px solid #0000;border-radius:.75rem;box-shadow:inset 0 2px 4px #0003;box-sizing:border-box;color:#f1f5f9;max-width:100%;min-height:140px;padding:1rem 1.2rem;transition:all .3s ease}.ai-textarea:focus{background:linear-gradient(#111827e6,#111827e6) padding-box,linear-gradient(135deg,#7c3aedb3,#4f46e580) border-box;box-shadow:inset 0 2px 4px #0003,0 0 15px #7c3aed33}.ai-textarea::placeholder{color:#6b7280;font-style:normal;opacity:.7}.ai-thinking-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem 1rem;text-align:center}.ai-thinking-animation{margin-bottom:1.5rem}.ai-brain-pulse{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.ai-brain-icon{animation:brain-float 3s ease-in-out infinite;color:#a78bfa;height:60px;position:relative;width:60px;z-index:1}.ai-brain-pulse:after,.ai-brain-pulse:before{background:radial-gradient(circle,#a78bfa4d 0,#a78bfa00 70%);border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.ai-brain-pulse:before{animation:pulse-outer 2s ease-out infinite;height:100%;width:100%}.ai-brain-pulse:after{animation:pulse-inner 2s ease-out .5s infinite;height:80%;width:80%}@keyframes brain-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-outer{0%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes pulse-inner{0%{opacity:.4;transform:translate(-50%,-50%) scale(.7)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.ai-thinking-title{color:#e2e8f0;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.ai-thinking-stages{align-items:flex-start;display:flex;flex-direction:column;gap:.8rem;max-width:350px;width:100%}.ai-thinking-stage{align-items:center;display:flex;gap:.8rem;opacity:.5;transform:translateX(-10px);transition:opacity .4s ease,transform .4s ease;width:100%}.ai-thinking-stage.active{opacity:1;transform:translateX(0)}.ai-stage-indicator{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.ai-stage-dot{background-color:#6b7280;border-radius:50%;height:8px;width:8px}.ai-stage-spinner{animation:spin .8s linear infinite;border:2px solid #a78bfa;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.ai-stage-check{color:#4ade80;height:18px;width:18px}.ai-stage-text{color:#cbd5e1;font-size:.95rem;transition:color .3s ease}.ai-thinking-stage.active .ai-stage-text{color:#f1f5f9}.ai-thinking-stage.current .ai-stage-text{font-weight:500}.ai-recommendation-result{animation:fade-in-result .6s ease-out;padding:1rem 0}@keyframes fade-in-result{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.recommendation-result-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.8rem}.recommendation-result-header h3{color:#f8fafc;font-size:1.3rem;font-weight:600;margin:0}.recommendation-badge{align-items:center;background:linear-gradient(135deg,#a78bfa,#f472b6);border-radius:1rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.recommendation-badge:before{content:"✨"}.ai-recommendation-advice,.ai-recommendation-reason{background-color:#11182799;border:1px solid #ffffff1a;border-radius:.75rem;box-shadow:0 3px 8px #0003;margin-bottom:1.5rem;overflow:hidden;padding:1.2rem 1.5rem;position:relative}.ai-recommendation-advice:before,.ai-recommendation-reason:before{background:linear-gradient(90deg,#a78bfa,#f472b6);content:"";height:2px;left:0;opacity:.7;position:absolute;top:0;width:100%}.ai-recommendation-advice h4,.ai-recommendation-reason h4{align-items:center;color:#f1f5f9;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .8rem}.advice-icon,.reason-icon{color:#a78bfa;flex-shrink:0}.ai-recommendation-advice p,.ai-recommendation-reason p{color:#cbd5e1;font-size:.95rem;line-height:1.7;margin:0}.ai-recommendation-card{background-color:initial;border:none;border-radius:0;box-shadow:none;margin:2rem 0;overflow:visible;transition:transform .3s ease}.ai-recommendation-card:hover{transform:scale(1.02)}.ai-button-group{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;padding-top:1rem}.ai-back-button,.ai-clear-button,.ai-search-button{align-items:center;border:none;border-radius:.6rem;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:.7rem 1.5rem;transition:all .25s ease}.button-icon{height:16px;width:16px}.ai-search-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 10px #6366f14d}.ai-search-button:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 7px 15px #6366f159;transform:translateY(-2px) scale(1.02)}.ai-search-button:disabled{box-shadow:none;opacity:.6;transform:none}.ai-back-button,.ai-clear-button{background-color:#ffffff14;border:1px solid #ffffff26;color:#cbd5e1}.ai-back-button:hover:not(:disabled),.ai-clear-button:hover:not(:disabled){background-color:#ffffff26;border-color:#ffffff40;color:#f1f5f9;transform:translateY(-1px)}.ai-back-button:disabled,.ai-clear-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-clear-button .button-icon{color:#f87171}.ai-back-button .button-icon{color:#9ca3af}.ai-button-spinner{animation:spin .8s linear infinite;height:16px;margin-right:.5rem;width:16px}.product-selection-container{animation:fade-in-content .5s ease-out;padding:1rem 0}@keyframes fade-in-content{0%{opacity:0}to{opacity:1}}.product-selection-container h3{color:#f8fafc;font-size:1.3rem;font-weight:600;margin:0 0 1rem;text-align:center}.selection-instruction{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.product-selection-count{align-items:center;background:#111827b3;border:1px solid #ffffff1a;border-radius:.75rem;box-shadow:0 2px 6px #0003;display:flex;gap:1rem;justify-content:center;margin:1rem auto 1.5rem;max-width:400px;padding:.8rem 1.5rem}.selection-count-badge{color:#e2e8f0;font-size:.9rem;font-weight:600}.product-type-badge{align-items:center;background:linear-gradient(135deg,#a78bfa,#f472b6);border-radius:1rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;padding:.3rem .8rem}.product-type-filter{background-color:#11182780;border:1px solid #ffffff1a;border-radius:.75rem;margin:1.5rem 0;padding:1.2rem}.product-type-instruction{color:#cbd5e1;font-size:.95rem;font-weight:500;margin:0 0 1rem;text-align:center}.product-type-tags{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.product-type-tag{background-color:#ffffff14;border:1px solid #ffffff26;border-radius:1rem;box-shadow:0 1px 2px #0000001a;color:#a5b4fc;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.product-type-tag:hover{background-color:#6366f1;border-color:#6366f1;box-shadow:0 4px 8px #6366f133;color:#fff;transform:translateY(-2px) scale(1.03)}.product-selection-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:1.5rem 0;max-height:450px;overflow-y:auto;padding:.5rem}.product-selection-grid::-webkit-scrollbar{width:8px}.product-selection-grid::-webkit-scrollbar-track{background:#11182780;border-radius:4px}.product-selection-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.product-selection-grid::-webkit-scrollbar-thumb:hover{background:#fff6}.product-selection-item{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;cursor:pointer;display:flex;overflow:hidden;padding:.8rem 1rem;position:relative;transition:all .25s ease}.product-selection-item:hover{background-color:#ffffff1a;border-color:#fff3;box-shadow:0 5px 10px #00000026;transform:translateY(-3px)}.product-selection-item:after{background-color:#6366f1;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:center;transition:transform .25s ease;width:4px}.product-selection-item.selected{background-color:#6366f126;border-color:#6366f180}.product-selection-item.selected:after{transform:scaleY(1)}.product-selection-checkbox{align-items:center;background-color:initial;border:2px solid #ffffff4d;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:1rem;transition:all .2s ease;width:20px}.checkbox-empty{background-color:#ffffff1a;border-radius:50%;height:10px;transition:all .2s ease;width:10px}.product-selection-item:hover .checkbox-empty{background-color:#fff3}.product-selection-item.selected .product-selection-checkbox{background-color:#6366f1;border-color:#6366f1;color:#fff}.checkbox-icon{height:14px;opacity:0;transform:scale(.5);transition:all .2s ease;width:14px}.product-selection-item.selected .checkbox-icon{opacity:1;transform:scale(1)}.product-selection-info{flex:1}.product-selection-name{color:#f1f5f9;font-size:1rem;font-weight:500;margin-bottom:.3rem}.product-selection-brand{color:#94a3b8;font-size:.85rem;margin-bottom:.4rem}.product-selection-type{background-color:#6366f11a;border:1px solid #6366f14d;border-radius:.8rem;color:#a5b4fc;display:inline-block;font-size:.75rem;font-weight:500;margin-top:.3rem;padding:.2rem .6rem}.product-selection-actions{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.5rem;padding-top:1rem}.ai-error{align-items:center;animation:shake .5s ease-in-out;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:.6rem;color:#fecaca;display:flex;font-size:.9rem;gap:.8rem;margin:1rem 0;padding:.8rem 1.2rem}.ai-error-icon{color:#ef4444;flex-shrink:0;height:20px;width:20px}.ai-error p{margin:0}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@media (max-width:768px){.ai-recommendation-container{margin:1rem;padding:1rem 1.2rem}.product-selection-grid{grid-template-columns:1fr}.ai-button-group{flex-direction:column;gap:.6rem}.ai-back-button,.ai-clear-button,.ai-search-button{width:100%}.ai-recommendation-header h2{font-size:1.2rem}.recommendation-close-button{height:32px;width:32px}.product-type-tags{gap:.5rem}.product-selection-count{flex-direction:column;gap:.5rem;padding:.6rem 1rem}.ai-thinking-stages{max-width:90%}}.ai-recommendation-form-container{align-items:center;display:flex;flex-direction:column;width:100%}.ai-filter-container{background-color:#f9f9f9;border-radius:1rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.ai-filter-title{color:#333;margin-bottom:1.5rem;text-align:center}.ai-filter-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a6cf7,#24c6dc);-webkit-background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:.75rem}.ai-filter-title p{color:#666;font-size:1.1rem;margin:0 auto;max-width:700px}.ai-search-form{gap:1.5rem;margin-bottom:2rem}.ai-input-group,.ai-search-form{display:flex;flex-direction:column}.ai-input-group{gap:.5rem;position:relative}.ai-input-group label{color:#444;font-size:1rem;font-weight:600}.ai-textarea{border:2px solid #ddd;border-radius:.5rem;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;transition:border-color .2s;width:100%}.ai-textarea:focus{border-color:#4a6cf7;outline:none}.ai-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.ai-character-count{background-color:#fffc;border-radius:.25rem;bottom:.5rem;color:#999;font-size:.8rem;padding:.1rem .4rem;position:absolute;right:.75rem}.ai-filters-row{display:flex;flex-wrap:wrap;gap:1rem}.ai-filter-select{background-color:#fff;border:2px solid #ddd;border-radius:.5rem;flex:1;font-size:1rem;min-width:150px;padding:.75rem}.ai-filter-select:focus{border-color:#4a6cf7;outline:none}.ai-filter-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.ai-button-group{gap:1rem;margin-top:1rem}.ai-button-group,.ai-search-button{display:flex;justify-content:center}.ai-search-button{align-items:center;background:linear-gradient(135deg,#4a6cf7,#24c6dc);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.ai-search-button:disabled{background:#ccc;cursor:not-allowed}.ai-search-button:not(:disabled):hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.ai-clear-button{background:#f8f8f8;border:1px solid #ddd;border-radius:.5rem;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:background-color .2s}.ai-clear-button:not(:disabled):hover{background-color:#f0f0f0}.ai-clear-button:disabled{color:#999;cursor:not-allowed}.ai-button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1.2rem;width:1.2rem}.ai-explanation{background-color:#f0f7ff;border-left:4px solid #4a6cf7;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1.5rem;position:relative}.ai-explanation h3{color:#333;margin-bottom:.75rem;margin-top:0}.ai-explanation p{color:#555;line-height:1.6;margin:0}.ai-explanation:before{background:linear-gradient(135deg,#4a6cf7,#24c6dc);border-radius:12px;color:#fff;content:"AI";font-size:.8rem;font-weight:700;left:-10px;padding:4px 8px;position:absolute;top:-10px}.ai-results-info{color:#666;margin-bottom:1.5rem;text-align:center}.ai-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.ai-loading p{color:#666;font-size:.9rem}.ai-loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#4a6cf7;border-radius:50%;height:40px;width:40px}.ai-error{background-color:#fff0f0;border-left:4px solid #e74c3c;color:#c0392b;margin:1.5rem 0}.ai-error,.ai-warning{border-radius:0 .5rem .5rem 0;padding:1rem 1.5rem}.ai-warning{background-color:#fffbeb;border-left:4px solid #f59e0b;color:#b45309;margin:1rem 0 1.5rem}.ai-no-results{background-color:#f5f7fa;border-radius:.5rem;color:#666;margin:1.5rem 0;padding:2rem;text-align:center}.ai-no-results p:first-child{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}@media (max-width:768px){.ai-filter-container{padding:1.5rem}.ai-filters-row{flex-direction:column}.ai-filter-select{width:100%}.ai-filter-title h1{font-size:1.8rem}.ai-button-group{flex-direction:column}.ai-clear-button,.ai-search-button{width:100%}}:root{--primary-gradient-start:#3b82f6;--primary-gradient-end:#8b5cf6;--bg-dark-primary:#1a1f2e;--bg-dark-secondary:#1e293b;--bg-card-subtle:#1e293b99;--text-primary:#ffffffe6;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--border-color:#ffffff1a;--border-color-subtle:#ffffff0d;--focus-ring-color:#3b82f64d;--error-gradient-start:#ef4444;--error-gradient-end:#f87171;--card-border-radius:16px;--button-border-radius:12px}.product-grid-container{box-sizing:border-box;color:var(--text-primary);margin:0 auto;max-width:100%;overflow-x:hidden;padding:24px;width:100%}.filters-container{background:linear-gradient(145deg,var(--bg-dark-secondary),var(--bg-dark-primary));border:1px solid var(--border-color-subtle);border-radius:var(--card-border-radius);box-shadow:0 8px 20px #0003;margin-bottom:28px;padding:28px}.filters-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;margin:0 0 24px}.filters-title:before{background:linear-gradient(to bottom,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:2px;content:"";display:inline-block;height:20px;margin-right:12px;width:4px}.filters-form{align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-input,.filter-select{background-color:#0f172a99;border:1px solid var(--border-color);border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--text-primary);font-size:.9rem;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.filter-input:focus,.filter-select:focus{border-color:var(--primary-gradient-start);box-shadow:0 0 0 3px var(--focus-ring-color);outline:none}.filter-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.clear-filters-btn{background:linear-gradient(to right,var(--primary-gradient-start),var(--primary-gradient-end));border:none;border-radius:var(--button-border-radius);box-sizing:border-box;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;height:45px;padding:12px 20px;transition:all .2s ease}.clear-filters-btn:hover:not(:disabled){box-shadow:0 4px 10px #3b82f640;opacity:.9;transform:translateY(-1px)}.clear-filters-btn:disabled{background:#37415180;box-shadow:none;color:var(--text-muted);cursor:not-allowed;transform:none}.results-info{background:var(--bg-card-subtle);border:1px solid var(--border-color-subtle);border-radius:var(--button-border-radius);color:var(--text-secondary);font-size:.875rem;margin-bottom:24px;padding:12px 16px}.web-search-result{box-sizing:border-box;margin:0 auto 28px;max-width:100%;overflow:hidden;padding:0}.web-search-header,.web-search-result{align-items:center;display:flex;flex-direction:column;width:100%}.web-search-header{margin-bottom:20px;text-align:center}.web-search-icon{color:var(--primary-gradient-start);height:48px;margin-bottom:12px;opacity:.8;width:48px}.web-search-title{color:var(--text-primary);font-size:clamp(1.4rem,4vw,1.75rem);font-weight:600;line-height:1.3;margin:0}.search-summary-container{background:linear-gradient(145deg,var(--bg-dark-secondary),var(--bg-dark-primary));border:1px solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:0 10px 30px #00000040;box-sizing:border-box;color:var(--text-primary);max-width:800px;overflow:hidden;padding:clamp(1.25rem,4vw,2rem);position:relative;transition:all .3s ease;width:100%}.summary-header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:1rem}.summary-header,.summary-icon{align-items:center;display:flex}.summary-icon{flex-shrink:0;justify-content:center;margin-right:1rem}.summary-icon svg{color:var(--primary-gradient-start);height:24px;width:24px}.summary-title{color:var(--text-primary);font-family:inherit;font-size:clamp(1.1rem,3vw,1.25rem);font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0}.summary-content{box-sizing:border-box;font-family:inherit;font-size:clamp(.95rem,2.5vw,1rem);line-height:1.7;margin-bottom:1.5rem;overflow-wrap:break-word;padding:0;width:100%;word-break:break-word}.summary-content,.summary-content .formatted-content{color:var(--text-secondary)}.summary-content .formatted-content p{margin-bottom:1em}.summary-content .formatted-content a{color:var(--primary-gradient-start);text-decoration:underline;text-decoration-color:#3b82f680;transition:color .2s ease,text-decoration-color .2s ease}.summary-content .formatted-content a:hover{color:#60a5fa;text-decoration-color:#60a5fa}.summary-content .formatted-content b,.summary-content .formatted-content strong{color:var(--text-primary);font-weight:600}.summary-content .formatted-content h1,.summary-content .formatted-content h2,.summary-content .formatted-content h3,.summary-content .formatted-content h4,.summary-content .formatted-content h5,.summary-content .formatted-content h6{color:var(--text-primary);font-weight:600;line-height:1.3;margin-bottom:.75em;margin-top:1.5em}.summary-content .formatted-content ol,.summary-content .formatted-content ul{margin-bottom:1em;margin-left:1.5rem;padding-left:.5rem}.summary-content .formatted-content li{margin-bottom:.5em;padding-left:.25rem}.summary-content .formatted-content ul li::marker{color:var(--primary-gradient-start)}.summary-content .formatted-content blockquote{border-left:3px solid var(--primary-gradient-start);color:var(--text-muted);font-style:italic;margin:1em 0;padding-left:1rem}.summary-content .formatted-content code{background:#0000004d;border-radius:4px;color:var(--text-secondary);font-family:Courier New,Courier,monospace;font-size:.9em;padding:.2em .4em}.summary-content .formatted-content pre{background:#0000004d;border-radius:8px;font-size:.9em;margin-bottom:1em;overflow-x:auto;padding:1rem}.summary-content .formatted-content pre code{background:#0000;color:var(--text-secondary);font-size:inherit;padding:0}.summary-content .formatted-summary{color:inherit;font-size:inherit;line-height:inherit}.summary-paragraph{color:var(--text-primary);margin-bottom:1.25rem}.summary-list{list-style:none;margin-left:0;padding-left:0}.summary-list-item{align-items:flex-start;margin-bottom:.8rem;padding-left:0}.list-bullet{color:var(--primary-gradient-start);flex-shrink:0;font-size:1rem;font-weight:700;margin-right:.75rem;padding-top:.1em}.list-content{color:var(--text-secondary);flex:1}.summary-footer{align-items:center;border-top:1px solid var(--border-color);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;justify-content:space-between;margin-top:1rem;padding-top:1rem}.summary-badge{background-color:#3b82f626;border-radius:20px;color:var(--primary-gradient-start);font-family:inherit;font-weight:500;letter-spacing:.02em;padding:4px 10px}.summary-timestamp{font-style:normal;opacity:.8}.primary-button.back-to-products{background:linear-gradient(to right,var(--primary-gradient-start),var(--primary-gradient-end));border:none;border-radius:var(--button-border-radius);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;margin-top:1.5rem;max-width:100%;padding:12px 24px;transition:all .2s ease;width:auto}.primary-button.back-to-products:hover{box-shadow:0 4px 10px #3b82f640;opacity:.9;transform:translateY(-1px)}.products-grid{display:grid;gap:24px;grid-template-columns:1fr;margin-top:28px}.no-results{align-items:center;background:var(--bg-card-subtle);border:1px dashed var(--border-color);border-radius:var(--card-border-radius);color:var(--text-secondary);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:250px;padding:40px 20px;text-align:center}.no-results svg{color:var(--primary-gradient-start);height:64px;margin-bottom:20px;opacity:.5;width:64px}.no-results h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:12px}.no-results p{font-size:.9rem;line-height:1.6;margin-bottom:8px;max-width:400px}.no-results p:last-of-type{margin-bottom:24px}.reset-search-btn{background:linear-gradient(to right,var(--primary-gradient-start),var(--primary-gradient-end));border:none;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.reset-search-btn:hover{box-shadow:0 4px 10px #3b82f640;opacity:.9;transform:translateY(-1px)}.error-container,.loading-container{align-items:center;background:var(--bg-card-subtle);border:1px solid var(--border-color-subtle);border-radius:var(--card-border-radius);color:var(--text-secondary);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;margin-top:20px;min-height:250px;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff1a;border-top:3px solid var(--primary-gradient-start);height:40px;margin-bottom:16px;width:40px}.error-container svg{color:var(--error-gradient-start);height:48px;margin-bottom:16px;opacity:.7;width:48px}.error-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--error-gradient-start),var(--error-gradient-end));-webkit-background-clip:text;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:12px}.error-container p{font-size:.9rem;line-height:1.6;margin-bottom:20px;max-width:400px}.retry-button{background:linear-gradient(to right,var(--error-gradient-start),var(--error-gradient-end));border:none;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.retry-button:hover{box-shadow:0 4px 10px #ef444440;opacity:.9;transform:translateY(-1px)}@media (min-width:640px){.products-grid{gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.filters-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (min-width:768px){.product-grid-container{padding:32px}.clear-filters-btn,.primary-button.back-to-products{width:auto}}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.filters-form{gap:24px;grid-template-columns:repeat(3,1fr) auto}}@media (min-width:1280px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:480px){.product-grid-container{padding:16px}.filters-container{border-radius:12px;padding:20px}.filters-title{font-size:1.1rem;margin-bottom:16px}.filters-form{gap:16px;grid-template-columns:1fr}.clear-filters-btn{width:100%}.web-search-title{font-size:1.3rem}.search-summary-container{padding:1rem}.summary-title{font-size:1.05rem}.summary-content{font-size:.9rem}.summary-footer{font-size:.75rem}.primary-button.back-to-products{font-size:.9rem;padding:14px;width:100%}}@media (max-width:768px){.formatted-summary{font-size:.95rem;line-height:1.5}.summary-paragraph{margin-bottom:12px}.summary-list-item{margin-bottom:8px;padding-left:0}.list-bullet{margin-right:8px}}@media (max-width:480px){.formatted-summary{font-size:.9rem;padding:0 .25rem}.summary-paragraph{margin-bottom:10px}a,h1,h2,h3,h4,h5,h6,li,p{max-width:100%;overflow-wrap:break-word;word-break:break-word}}.formatted-summary{word-wrap:break-word;hyphens:auto;word-break:break-word}.formatted-summary,.summary-link,.summary-paragraph{max-width:100%;overflow-wrap:break-word}.summary-link{display:inline-block;word-break:break-all}.summary-list-item{display:flex;flex-wrap:wrap;width:100%}.formatted-summary-content{word-wrap:break-word;color:#e0e0e0;font-size:1rem;line-height:1.7;text-align:left}.formatted-summary-content p{color:#e0e0e0;margin-bottom:1.25em}.formatted-summary-content p:last-child{margin-bottom:0}.formatted-summary-content strong{color:#fff;font-weight:600}.formatted-summary-content a{border-bottom:1px solid #8ab4f866;color:#8ab4f8;font-weight:500;text-decoration:none;transition:color .2s ease,border-color .2s ease}.formatted-summary-content a:hover{border-bottom-color:#a8c7fab3;color:#a8c7fa}.formatted-summary-content a .external-link-icon{stroke:#8ab4f8}.formatted-summary-content a:hover .external-link-icon{stroke:#a8c7fa}.formatted-summary-content a .external-link-icon{display:inline-block;height:.8em;margin-left:4px;opacity:.7;transition:opacity .2s ease;vertical-align:middle;width:.8em}.formatted-summary-content a:hover .external-link-icon{opacity:1}.tech-answer-container{color:#fff;margin:0 auto;max-width:800px;padding:1rem}.back-nav{margin-bottom:1rem}.back-button{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.back-button:hover{background:#fff3}.back-button svg{stroke:#fff}.answer-title{align-items:center;display:flex;flex-wrap:wrap;font-size:1.5rem;gap:.75rem;margin-bottom:1.5rem}.answer-title span{color:#70b5ff}.ai-tag{align-items:center;background:#4b6bff;border-radius:1rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.answer-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;box-shadow:0 4px 20px #0003;margin-bottom:1.5rem;padding:1.5rem}.answer-content{box-sizing:border-box;width:100%}.answer-content p{margin-bottom:1rem}.answer-content h3{margin-bottom:.75rem;margin-top:1.5rem}.raw-answer-text{background:#fff;color:#000;font-size:1.1rem;line-height:1.7;padding:.5rem 0}.raw-answer-text p{color:#000!important;margin-bottom:1.25rem}.no-answer{color:#a0a0a0;font-style:italic}.answer-source{border-top:1px solid #ffffff26;color:#b0b0b0;font-size:.9rem;margin-top:1.5rem;padding-top:1rem}.answer-source strong{color:#d0d0d0;margin-right:.5em}.answer-source a{border-bottom:1px solid #0000;color:#8ab4f8;text-decoration:none;transition:border-color .2s ease}.answer-source a:hover{border-bottom-color:#8ab4f880}.answer-source a svg{display:inline-block;height:.8em;margin-left:4px;opacity:.7;vertical-align:middle;width:.8em}.answer-footer{display:flex;flex-direction:column;gap:1rem}.disclaimer{align-items:flex-start;background:#ffc10733;border-radius:.5rem;color:#ffffffe6;display:flex;font-size:.875rem;font-style:italic;gap:.5rem;padding:.75rem 1rem}.disclaimer svg{stroke:#ffc107;margin-top:.125rem;min-width:16px}.action-buttons{display:flex;gap:.75rem}.primary-button{align-items:center;background:#4b6bff;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem}.primary-button:hover{background:#3b5bef}.tech-answer-container.loading{align-items:center;display:flex;justify-content:center;min-height:300px}.loading-animation{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.loading-spinner{animation:spin 1s linear infinite;border:.25rem solid #fff3;border-radius:50%;border-top-color:#4b6bff;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.tech-answer-container.error .answer-error-card,.tech-answer-container.unsupported .answer-error-card{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.answer-error-card svg{stroke:#f44336}.answer-error-card h2,.answer-error-card h3{color:#fff;margin:0}.answer-error-card p{color:#fffc;margin:0}.question-suggestions{list-style-type:none;padding:0;text-align:left;width:100%}.question-suggestions li{background:#ffffff1a;border-radius:.25rem;color:#fff;margin-bottom:.5rem;padding:.75rem}.formatted-summary{font-size:1.0625rem!important;line-height:1.7!important}.formatted-summary p{margin-bottom:1.25rem!important}.formatted-summary h3{color:#333!important;font-size:1.25rem!important;margin-bottom:.875rem!important;margin-top:1.75rem!important}.formatted-summary ol,.formatted-summary ul{margin-bottom:1.25rem!important;padding-left:1.5rem!important}.formatted-summary li{margin-bottom:.5rem!important}.formatted-summary strong{color:#1a1a1a!important}.answer-content:has(.raw-answer-text p) .formatted-summary{display:none}@media (max-width:768px){.answer-title{font-size:1.25rem}.answer-card{padding:1.25rem}.action-buttons{flex-direction:column}}.debug-data-inline{background:#333;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-size:10px;margin-top:15px;max-height:150px;overflow:auto;padding:8px;text-align:left;white-space:pre-wrap;word-break:break-all}.youtube-transcriber{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1000px;padding:20px}.transcriber-header{margin-bottom:20px;text-align:center}.transcriber-header h2{color:#333;margin-bottom:15px}.tabs{border-bottom:1px solid #eee;display:flex;justify-content:center;margin-bottom:20px}.tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;margin:0 5px;padding:10px 20px;transition:all .3s ease}.tabs button.active{border-bottom-color:#06c;color:#06c;font-weight:600}.error-message{background-color:#ffebee;border-left:4px solid #c62828;border-radius:4px;color:#c62828;padding:10px}.error-message,.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#06c;outline:none}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.video-preview{margin:20px 0;text-align:center}.video-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%}button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}button:hover{background-color:#05a}button:disabled{background-color:#ccc;cursor:not-allowed}.secondary-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.secondary-button:hover{background-color:#e5e5e5}.button-group{display:flex;justify-content:space-between;margin-top:20px}.transcription-result{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-top:30px;padding:20px}.transcription-result h3{color:#333;margin-bottom:15px}.transcription-text{background-color:#fff;border:1px solid #eee;border-radius:4px;line-height:1.6;max-height:400px;overflow-y:auto;padding:15px;white-space:pre-wrap}.step-indicator{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.step-indicator:before{background-color:#eee;content:"";height:2px;left:0;position:absolute;right:0;top:15px;z-index:1}.step{background-color:#fff;border:2px solid #eee;border-radius:20px;color:#999;font-weight:500;padding:5px 10px;position:relative;z-index:2}.step.active{border-color:#06c;color:#06c;font-weight:600}.save-summary,.summary-preview{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:20px}.summary-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin:20px 0;padding:20px}.summary-card h4{color:#333;font-size:20px;margin-bottom:10px}.summary-meta{color:#666;font-size:14px;margin-bottom:15px}.summary-text{line-height:1.6;margin-bottom:20px}.summary-section{margin-bottom:15px}.summary-section h5{color:#555;margin-bottom:8px}.summary-section ul{padding-left:20px}.summary-section li{margin-bottom:5px}.code-preview{background-color:#f5f5f5;border-radius:8px;margin:20px 0;overflow:auto;padding:15px}.code-preview h4{color:#333;margin-bottom:10px}.code-preview pre{color:#333;font-family:monospace;font-size:14px;line-height:1.5;white-space:pre-wrap}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-nav{background-color:#fff;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:15px 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo{color:#06c;font-size:24px;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:20px}.nav-link{border-radius:4px;color:#333;font-weight:500;padding:5px 10px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#f5f5f5;color:#06c}:root{--header-height:60px;--container-padding:20px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px}@media (max-width:768px){:root{--container-padding:16px;--header-height:50px}}@media (max-width:480px){:root{--container-padding:12px}}.responsive-container{margin:0 auto;max-width:1200px;padding:0 var(--container-padding);width:100%}.clickable,button,input[type=button],input[type=submit]{min-height:44px}@media (max-width:768px){.clickable,button,input[type=button],input[type=submit]{min-height:48px}}body{font-size:16px}@media (max-width:768px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}}@media (max-width:480px){body{font-size:15px}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.2rem}}
/*# sourceMappingURL=main.cdf410c4.css.map*/