*{margin:0;padding:0;box-sizing:border-box}:root{--color-accent: #FFC72C;--color-dark-bg: #0B1B33;--color-dark-bg-light: #16283F;--color-light-bg: #EEF1F6;--color-light-bg-white: #FFFFFF;--glass-dark: rgba(255, 255, 255, .08);--glass-light: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .18);--glass-blur: 24px;--glass-radius: 22px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .25);--motion-duration: .25s;--motion-ease: cubic-bezier(.16, 1, .3, 1)}html{color-scheme:light dark}body{font-family:-apple-system,SF Pro Text,Helvetica Neue,Inter,sans-serif;font-size:16px;line-height:1.6;letter-spacing:-.02em;min-height:100vh;position:relative;overflow-x:hidden}@media (prefers-color-scheme: dark){body{background:linear-gradient(135deg,var(--color-dark-bg) 0%,var(--color-dark-bg-light) 100%);color:#ffffffe6}}@media (prefers-color-scheme: light){body{background:linear-gradient(135deg,var(--color-light-bg) 0%,var(--color-light-bg-white) 100%);color:#000000d9}}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(600px at 30% 20%,rgba(255,199,44,.15) 0%,transparent 80%),radial-gradient(800px at 80% 60%,rgba(11,27,51,.1) 0%,transparent 70%);pointer-events:none;z-index:-1;filter:blur(80px)}#root{display:flex;flex-direction:column;min-height:100vh;align-items:center;padding:24px}.glass{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}@media (prefers-color-scheme: dark){.glass{background:var(--glass-dark);border:1px solid var(--glass-border)}}@media (prefers-color-scheme: light){.glass{background:var(--glass-light);border:1px solid rgba(0,0,0,.08)}}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,transparent 100%);pointer-events:none}@supports not (backdrop-filter: blur(1px)){@media (prefers-color-scheme: dark){.glass{background:#141e32d9}}@media (prefers-color-scheme: light){.glass{background:#f0f5ffe6}}}.search-hero{display:flex;align-items:center;gap:12px;padding:14px 20px;width:100%;max-width:600px;margin:48px auto 32px}.search-hero.glass{background:var(--glass-dark);border:1px solid var(--glass-border)}.search-hero input{flex:1;border:none;background:transparent;font-size:18px;font-weight:500;outline:none;color:#ffffffe6}.search-hero input::placeholder{color:#fff6}@media (prefers-color-scheme: light){.search-hero input{color:#000c}.search-hero input::placeholder{color:#0006}}.search-icon{width:20px;height:20px;stroke:#ffffff80}@media (prefers-color-scheme: light){.search-icon{stroke:#0006}}button{padding:10px 24px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}button:active{transform:scale(.97)}button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-accent);color:#000;font-weight:700}.btn-primary:hover{opacity:.9}.results{width:100%;max-width:900px;margin-top:32px;display:flex;flex-direction:column;gap:16px}.result-card{padding:24px;display:grid;grid-template-columns:1fr 120px;gap:16px;animation:slideUp .25s cubic-bezier(.16,1,.3,1) both}@media (max-width: 600px){.result-card{grid-template-columns:1fr}}.result-card.tkd{background:linear-gradient(135deg,#ffc72c14,#ffc72c0a),var(--glass-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.retailer-info{display:flex;flex-direction:column;gap:8px}.retailer-name{font-size:18px;font-weight:700}.retailer-name.tkd{color:var(--color-accent)}.product-name{font-size:14px;color:#ffffffb3}@media (prefers-color-scheme: light){.product-name{color:#0009}}.price-section{display:flex;flex-direction:column;gap:8px;text-align:right}@media (max-width: 600px){.price-section{text-align:left}}.price{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.price.cheapest{color:var(--color-accent)}.delta{font-size:12px;color:#ffffff80}@media (prefers-color-scheme: light){.delta{color:#00000080}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}