@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap";:root{--primary: #8B5CF6;--primary-light: #A78BFA;--secondary: #10B981;--bg-gradient: linear-gradient(135deg, #F3E8FF 0%, #E0F2FE 50%, #DCFCE7 100%);--card-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--text-main: #1E293B;--text-muted: #64748B}body{margin:0;font-family:Inter,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;color:var(--text-main)}.glass-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #1f268712}.premium-shadow{box-shadow:0 10px 40px -10px #0000000d}.category-label{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:12px;font-weight:800;color:var(--primary);font-size:1.2rem;box-shadow:0 4px 12px #0000000d;margin-bottom:24px}.product-card{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:20px;padding:20px}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -15px #0000001a;background:#fff}.btn-add{background:var(--primary);color:#fff;border-radius:8px;padding:4px 10px;font-weight:800;font-size:.7rem;display:flex;align-items:center;gap:4px;transition:all .2s}.btn-add:hover{background:#7c3aed;transform:scale(1.05)}.btn-add.active{background:#10b981}.search-bar{background:#fff;border-radius:99px;padding:8px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #00000008;transition:all .3s}.search-bar:focus-within{box-shadow:0 4px 25px #8b5cf626;transform:scale(1.02)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b5cf666}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}