:root{--color-white: #FFFFFF;--color-black: #111827;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--color-accent-light: #3B82F6;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .1em;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-none: 0px;--radius-sm: 2px;--radius-base: 4px;--border-width: 1px;--border-color: var(--color-gray-200);--border: var(--border-width) solid var(--border-color);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-base: .2s ease;--max-width-xs: 20rem;--max-width-sm: 24rem;--max-width-md: 28rem;--max-width-lg: 32rem;--max-width-xl: 36rem;--max-width-2xl: 42rem;--max-width-3xl: 48rem;--max-width-4xl: 56rem;--max-width-5xl: 64rem;--max-width-6xl: 72rem;--max-width-7xl: 80rem;--grid-gap: var(--spacing-6);--grid-gap-sm: var(--spacing-4);--grid-gap-lg: var(--spacing-8)}html{font-family:var(--font-family);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--leading-normal);color:var(--color-black);background-color:var(--color-white);margin:0;padding:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-black);margin:0}h1{font-size:var(--font-size-5xl);text-transform:uppercase;letter-spacing:var(--tracking-wider)}h2{font-size:var(--font-size-4xl);text-transform:uppercase;letter-spacing:var(--tracking-wide)}h3{font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:var(--tracking-wide)}h4{font-size:var(--font-size-lg);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide)}p{color:var(--color-gray-700);line-height:var(--leading-relaxed)}a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;border:var(--border);border-radius:var(--radius-base);padding:var(--spacing-3) var(--spacing-6);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-white);color:var(--color-black);text-transform:uppercase;letter-spacing:var(--tracking-wide)}button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}button:focus{outline:2px solid var(--color-accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-black);background-color:var(--color-white);border:var(--border);border-radius:var(--radius-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}@media (max-width: 768px){button,a,.clickable{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.touch-feedback:active{transform:scale(.98);opacity:.8}input,textarea,select{font-size:16px;padding:var(--spacing-3)}.scrollable{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}body{overflow-x:hidden}.no-touch-hover:hover{transform:none;box-shadow:var(--shadow-sm)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.crisp-edges{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.search-form-container{background-color:var(--color-white);padding:var(--spacing-4);border:var(--border);border-radius:var(--radius-base);margin-bottom:0;box-shadow:var(--shadow-base);height:100%;display:flex;flex-direction:column}.search-form-header{text-align:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:var(--border);flex-shrink:0}.search-form-header h2{color:var(--color-black);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-2) 0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.search-form-header p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0;font-weight:500}.search-form{width:100%;flex:1;display:flex;flex-direction:column}.input-group{display:flex;flex-direction:column;gap:var(--spacing-4);flex:1;min-height:0}.main-input-section{width:100%;flex:1;display:flex;flex-direction:column;min-height:0}.problem-input{width:100%;padding:var(--spacing-5) var(--spacing-6);border:var(--border);border-radius:var(--radius-base);font-size:var(--font-size-base);font-family:var(--font-family);resize:vertical;transition:all var(--transition-fast);background-color:var(--color-white);color:var(--color-black);min-height:120px;flex:1;box-sizing:border-box}.problem-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.problem-input:disabled{background-color:var(--color-gray-50);opacity:.6;cursor:not-allowed}.problem-input::placeholder{color:var(--color-gray-400)}.filters-section{width:100%;flex-shrink:0}.filter-row{display:flex;flex-direction:column;gap:var(--spacing-4)}.filter-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--spacing-1)}.filter-input,.filter-select{padding:var(--spacing-3) var(--spacing-4);border:var(--border);border-radius:var(--radius-base);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-fast);background-color:var(--color-white);color:var(--color-black);height:44px;display:flex;align-items:center;line-height:1.5}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.filter-input:disabled,.filter-select:disabled{background-color:var(--color-gray-50);opacity:.6;cursor:not-allowed}.search-button{background-color:var(--color-accent);color:var(--color-white);border:none;padding:var(--spacing-5) var(--spacing-10);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all var(--transition-fast);align-self:center;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-3);min-width:200px;justify-content:center;text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-shrink:0}.search-button:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;background-color:var(--color-accent)!important;box-shadow:var(--shadow-sm)!important}.search-icon{font-size:var(--font-size-base)}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.stores-section{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:var(--border);flex-shrink:0}.stores-section h4{color:var(--color-black);margin-bottom:var(--spacing-3);font-size:var(--font-size-base);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.store-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.store-button{display:flex;align-items:center;gap:var(--spacing-3);background-color:var(--color-white);border:var(--border);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);justify-content:center;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:600}.store-button:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.store-button.selected{background-color:var(--color-accent);color:var(--color-white)!important;border-color:var(--color-accent)}.store-button.selected:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-white)!important}.store-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;background-color:var(--color-white)!important;border-color:var(--color-gray-200)!important;color:var(--color-gray-700)!important}.store-button.selected:disabled{background-color:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-white)!important;opacity:.7}.store-icon{font-size:var(--font-size-base)}.store-name{font-weight:600}.examples-section,.example-buttons,.example-button{display:none}@media (max-width: 1024px){.search-form-container{padding:var(--spacing-3)}.filter-row{gap:var(--spacing-3)}.store-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 768px){.search-form-container{padding:var(--spacing-3);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom));height:calc(100vh - 56px);overflow-y:auto}.search-form-header{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);text-align:left}.search-form-header h2{font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.search-form-header p{font-size:var(--font-size-xs);line-height:var(--leading-normal)}.input-group{gap:var(--spacing-3);padding-bottom:var(--spacing-4)}.problem-input{min-height:100px;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--radius-base)}.filter-row{gap:var(--spacing-3)}.filter-input,.filter-select{height:40px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.filter-label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.search-button{min-width:100%;padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-sm);font-weight:700;margin-top:var(--spacing-2);margin-bottom:var(--spacing-4)}.store-buttons{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.store-button{padding:var(--spacing-3) var(--spacing-2);font-size:var(--font-size-xs);flex-direction:column;gap:var(--spacing-1);min-height:60px}.store-icon{font-size:var(--font-size-sm)}.store-name{font-size:var(--font-size-xs);line-height:var(--leading-tight)}.stores-section h4{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.examples-section{margin-top:var(--spacing-4);margin-bottom:var(--spacing-6)}.example-buttons{gap:var(--spacing-2)}.example-button{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);line-height:var(--leading-tight)}}@media (max-width: 480px){.search-form-container{padding:var(--spacing-2);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom));height:calc(100vh - 48px)}.search-form-header{margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2)}.search-form-header h2{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.input-group{gap:var(--spacing-2);padding-bottom:var(--spacing-4)}.problem-input{min-height:80px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.filter-input,.filter-select{height:36px;padding:var(--spacing-2);font-size:var(--font-size-sm)}.search-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);min-width:100%;margin-bottom:var(--spacing-4)}.store-buttons{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.store-button{padding:var(--spacing-2);font-size:var(--font-size-xs);min-height:50px}.store-icon,.store-name{font-size:var(--font-size-xs)}.stores-section h4{font-size:var(--font-size-xs);margin-bottom:var(--spacing-2)}.example-button{padding:var(--spacing-2);font-size:var(--font-size-xs);line-height:var(--leading-tight)}.examples-section{margin-bottom:var(--spacing-6)}.filter-row{gap:var(--spacing-2)}.filter-label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}}.solution-display{background-color:var(--color-white);border:none;border-radius:0;padding:var(--spacing-4);margin-bottom:0;box-shadow:none;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.solution-header{text-align:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:var(--border)}.solution-header h2{color:var(--color-black);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.solution-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0;font-weight:500}.solution-content{line-height:var(--leading-relaxed);color:var(--color-gray-700);font-size:var(--font-size-base);width:100%;max-width:100%;overflow:hidden}.solution-text{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.solution-text h2{color:var(--color-accent);font-size:var(--font-size-xl);font-weight:700;margin:var(--spacing-4) 0 var(--spacing-4) 0;padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.solution-text h3{color:var(--color-black);font-size:var(--font-size-lg);font-weight:600;margin:var(--spacing-6) 0 var(--spacing-3) 0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.solution-text strong{color:var(--color-black);font-weight:700}.solution-text em{color:var(--color-accent);font-style:italic}.solution-text p{margin:0 0 var(--spacing-4) 0}.embedded-product{margin:var(--spacing-6) 0}.product-card-inline{display:flex;align-items:center;gap:var(--spacing-4);background-color:var(--color-gray-50);border:var(--border);border-radius:var(--radius-base);padding:var(--spacing-4);transition:all var(--transition-fast);border-left:4px solid var(--color-accent)}.product-card-inline:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.product-image-small{width:80px;height:80px;border-radius:var(--radius-base);overflow:hidden;flex-shrink:0;background-color:var(--color-white);display:flex;align-items:center;justify-content:center;border:var(--border)}.product-image-small img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.product-card-inline:hover .product-image-small img{transform:scale(1.02)}.product-info-small{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.product-title-small{color:var(--color-black);font-size:var(--font-size-base);font-weight:600;margin:0;line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-details-small{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.price-small{background-color:var(--color-accent);color:var(--color-white);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.source-small{color:var(--color-gray-600);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600;letter-spacing:var(--tracking-wider)}.rating-small{color:var(--color-accent);font-size:var(--font-size-xs);font-weight:600}.view-product-btn-small{display:inline-block;background-color:var(--color-black);color:var(--color-white);text-decoration:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:600;transition:all var(--transition-fast);text-align:center;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.view-product-btn-small:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--color-white);background-color:var(--color-gray-800)}.product-actions{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap;margin-top:var(--spacing-2)}.alternatives-toggle-btn{background-color:var(--color-gray-100);color:var(--color-gray-700);border:var(--border);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.alternatives-toggle-btn:hover{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.alternatives-section{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:var(--border)}.alternatives-title{color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.alternative-product{background-color:var(--color-white);border:var(--border);border-radius:var(--radius-base);padding:var(--spacing-4);transition:all var(--transition-fast)}.alternative-product:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--color-accent)}.alt-product-image{width:60px;height:60px;border-radius:var(--radius-base);overflow:hidden;background-color:var(--color-gray-50);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-3);border:var(--border)}.alt-product-image img{width:100%;height:100%;object-fit:cover}.alt-product-title{color:var(--color-black);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-2);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alt-product-details{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.alt-price{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:700}.alt-source{color:var(--color-gray-600);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600;letter-spacing:var(--tracking-wide)}.alt-rating{color:var(--color-accent);font-size:var(--font-size-xs);font-weight:600}.alt-view-btn{display:block;background-color:var(--color-gray-100);color:var(--color-gray-700);text-decoration:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:600;text-align:center;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:var(--border)}.alt-view-btn:hover{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent);text-decoration:none}.solution-footer{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:var(--border)}.solution-stats{display:flex;justify-content:space-around;gap:var(--spacing-4)}.stat{text-align:center;color:var(--color-gray-600);font-size:var(--font-size-sm)}.stat strong{display:block;color:var(--color-accent);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-1)}@media (max-width: 768px){.solution-display{padding:var(--spacing-3);height:auto;max-height:calc(100vh - 136px);overflow-y:auto}.solution-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);text-align:left}.solution-header h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2);line-height:var(--leading-tight)}.solution-subtitle{font-size:var(--font-size-sm);line-height:var(--leading-normal)}.solution-content{font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.solution-text{gap:var(--spacing-4)}.solution-text h2{font-size:var(--font-size-base);margin:var(--spacing-3) 0 var(--spacing-2) 0;padding-bottom:var(--spacing-1)}.solution-text h3{font-size:var(--font-size-sm);margin:var(--spacing-4) 0 var(--spacing-2) 0}.solution-text p{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.product-card-inline{flex-direction:column;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);margin:var(--spacing-4) 0}.product-image-small{width:100%;height:120px;align-self:center;max-width:200px}.product-info-small{width:100%;gap:var(--spacing-2)}.product-title-small{font-size:var(--font-size-sm);line-height:var(--leading-normal);-webkit-line-clamp:3}.product-details-small{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.price-small{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.source-small,.rating-small{font-size:var(--font-size-xs)}.view-product-btn-small{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.product-actions{flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}.alternatives-toggle-btn{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.alternatives-section{margin-top:var(--spacing-3)}.alternatives-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.alternatives-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.alternative-product{padding:var(--spacing-2);gap:var(--spacing-2)}.alt-product-image{width:60px;height:60px}.alt-product-title{font-size:var(--font-size-sm);-webkit-line-clamp:2}.alt-product-details{gap:var(--spacing-1)}.alt-price,.alt-source,.alt-rating{font-size:var(--font-size-xs)}.alt-view-btn{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.solution-stats{flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4)}.stat{text-align:center}.stat strong{font-size:var(--font-size-base)}}@media (max-width: 480px){.solution-display{padding:var(--spacing-2);max-height:calc(100vh - 108px)}.solution-header{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2)}.solution-header h2{font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.solution-subtitle{font-size:var(--font-size-xs)}.solution-text{gap:var(--spacing-3)}.solution-text h2{font-size:var(--font-size-sm);margin:var(--spacing-2) 0 var(--spacing-1) 0}.solution-text h3{font-size:var(--font-size-xs);margin:var(--spacing-3) 0 var(--spacing-1) 0}.solution-text p{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-xs);line-height:var(--leading-relaxed)}.product-card-inline{padding:var(--spacing-2);margin:var(--spacing-3) 0}.product-image-small{height:100px;max-width:150px}.product-title-small,.price-small{font-size:var(--font-size-xs)}.view-product-btn-small{padding:var(--spacing-2);font-size:var(--font-size-xs)}.alternatives-grid{grid-template-columns:1fr}.alternative-product{padding:var(--spacing-2);gap:var(--spacing-1)}.alt-product-image{width:50px;height:50px}.alt-product-title{font-size:var(--font-size-xs)}.alternatives-toggle-btn{padding:var(--spacing-2);font-size:var(--font-size-xs)}.alternatives-section{margin-top:var(--spacing-2)}.alternatives-title{font-size:var(--font-size-xs)}.solution-stats{margin-top:var(--spacing-3)}.stat strong{font-size:var(--font-size-sm)}}.solution-text p{margin:12px 0;line-height:1.6;width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.solution-text p strong{font-weight:600;color:var(--color-black)}.solution-text p em{font-style:italic;color:var(--color-gray-700)}.solution-text h2{margin:24px 0 16px;font-size:var(--font-size-xl);font-weight:600;color:var(--color-black);width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.solution-text h3{margin:20px 0 12px;font-size:var(--font-size-lg);font-weight:600;color:var(--color-black);width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.product-card{background-color:var(--color-white);border:var(--border);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast);cursor:pointer;height:100%;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.product-image-container{height:200px;overflow:hidden;background-color:var(--color-gray-50);display:flex;align-items:center;justify-content:center;border-bottom:var(--border)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.product-card:hover .product-image{transform:scale(1.02)}.product-info{padding:var(--spacing-3);flex:1;display:flex;flex-direction:column}.product-title{color:var(--color-black);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-3);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{margin-bottom:var(--spacing-3)}.price{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);background-color:var(--color-gray-50);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);display:inline-block;border:var(--border-width) solid var(--color-gray-200)}.product-meta{margin-bottom:var(--spacing-4);flex:1}.product-source{color:var(--color-gray-600);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600;letter-spacing:var(--tracking-wider)}.product-rating{margin-top:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.rating{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:600}.reviews{color:var(--color-gray-500);font-size:var(--font-size-xs)}.view-product-btn{background-color:var(--color-accent);color:var(--color-white);border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:auto;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.view-product-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background-color:var(--color-accent-hover)}.view-product-btn:active{transform:translateY(0)}@media (max-width: 768px){.product-card{height:auto;min-height:300px;margin-bottom:var(--spacing-3)}.product-card:hover{transform:translateY(-1px)}.product-image-container{height:160px}.product-info{padding:var(--spacing-2)}.product-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);-webkit-line-clamp:2;line-height:var(--leading-normal)}.product-price{margin-bottom:var(--spacing-2)}.price{font-size:var(--font-size-base);padding:var(--spacing-1) var(--spacing-2)}.product-meta{margin-bottom:var(--spacing-3)}.product-source{font-size:var(--font-size-xs)}.product-rating{margin-top:var(--spacing-1)}.rating{font-size:var(--font-size-sm)}.reviews{font-size:var(--font-size-xs)}.view-product-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);width:100%}.view-product-btn:hover{transform:translateY(-1px)}}@media (max-width: 480px){.product-card{min-height:280px;margin-bottom:var(--spacing-2)}.product-image-container{height:140px}.product-info{padding:var(--spacing-2)}.product-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);-webkit-line-clamp:2}.product-price{margin-bottom:var(--spacing-2)}.price{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.product-meta{margin-bottom:var(--spacing-2)}.product-source{font-size:var(--font-size-xs)}.product-rating{margin-top:var(--spacing-1)}.rating,.reviews{font-size:var(--font-size-xs)}.view-product-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);width:100%}}.product-browser{background-color:var(--color-white);border:none;border-radius:0;margin-bottom:0;box-shadow:none}.browser-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border);background-color:var(--color-gray-50)}.browser-header h2{color:var(--color-black);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-6) 0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.browser-tabs{display:flex;border-bottom:var(--border)}.tab{flex:1;padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-gray-100);border:none;border-right:var(--border);cursor:pointer;transition:all var(--transition-fast);color:var(--color-gray-700);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--font-size-sm)}.tab:last-child{border-right:none}.tab:hover{background-color:var(--color-gray-200)}.tab.active{background-color:var(--color-accent);color:var(--color-white)}.browser-controls{background-color:var(--color-gray-50);padding:var(--spacing-3);border-bottom:var(--border)}.search-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);gap:var(--spacing-4)}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-4);border:var(--border);border-radius:var(--radius-base);font-size:var(--font-size-base);transition:all var(--transition-fast);background-color:var(--color-white);color:var(--color-black);display:flex;align-items:center;line-height:1.5}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.search-icon{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-gray-500);pointer-events:none}.results-count{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.filter-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-4);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-group label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-black);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--spacing-1)}.price-input,.filter-select{height:42px;padding:var(--spacing-3) var(--spacing-4);border:var(--border);border-radius:var(--radius-base);font-size:var(--font-size-sm);background-color:var(--color-white);color:var(--color-black);transition:all var(--transition-fast);display:flex;align-items:center;line-height:1.5}.price-input:focus,.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.filter-select{cursor:pointer}.price-range{display:flex;align-items:center;gap:var(--spacing-2)}.price-input{flex:1;min-width:0}.price-range span{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:600;flex-shrink:0}.clear-filters-btn{height:42px;padding:var(--spacing-3) var(--spacing-5);background-color:var(--color-gray-600);color:var(--color-white);border:none;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;white-space:nowrap;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.clear-filters-btn:hover{background-color:var(--color-gray-800);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.no-results{text-align:center;padding:var(--spacing-12) var(--spacing-8);color:var(--color-gray-600);background-color:var(--color-gray-50);border:var(--border);border-radius:var(--radius-base);margin:var(--spacing-8) 0}.no-results p{margin-bottom:var(--spacing-6);font-size:var(--font-size-base);line-height:var(--leading-relaxed)}.no-results .clear-filters-btn{background-color:var(--color-accent);margin:0 auto;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);height:auto;box-shadow:var(--shadow-sm)}.no-results .clear-filters-btn:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-md)}.categories-view{display:flex;min-height:500px}.categories-sidebar{width:280px;background-color:var(--color-gray-50);border-right:var(--border);padding:var(--spacing-6)}.categories-sidebar h3{margin:0 0 var(--spacing-4) 0;color:var(--color-black);font-size:var(--font-size-base);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.category-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.category-button{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);background-color:transparent;border:var(--border);border-radius:var(--radius-base);text-align:left;cursor:pointer;transition:all var(--transition-fast);color:var(--color-gray-700)}.category-button:hover{background-color:var(--color-gray-100);border-color:var(--color-accent)}.category-button.active{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.category-icon{font-size:var(--font-size-lg);flex-shrink:0}.category-name{font-weight:600;font-size:var(--font-size-sm)}.category-count{background-color:var(--color-gray-200);color:var(--color-gray-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;margin-left:auto}.category-button.active .category-count{background-color:#fff3;color:var(--color-white)}.category-content{flex:1;padding:var(--spacing-6)}.category-header h3{color:var(--color-black);margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:var(--border);padding-bottom:var(--spacing-2)}.category-subtitle{color:var(--color-gray-600);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm)}.alternatives-view{padding:var(--spacing-6)}.alternatives-header h3{color:var(--color-black);margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.alternatives-subtitle{color:var(--color-gray-600);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-5)}.no-alternatives{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500);font-style:italic;background-color:var(--color-gray-50);border:var(--border);border-radius:var(--radius-base)}.categories-mobile{display:none}.categories-mobile h3{margin:0 0 var(--spacing-4) 0;color:var(--color-black);font-size:var(--font-size-base);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mobile-category{margin-bottom:var(--spacing-3);border:var(--border);border-radius:var(--radius-base)}.mobile-category-toggle{width:100%;padding:var(--spacing-4);background-color:var(--color-gray-50);border:none;border-radius:var(--radius-base);text-align:left;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between}.mobile-category-toggle:hover{background-color:var(--color-gray-100)}.toggle-icon{transition:transform var(--transition-fast);color:var(--color-gray-500)}.mobile-category-content{padding:var(--spacing-4);border-top:var(--border);display:none}@media (max-width: 1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-4)}}@media (max-width: 768px){.product-browser{height:calc(100vh - 56px);overflow:hidden;display:flex;flex-direction:column}.browser-header{padding:var(--spacing-2) var(--spacing-3);flex-shrink:0}.browser-header h2{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.categories-view{flex-direction:column;height:100%}.categories-mobile{display:block;order:1;flex-shrink:0}.categories-mobile h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.mobile-category{border-bottom:var(--border)}.mobile-category-toggle{width:100%;padding:var(--spacing-3);font-size:var(--font-size-sm);text-align:left;display:flex;justify-content:space-between;align-items:center}.mobile-category-content{max-height:300px;overflow-y:auto}.browser-tabs{flex-direction:row;border-bottom:var(--border);flex-shrink:0}.tab{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs);flex:1;text-align:center}.products-grid{grid-template-columns:1fr;gap:var(--spacing-3);padding:var(--spacing-3)}.browser-controls{padding:var(--spacing-2);flex-shrink:0}.search-section{flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.search-input-wrapper{max-width:100%}.search-input{padding:var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.results-count{font-size:var(--font-size-xs);text-align:center}.filter-section{grid-template-columns:1fr;gap:var(--spacing-2)}.price-range{flex-direction:column;gap:var(--spacing-2)}.price-range span{align-self:flex-start;font-size:var(--font-size-xs)}.price-input,.filter-select{height:36px;padding:var(--spacing-2);font-size:var(--font-size-sm)}.clear-filters-btn{height:36px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);width:100%;margin-top:var(--spacing-2)}.category-content{flex:1;order:2;overflow-y:auto}.category-header h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.alternatives-view{padding:var(--spacing-3);overflow-y:auto}.alternatives-header h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.no-results{padding:var(--spacing-6);margin:var(--spacing-3)}.no-results p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.no-results .clear-filters-btn{width:auto;margin-top:0}}@media (max-width: 480px){.browser-header{padding:var(--spacing-4)}.browser-header h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.products-grid{gap:var(--spacing-3);grid-template-columns:1fr}.category-content,.alternatives-view{padding:var(--spacing-4)}}.instructions-placeholder{background-color:var(--color-white);padding:var(--spacing-6);height:100%;overflow-y:auto}.instructions-header{text-align:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:var(--border)}.instructions-header h2{color:var(--color-black);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.instructions-header p{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0;font-weight:500}.instructions-content{display:flex;flex-direction:column;gap:var(--spacing-8)}.instruction-section{padding:var(--spacing-6);background-color:var(--color-gray-50);border:var(--border);border-radius:0;border-left:4px solid var(--color-accent)}.instruction-section h3{color:var(--color-black);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.instruction-section p{color:var(--color-gray-700);font-size:var(--font-size-base);line-height:var(--leading-relaxed);margin:0}.examples-section{padding:var(--spacing-6);background-color:var(--color-gray-50);border:var(--border);border-radius:0}.examples-section h3{color:var(--color-black);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-6);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-align:center}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-5)}.example-card{background-color:var(--color-white);border:var(--border);border-radius:0;padding:var(--spacing-5);transition:all var(--transition-fast)}.example-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.example-card h4{color:var(--color-accent);font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.example-card ul{list-style:none;padding:0;margin:0}.example-card li{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-2);padding-left:var(--spacing-4);position:relative}.example-card li:before{content:"→";color:var(--color-accent);font-weight:700;position:absolute;left:0}.example-card li:last-child{margin-bottom:0}.tips-section{padding:var(--spacing-6);background-color:var(--color-gray-50);border:var(--border);border-radius:0;border-left:4px solid var(--color-accent)}.tips-section h3{color:var(--color-black);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-5);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.tips-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.tip{color:var(--color-gray-700);font-size:var(--font-size-base);line-height:var(--leading-relaxed);padding:var(--spacing-4);background-color:var(--color-white);border:var(--border);border-radius:0;border-left:3px solid var(--color-accent)}.tip strong{color:var(--color-black);font-weight:700}@media (max-width: 768px){.instructions-placeholder{padding:var(--spacing-3);padding-top:var(--spacing-6);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom));margin:0;width:100%;height:100%;min-height:calc(100vh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--spacing-8));display:flex!important;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--color-white);box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.instructions-placeholder h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3);text-align:center;color:var(--color-black)}.instructions-placeholder p{font-size:var(--font-size-sm);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-3);text-align:center;max-width:100%;color:var(--color-gray-700)}.instruction-steps{gap:var(--spacing-3);width:100%;max-width:100%;flex-shrink:0;margin-bottom:var(--spacing-4)}.instruction-step{padding:var(--spacing-3)}.step-number{width:24px;height:24px;font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.step-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.step-description{font-size:var(--font-size-xs);line-height:var(--leading-normal)}.example-queries{gap:var(--spacing-2);width:100%;flex-shrink:0;margin-bottom:var(--spacing-4)}.example-query{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);line-height:var(--leading-normal)}}@media (max-width: 480px){.instructions-placeholder{padding:var(--spacing-2);padding-top:var(--spacing-4);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom));min-height:calc(100vh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--spacing-8));justify-content:flex-start}.instructions-placeholder h2{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.instructions-placeholder p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.instruction-steps{gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.instruction-step{padding:var(--spacing-2)}.step-number{width:20px;height:20px;font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.step-title{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.step-description{font-size:var(--font-size-xs)}.example-queries{gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.example-query{padding:var(--spacing-2);font-size:var(--font-size-xs)}}.error-message{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-6);margin:var(--spacing-4) 0;background-color:#fef2f2;border:var(--border-width) solid #FECACA;border-radius:var(--radius-base);border-left:4px solid #EF4444;color:#dc2626;max-width:100%}.error-icon{font-size:var(--font-size-xl);flex-shrink:0;color:#dc2626}.error-content{flex:1;min-width:0}.error-title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-base);font-weight:700;color:#dc2626;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.error-message-text{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-base);color:#dc2626;line-height:var(--leading-relaxed)}.error-details{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-sm);color:#b91c1c;line-height:var(--leading-normal);opacity:.8}.error-retry-button{background-color:#dc2626;color:var(--color-white);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.error-retry-button:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.error-retry-button:active{transform:translateY(0)}.error-retry-button:focus{outline:2px solid #DC2626;outline-offset:2px}.success-message{background-color:#f0fdf4;border-color:#bbf7d0;border-left-color:#22c55e;color:#16a34a}.success-message .error-icon,.success-message .error-title,.success-message .error-message-text{color:#16a34a}.success-message .error-details{color:#15803d}.success-message .error-retry-button{background-color:#16a34a}.success-message .error-retry-button:hover{background-color:#15803d}.warning-message{background-color:#fffbeb;border-color:#fed7aa;border-left-color:#f59e0b;color:#d97706}.warning-message .error-icon,.warning-message .error-title,.warning-message .error-message-text{color:#d97706}.warning-message .error-details{color:#b45309}.warning-message .error-retry-button{background-color:#d97706}.warning-message .error-retry-button:hover{background-color:#b45309}@media (max-width: 768px){.error-message{padding:var(--spacing-4);gap:var(--spacing-3)}.error-icon{font-size:var(--font-size-lg)}.error-title,.error-message-text{font-size:var(--font-size-sm)}.error-details{font-size:var(--font-size-xs)}.error-retry-button{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}}@media (max-width: 480px){.error-message{padding:var(--spacing-3);flex-direction:column;gap:var(--spacing-2)}.error-icon{align-self:flex-start}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.loading-spinner{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.spinner{width:48px;height:48px;border:6px solid #e0e0e0;border-top:6px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{text-align:center;color:#444;font-size:1rem;margin-top:8px}@media (max-width: 768px){.spinner{width:32px;height:32px;border-width:3px}.loading-container{padding:var(--spacing-6)}.loading-container p{font-size:var(--font-size-sm);margin-top:var(--spacing-3)}}@media (max-width: 480px){.spinner{width:28px;height:28px;border-width:2px}.loading-container{padding:var(--spacing-4)}.loading-container p{font-size:var(--font-size-xs);margin-top:var(--spacing-2)}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-white);color:var(--color-black);line-height:var(--leading-normal);font-size:var(--font-size-base);overflow:hidden}button:focus{outline:none}.App{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden;position:relative}.App-header{background-color:var(--color-black);color:var(--color-white);padding:var(--spacing-4) var(--spacing-6);border-bottom:var(--border-width) solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6);position:absolute;top:0;left:0;right:0;height:64px;flex-shrink:0;z-index:50}.header-brand{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.App-header h1{font-size:var(--font-size-xl);margin:0;font-weight:700;color:var(--color-white);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.header-logo{width:32px;height:32px;background-color:var(--color-accent);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);color:var(--color-white)}.App-header p{font-size:var(--font-size-sm);color:var(--color-gray-300);margin:0;line-height:var(--leading-normal);font-weight:400;flex:1;text-align:right}.App-main{flex:1;display:grid;grid-template-columns:400px 1fr;gap:0;padding:64px 0 0;width:100%;max-width:none;margin:0;height:100vh;overflow:hidden}.App-main.collapsed{grid-template-columns:0 1fr}.resize-handle{position:absolute;background-color:var(--color-gray-400);opacity:0;transition:opacity var(--transition-fast);z-index:100}.resize-handle:hover,.resize-handle.resizing{opacity:.6;background-color:var(--color-accent)}.resize-handle-x{top:0;right:0;bottom:0;width:4px;cursor:col-resize}.resize-handle-y{top:0;left:0;right:0;height:4px;cursor:row-resize}.input-column{display:flex;flex-direction:column;gap:0;overflow-y:auto;height:100%;padding:0;background-color:var(--color-white);border-right:var(--border);transition:all var(--transition-base);position:relative;min-width:250px;max-width:600px}.input-column.collapsed{width:0;min-width:0;max-width:0;overflow:hidden;border-right:none}.input-column::-webkit-scrollbar{width:6px}.input-column::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-base)}.input-column::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-base)}.input-column::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.sidebar-toggle{position:fixed;top:156px;left:400px;z-index:100;background-color:var(--color-gray-600);color:var(--color-white);border:none;width:28px;height:28px;padding:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);opacity:.8}.sidebar-toggle svg{width:14px;height:14px;flex-shrink:0}.sidebar-toggle.collapsed{left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar-toggle:hover{background-color:var(--color-gray-800);opacity:1;transform:scale(1.1)}.sidebar-toggle:focus{outline:none}.results-column{display:flex;flex-direction:column;background-color:var(--color-white);border:none;position:relative;height:100%;overflow:hidden}.solution-section{height:100%;display:flex;flex-direction:column;position:relative}.solution-content-wrapper{flex:1;overflow-y:auto;padding:0;min-height:0}.solution-content-wrapper::-webkit-scrollbar{width:6px}.solution-content-wrapper::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-base)}.solution-content-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-base)}.solution-content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.browser-section{height:100%;display:flex;flex-direction:column;background-color:var(--color-white)}.browser-header-bar{background-color:var(--color-gray-50);padding:var(--spacing-4) var(--spacing-6);border-bottom:var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.browser-title{display:flex;align-items:center;gap:var(--spacing-3)}.browser-title h2{color:var(--color-black);font-size:var(--font-size-xl);font-weight:700;margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.browser-title span{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500}.close-browser-btn{background-color:var(--color-gray-600);color:var(--color-white);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.close-browser-btn:hover{background-color:var(--color-gray-800);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.browser-content{flex:1;overflow-y:auto;background-color:var(--color-white)}.browser-content::-webkit-scrollbar{width:6px}.browser-content::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-base)}.browser-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-base)}.browser-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.browser-tray-tab{position:absolute;bottom:var(--spacing-4);left:50%;transform:translate(-50%);background-color:var(--color-accent);color:var(--color-white);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);z-index:10;box-shadow:var(--shadow-lg)}.browser-tray-tab:hover{background-color:var(--color-accent-hover);transform:translate(-50%) translateY(-2px);box-shadow:var(--shadow-xl)}.section-header{background-color:var(--color-gray-50);padding:var(--spacing-4) var(--spacing-6);border:none;border-radius:0;margin-bottom:0;border-bottom:var(--border)}.section-header h2{color:var(--color-black);font-size:var(--font-size-lg);font-weight:700;margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.error-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;min-width:400px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);background-color:var(--color-gray-50);border:none;border-radius:0;margin:0;height:100%;width:100%;flex:1}.loading-container p{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500;margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.error-message{background-color:#fef2f2;border:var(--border-width) solid #FECACA;border-radius:var(--radius-base);padding:var(--spacing-6);margin:var(--spacing-8) 0;text-align:center;border-left:4px solid #EF4444}.error-message p{color:#dc2626;font-weight:600;font-size:var(--font-size-base);margin:0}.search-results{margin-top:var(--spacing-12)}.keywords-section{background-color:var(--color-gray-50);padding:var(--spacing-8);border:var(--border);border-radius:var(--radius-base);margin-bottom:var(--spacing-12);border-left:4px solid var(--color-accent)}.keywords-section h3{color:var(--color-black);margin-bottom:var(--spacing-4);font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.keywords{background-color:var(--color-white);padding:var(--spacing-4) var(--spacing-6);border:var(--border);border-radius:var(--radius-base);border-left:2px solid var(--color-accent);font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:var(--leading-relaxed)}.search-summary{background-color:var(--color-gray-50);padding:var(--spacing-4);border:var(--border);border-radius:var(--radius-base);margin-bottom:var(--spacing-4);border-left:4px solid var(--color-accent)}.search-summary h3{color:var(--color-black);margin-bottom:var(--spacing-6);font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}.stat-item{background-color:var(--color-white);padding:var(--spacing-5);border:var(--border);border-radius:var(--radius-base);text-align:center;transition:all var(--transition-fast);cursor:pointer}.stat-item:hover{background-color:var(--color-gray-50);border-color:var(--color-accent);transform:translateY(-1px)}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--spacing-1)}.stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:600}@media (max-width: 1200px){.App-main{grid-template-columns:350px 1fr}.App-main.collapsed{grid-template-columns:0 1fr}.sidebar-toggle{left:350px}.sidebar-toggle.collapsed{left:0}}@media (max-width: 1024px){.App-main{grid-template-columns:320px 1fr}.App-main.collapsed{grid-template-columns:0 1fr}.sidebar-toggle{left:320px}.sidebar-toggle.collapsed{left:0}.keywords-section,.search-summary{padding:var(--spacing-5)}}@media (max-width: 768px){body{overflow-x:hidden}.App{min-height:100vh;min-height:calc(100vh - env(safe-area-inset-bottom));height:100vh;height:calc(100vh - env(safe-area-inset-bottom));overflow:hidden}.App-header{padding:max(var(--spacing-3),env(safe-area-inset-top)) var(--spacing-4) var(--spacing-3) var(--spacing-4);height:auto;min-height:56px;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);position:sticky;top:0;z-index:50}.header-brand{width:100%;justify-content:flex-start}.App-header h1{font-size:var(--font-size-lg)}.header-logo{width:28px;height:28px;font-size:var(--font-size-base)}.App-header p{display:none}.App-main{padding-top:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:relative;width:100%;height:calc(100vh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-top:0}.App-main.collapsed{grid-template-columns:1fr}.results-column{grid-column:1;grid-row:1;position:relative;z-index:1;width:100%;height:100%;background-color:var(--color-white);padding:var(--spacing-2);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom));box-sizing:border-box}.App-main.collapsed .results-column{width:100%;margin-left:0;padding:var(--spacing-2);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom));display:block}.sidebar-toggle{top:calc(56px + max(var(--spacing-3),env(safe-area-inset-top)) + var(--spacing-2));left:max(var(--spacing-4),env(safe-area-inset-left));z-index:200;width:32px;height:32px;border-radius:var(--radius-base);background-color:var(--color-black);color:var(--color-white);box-shadow:var(--shadow-lg);border:none;cursor:pointer;transition:all var(--transition-fast)}.sidebar-toggle.collapsed{left:max(var(--spacing-4),env(safe-area-inset-left))}.sidebar-toggle:hover{background-color:var(--color-gray-800);transform:scale(1.05)}.input-column,.input-column.collapsed{position:fixed;top:56px;left:0;width:min(85vw,400px);max-width:400px;height:calc(100vh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:150;background-color:var(--color-white);border-right:var(--border);box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform var(--transition-base);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom));box-sizing:border-box}.input-column:not(.collapsed){transform:translate(0)}.solution-content-wrapper,.browser-content{padding:var(--spacing-3);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom));height:100%}.solution-section,.browser-section{margin-left:0;width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--color-white)}.solution-content-wrapper{flex:1;min-height:0;padding:var(--spacing-2);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom))}.solution-section .solution-content-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:var(--spacing-2);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom))}.browser-tray-tab{position:fixed;bottom:max(var(--spacing-2),env(safe-area-inset-bottom));left:env(safe-area-inset-left);right:env(safe-area-inset-right);z-index:100;margin:0;border-radius:0;border-top:var(--border);padding:var(--spacing-4);text-align:center;background-color:var(--color-white);box-shadow:0 -2px 10px #0000001a}.resize-handle{display:none}.keywords-section,.search-summary{margin-top:var(--spacing-2)}.search-summary{margin-bottom:var(--spacing-2);position:sticky;top:0;background-color:var(--color-white);z-index:10;padding:var(--spacing-1) var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.search-summary h3{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1);color:var(--color-black)}.keywords{gap:var(--spacing-2)}.summary-stats{display:flex;overflow-x:auto;gap:var(--spacing-2);padding-bottom:var(--spacing-2);-webkit-overflow-scrolling:touch}.stat-item{flex:none;min-width:80px;padding:var(--spacing-2);margin:0}.stat-number{font-size:var(--font-size-base);margin-bottom:2px}.stat-label{font-size:var(--font-size-xs);line-height:var(--leading-tight)}.input-column:not(.collapsed):before{content:"";position:fixed;inset:0;background-color:#00000080;z-index:-1}.mobile-close-btn{position:fixed;top:calc(56px + max(var(--spacing-3),env(safe-area-inset-top)) + var(--spacing-2));right:max(var(--spacing-4),env(safe-area-inset-right));z-index:200;width:32px;height:32px;border-radius:var(--radius-base);background-color:var(--color-black);color:var(--color-white);border:none;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.mobile-close-btn:hover{background-color:var(--color-gray-800);transform:scale(1.05)}.mobile-close-btn:active{transform:scale(.95)}.mobile-close-btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-close-btn svg{display:block;stroke-width:2;width:16px;height:16px;flex-shrink:0;color:var(--color-white)}.mobile-desktop-prompt{position:fixed;bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background-color:var(--color-gray-100);color:var(--color-gray-700);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:500;text-align:center;border:1px solid var(--color-gray-300);box-shadow:var(--shadow-sm);z-index:10;opacity:.8}}@media (max-width: 480px){.App-header{padding:max(var(--spacing-2),env(safe-area-inset-top)) var(--spacing-3) var(--spacing-2) var(--spacing-3);height:auto;min-height:48px}.header-brand{gap:var(--spacing-2)}.App-header h1{font-size:var(--font-size-base)}.header-logo{width:24px;height:24px;font-size:var(--font-size-sm)}.App-header p{font-size:var(--font-size-xs);line-height:var(--leading-tight)}.App-main{padding-top:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:100%;height:calc(100vh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.results-column{grid-column:1;grid-row:1;position:relative;z-index:1;width:100%;height:100%;background-color:var(--color-white);padding:var(--spacing-2);box-sizing:border-box}.App-main.collapsed .results-column{width:100%;margin-left:0;padding:var(--spacing-2);display:block}.sidebar-toggle{top:calc(48px + max(var(--spacing-2),env(safe-area-inset-top)) + var(--spacing-2));left:max(var(--spacing-3),env(safe-area-inset-left));width:28px;height:28px}.input-column,.input-column.collapsed{top:48px;height:calc(100vh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:min(90vw,100vw);max-width:100vw;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom))}.solution-section,.browser-section{height:100%;display:flex;flex-direction:column;background-color:var(--color-white)}.solution-content-wrapper{flex:1;min-height:0;height:100%;padding:var(--spacing-2)}.solution-section .solution-content-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:var(--spacing-2);padding-bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom))}.search-results{padding:var(--spacing-2)}.keywords-section,.search-summary{margin-top:var(--spacing-3)}.search-summary{margin-bottom:var(--spacing-2);position:sticky;top:0;background-color:var(--color-white);z-index:10;padding:var(--spacing-1) var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.search-summary h3{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1);color:var(--color-black)}.keywords{gap:var(--spacing-2)}.summary-stats{display:flex;overflow-x:auto;gap:var(--spacing-1);padding-bottom:var(--spacing-1);-webkit-overflow-scrolling:touch}.stat-item{flex:none;min-width:70px;padding:var(--spacing-1) var(--spacing-2);margin:0}.stat-number{font-size:var(--font-size-sm);margin-bottom:1px}.stat-label{font-size:var(--font-size-xs);line-height:var(--leading-tight)}.section-header{padding:var(--spacing-2) var(--spacing-3)}.section-header h2{font-size:var(--font-size-base)}.browser-tray-tab{padding:var(--spacing-3);font-size:var(--font-size-sm);bottom:max(var(--spacing-2),env(safe-area-inset-bottom));left:env(safe-area-inset-left);right:env(safe-area-inset-right)}.mobile-close-btn{top:calc(48px + max(var(--spacing-2),env(safe-area-inset-top)) + var(--spacing-2));right:max(var(--spacing-3),env(safe-area-inset-right));width:28px;height:28px;border:none;border-radius:var(--radius-base);background-color:var(--color-black);color:var(--color-white);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:200}.mobile-close-btn:hover{background-color:var(--color-gray-800);transform:scale(1.05)}.mobile-close-btn:active{transform:scale(.95)}.mobile-close-btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-close-btn svg{display:block;stroke-width:2;width:14px;height:14px;flex-shrink:0;color:var(--color-white)}.mobile-desktop-prompt{position:fixed;bottom:calc(var(--spacing-3) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background-color:var(--color-gray-100);color:var(--color-gray-700);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-align:center;border:1px solid var(--color-gray-300);box-shadow:var(--shadow-sm);z-index:10;opacity:.8}}.resizing *{transition:none!important}