:root{--color-bg-base: 220 15% 10%;--color-bg-surface: 220 15% 14%;--color-bg-surface-hover: 220 15% 18%;--color-text-primary: 220 10% 95%;--color-text-secondary: 220 10% 70%;--color-text-muted: 220 10% 50%;--color-brand-primary: 210 100% 60%;--color-brand-primary-dim: 210 80% 50%;--color-brand-glow: 210 100% 60%;--color-status-success: 150 70% 45%;--color-status-warning: 40 90% 60%;--color-status-error: 0 85% 65%;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--border-color: 220 15% 20%;--border-width: 1px;--transition-fast: .15s ease;--transition-normal: .25s ease}:root[data-theme=light]{--color-bg-base: 210 35% 97%;--color-bg-surface: 0 0% 100%;--color-bg-surface-hover: 210 30% 93%;--color-text-primary: 220 20% 16%;--color-text-secondary: 220 12% 36%;--color-text-muted: 220 10% 46%;--color-brand-primary: 210 88% 48%;--color-brand-primary-dim: 210 72% 42%;--color-brand-glow: 210 88% 48%;--color-status-success: 150 66% 34%;--color-status-warning: 36 92% 45%;--color-status-error: 0 78% 48%;--border-color: 220 22% 84%}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family-base);background-color:hsl(var(--color-bg-base));color:hsl(var(--color-text-primary));line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1024px){.lg-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.aspect-video{aspect-ratio:16 / 9}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.p-1{padding:.25rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-20{padding:5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-16{padding-left:4rem;padding-right:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.w-full{width:100%}.w-8{width:2rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.h-1-5{height:.375rem}.h-2-5{height:.625rem}.h-8{height:2rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-40{height:10rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.text-8xl{font-size:5.5rem}.text-9xl{font-size:6.5rem}.text-hugest{font-size:7.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-giant{border-radius:2.25rem}.rounded-mega{border-radius:2.5rem}.rounded-full{border-radius:9999px}.border{border:1px solid hsl(var(--border-color))}.border-2{border:2px solid hsl(var(--border-color))}.border-b{border-bottom:1px solid hsl(var(--border-color))}.border-b-2{border-bottom:2px solid hsl(var(--border-color))}.border-t{border-top:1px solid hsl(var(--border-color))}.border-l-4{border-left:4px solid hsl(var(--border-color))}.border-l-8{border-left:8px solid hsl(var(--border-color))}.border-border-color{border-color:hsl(var(--border-color))}.bg-bg-base{background-color:hsl(var(--color-bg-base))}.bg-bg-surface{background-color:hsl(var(--color-bg-surface))}.bg-bg-surface-hover:hover{background-color:hsl(var(--color-bg-surface-hover))}.bg-brand-primary{background-color:hsl(var(--color-brand-primary))}.bg-brand-primary\/10{background-color:hsl(var(--color-brand-primary) / .1)}.text-white{color:#fff}.text-text-primary{color:hsl(var(--color-text-primary))}.text-text-secondary{color:hsl(var(--color-text-secondary))}.text-text-muted{color:hsl(var(--color-text-muted))}.text-brand-primary{color:hsl(var(--color-brand-primary))}.text-transparent{color:transparent}.bg-clip-text{background-clip:text;-webkit-background-clip:text}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-white{--tw-gradient-from: #ffffff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.from-text-primary{--tw-gradient-from: hsl(var(--color-text-primary));--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsl(var(--color-text-primary) / 0))}.via-text-primary{--tw-gradient-to: hsl(var(--color-text-primary) / 0);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--color-text-primary)), var(--tw-gradient-to)}.to-brand-primary{--tw-gradient-to: hsl(var(--color-brand-primary))}.to-text-secondary{--tw-gradient-to: hsl(var(--color-text-secondary))}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.top-1-2{top:50%}.left-1-2{left:50%}.z-50{z-index:50}.sticky{position:sticky}.-translate-x-1-2{transform:translate(-50%)}.-translate-y-1-2{transform:translateY(-50%)}.absolute.top-1-2.left-1-2.-translate-x-1-2.-translate-y-1-2{transform:translate(-50%,-50%)}.shadow-lg{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-xl{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-2xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-brand-primary\/30{--tw-shadow-color: hsl(var(--color-brand-primary) / .3);box-shadow:0 20px 25px -5px var(--tw-shadow-color)}.shadow-brand-primary\/25{--tw-shadow-color: hsl(var(--color-brand-primary) / .25);box-shadow:0 20px 25px -5px var(--tw-shadow-color)}.ring-4{box-shadow:0 0 0 4px var(--tw-ring-color)}.ring-brand-primary-dim{--tw-ring-color: hsl(var(--color-brand-primary) / .3)}.opacity-0{opacity:0}.group:hover .opacity-100{opacity:1}.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.active\:scale-95:active{transform:scale(.95)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.product-card{position:relative;overflow:hidden;border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background-color:hsl(var(--color-bg-base));isolation:isolate}.product-card img{width:100%;height:50px;object-fit:cover;opacity:.8;transition:transform var(--transition-normal);filter:contrast(1.1) saturate(.9)}.product-card.selected{border-color:hsl(var(--color-brand-primary));box-shadow:0 0 20px hsl(var(--color-brand-primary) / .4)}.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000f2,#0003);z-index:1;pointer-events:none}.layout-dual-col{display:flex;flex-direction:column;gap:var(--space-6)}@media(min-width:900px){.layout-dual-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:start}}.analysis-source-layout{display:flex;flex-direction:column}@media(min-width:900px){.analysis-source-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start}}.analysis-form-fields,.analysis-form-actions{max-width:720px}@media(max-width:899px){.analysis-form-fields,.analysis-form-actions{max-width:none}}.analysis-source-list{max-height:560px;overflow:auto;padding-right:4px}