@custom-variant dark (&:is(.dark *));@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: var(--primary-hover); --color-primary-pressed: var(--primary-pressed); --color-primary-soft: var(--primary-soft); --color-primary-soft-2: var(--primary-soft-2); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-info: var(--info); --color-info-foreground: var(--info-foreground); --color-rating: var(--rating); --color-kakao: #fee500; --color-kakao-foreground: rgba(0, 0, 0, .85); --color-gray-50: var(--gray-50); --color-gray-100: var(--gray-100); --color-gray-200: var(--gray-200); --color-gray-300: var(--gray-300); --color-gray-400: var(--gray-400); --color-gray-500: var(--gray-500); --color-gray-600: var(--gray-600); --color-gray-700: var(--gray-700); --color-gray-800: var(--gray-800); --color-gray-900: var(--gray-900); --color-overlay-text: var(--overlay-text); --color-brand-50: var(--brand-50); --color-brand-100: var(--brand-100); --color-brand-500: var(--brand-500); --color-brand-600: var(--brand-600); --color-brand-700: var(--brand-700); --color-brand-900: var(--brand-900); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-ring: var(--sidebar-ring); --font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 10px; --radius-xl: 14px; --radius-full: 9999px; --shadow-sm: 0 1px 2px rgb(0 0 0 / .04); --shadow-md: 0 4px 16px rgb(0 0 0 / .06); --shadow-pop: 0 8px 32px rgb(0 0 0 / .1); --container-page: 88rem; --spacing-header: 4.5rem; --spacing-header-stack: 7rem; --spacing-sticky-side: calc(var(--spacing-header) + 1.5rem); --spacing-formlabel: var(--form-label-gap); --spacing-formfield: var(--field-gap, 1rem); --spacing-cardgap: var(--card-gap, 1rem); }:root{--primary: oklch(.62 .18 240);--primary-hover: oklch(.54 .18 240);--primary-pressed: oklch(.48 .18 240);--primary-soft: oklch(.96 .04 240);--primary-soft-2: oklch(.98 .02 240);--primary-foreground: oklch(.985 0 0);--gray-50: oklch(.985 0 0);--gray-100: oklch(.965 0 0);--gray-200: oklch(.92 0 0);--gray-300: oklch(.86 0 0);--gray-400: oklch(.74 0 0);--gray-500: oklch(.62 0 0);--gray-600: oklch(.52 0 0);--gray-700: oklch(.4 0 0);--gray-800: oklch(.3 0 0);--gray-900: oklch(.18 0 0);--background: oklch(1 0 0);--foreground: var(--gray-900);--card: oklch(1 0 0);--card-foreground: var(--gray-900);--popover: oklch(1 0 0);--popover-foreground: var(--gray-900);--secondary: var(--gray-100);--secondary-foreground: var(--gray-900);--muted: var(--gray-100);--muted-foreground: var(--gray-500);--accent: var(--gray-100);--accent-foreground: var(--gray-900);--border: var(--gray-200);--input: var(--gray-200);--ring: var(--primary);--success: oklch(.7 .17 155);--success-foreground: oklch(.985 0 0);--warning: oklch(.78 .17 70);--warning-foreground: oklch(.18 0 0);--destructive: oklch(.6 .22 25);--destructive-foreground: oklch(.985 0 0);--info: var(--primary);--info-foreground: var(--primary-foreground);--rating: oklch(.68 .22 30);--overlay-text: oklch(1 0 0);--brand-50: oklch(.97 .02 240);--brand-100: oklch(.93 .05 240);--brand-500: oklch(.7 .16 240);--brand-600: var(--primary);--brand-700: var(--primary-hover);--brand-900: oklch(.32 .14 240);--sidebar: var(--gray-50);--sidebar-foreground: var(--gray-900);--sidebar-border: var(--gray-200);--sidebar-accent: var(--gray-100);--sidebar-accent-foreground: var(--gray-900);--sidebar-ring: var(--primary);--radius: 8px;--form-label-gap: 10px}.dark{--primary: oklch(.7 .16 240);--primary-hover: oklch(.62 .18 240);--primary-pressed: oklch(.54 .18 240);--primary-soft: oklch(.3 .08 240);--primary-soft-2: oklch(.25 .06 240);--primary-foreground: oklch(.145 0 0);--gray-50: oklch(.18 0 0);--gray-100: oklch(.22 0 0);--gray-200: oklch(.28 0 0);--gray-300: oklch(.36 0 0);--gray-400: oklch(.5 0 0);--gray-500: oklch(.65 0 0);--gray-600: oklch(.75 0 0);--gray-700: oklch(.85 0 0);--gray-800: oklch(.93 0 0);--gray-900: oklch(.985 0 0);--background: var(--gray-50);--foreground: var(--gray-900);--card: oklch(.22 0 0);--card-foreground: var(--gray-900);--popover: oklch(.22 0 0);--popover-foreground: var(--gray-900);--secondary: var(--gray-100);--secondary-foreground: var(--gray-900);--muted: var(--gray-100);--muted-foreground: var(--gray-500);--accent: var(--gray-100);--accent-foreground: var(--gray-900);--border: var(--gray-200);--input: var(--gray-200);--ring: var(--primary);--success: oklch(.75 .17 155);--success-foreground: oklch(.145 0 0);--warning: oklch(.82 .18 70);--warning-foreground: oklch(.145 0 0);--destructive: oklch(.65 .22 25);--destructive-foreground: oklch(.985 0 0);--info: var(--primary);--info-foreground: var(--primary-foreground);--rating: oklch(.72 .22 30);--overlay-text: oklch(1 0 0);--sidebar: oklch(.24 0 0);--sidebar-foreground: var(--gray-900);--sidebar-border: var(--gray-200);--sidebar-accent: var(--gray-100);--sidebar-accent-foreground: var(--gray-900);--sidebar-ring: var(--primary)}@layer base{*{border-color:var(--color-border);outline-color:color-mix(in oklch,var(--color-ring) 50%,transparent)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.admin{--card-padding-y: 20px;--card-padding-x: 24px;--card-gap: 12px;--field-gap: 14px;--input-py: 10px;--input-px: 12px;--page-title-size: 22px}:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}html,body{margin:0;padding:0;width:100%;height:100%;background:transparent;color:var(--overlay-text);overflow:hidden}#overlay-root{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2cqmin;padding:3cqmin;overflow:hidden;container-type:size}.overlay-item{width:100%}.overlay-toast{width:100%;padding:2.5cqmin 3cqmin;border-radius:2.5cqmin;background:color-mix(in srgb,var(--brand-600) 92%,transparent);color:var(--overlay-text);box-shadow:0 .8cqmin 2.5cqmin #00000059;opacity:0;transform:translateY(10cqmin) scale(.94);transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1)}.overlay-toast.is-in{opacity:1;transform:translateY(0) scale(1)}.overlay-toast.is-out{opacity:0;transform:translateY(-2cqmin) scale(.98);transition:opacity .3s ease,transform .3s ease}.widget-body{font-size:clamp(11px,3.4cqmin,26px);line-height:1.5;color:var(--overlay-text);word-break:keep-all;overflow-wrap:break-word}.widget-body strong{font-weight:700;color:var(--overlay-text)}.widget-body span{font-weight:500;opacity:.9}.widget-body em{font-style:normal;font-weight:700}.widget-cart-add{display:flex;align-items:center;gap:3cqmin}.widget-purchase{display:flex;align-items:center;gap:3cqmin;background:color-mix(in srgb,var(--brand-700) 92%,transparent)}.widget-coupon{text-align:center;background:color-mix(in srgb,var(--brand-500) 88%,transparent)}.widget-stock-low{border-left:1cqmin solid var(--overlay-text)}.widget-scheduler{text-align:center;letter-spacing:.02em}.widget-thumb{width:12cqmin;height:12cqmin;object-fit:cover;border-radius:2cqmin;flex-shrink:0}