*{margin:0;padding:0;box-sizing:border-box}:root{--navy-900: #081740;--navy-800: #0f2858;--navy-700: #17336b;--gold: #faff00;--gold-hover: #e0e600;--gold-dim: rgba(250, 255, 0, .14);--success: #34d872;--error: #f45252;--color-accent: var(--gold);--color-card: rgba(255, 255, 255, .08);--color-card-hover: rgba(255, 255, 255, .12);--border-subtle: rgba(250, 255, 0, .06);--border-light: rgba(250, 255, 0, .08);--border-medium: rgba(250, 255, 0, .12);--border-strong: rgba(250, 255, 0, .18);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .55);--text-faint: rgba(255, 255, 255, .45);--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:dark}body{font-family:-apple-system,SF Pro Text,Helvetica Neue,Inter,sans-serif;font-size:16px;line-height:1.6;letter-spacing:-.02em;background:radial-gradient(120% 90% at 50% 30%,var(--navy-700) 0%,var(--navy-800) 55%,var(--navy-900) 100%) fixed;color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh;align-items:center;padding:24px}.glass{background:var(--color-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}@supports not (backdrop-filter: blur(1px)){.glass{background:#0f2858e6}}.search-hero{display:flex;align-items:center;gap:12px;padding:14px 20px;width:100%;max-width:600px;margin:48px auto 32px}.search-hero input{flex:1;border:none;background:transparent;font-size:18px;font-weight:500;outline:none;color:var(--text-primary)}.search-hero input::placeholder{color:var(--text-faint)}.search-icon{width:20px;height:20px;stroke:var(--text-muted)}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),background .15s;white-space:nowrap}button:active{transform:scale(.97)}button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--gold);color:var(--navy-900);font-weight:700}.btn-primary:hover{background:var(--gold-hover)}.results{width:100%;max-width:900px;margin-top:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.results-header,.results-footer{grid-column:1 / -1}@media (max-width: 700px){.results{grid-template-columns:1fr}}.result-card{padding:24px;display:grid;grid-template-columns:1fr 120px;gap:16px;height:100%;animation:slideUp .25s cubic-bezier(.16,1,.3,1) both}@media (max-width: 600px){.result-card{grid-template-columns:1fr}}.result-card.tkd{border-color:var(--border-strong)}@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:var(--text-secondary)}.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(--success)}.delta{font-size:12px;color:var(--text-muted)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
