:root{--color-primary: #7b2fbe;--color-primary-light: #f3e8ff;--color-bg-base: #fff;--color-bg-subtle: #f0f0f0;--color-bg-component: #e5e7eb;--color-bg-interactive: #7b2fbe;--color-bg-overlay: rgb(26 26 46 / 40%);--color-fg-base: #1a1a2e;--color-fg-subtle: #6b7280;--color-fg-muted: #9ca3af;--color-fg-on-color: #fff;--color-fg-interactive: #7b2fbe;--color-border-base: #e5e5e5;--color-border-strong: #d1d5db;--color-button-inverted: #7b2fbe;--color-button-inverted-hover: #6a28a6;--color-surface-dark: #1a1a2e;--color-surface-dark-hover: #2a2a42;--color-button-neutral: #fff;--color-button-neutral-hover: #f0f0f0;--color-danger: #ef4444;--radius-sm: 6px;--radius-default: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-card: 0 0 0 1px rgb(0 0 0 / 8%), 0 1px 2px -1px rgb(0 0 0 / 8%), 0 2px 4px 0 rgb(0 0 0 / 4%);--shadow-elevated: 0 0 0 1px rgb(0 0 0 / 8%), 0 1px 2px -1px rgb(0 0 0 / 8%), 0 2px 8px 0 rgb(0 0 0 / 10%);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Roboto Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-fg-base);background:var(--color-bg-base);line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{position:sticky;top:0;z-index:100;background:var(--color-bg-base);border-bottom:1px solid var(--color-border-base)}.header__announcement{background:var(--color-surface-dark);color:var(--color-fg-on-color);text-align:center;padding:8px 16px;font-size:13px;font-weight:500;letter-spacing:.01em}.header__inner{display:flex;align-items:center;gap:32px;max-width:1280px;margin:0 auto;padding:0 24px;height:56px}.header__logo{font-size:16px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;color:var(--color-fg-base)}.header__nav{display:flex;align-items:center;gap:4px;flex:1}.header__link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:500;color:var(--color-fg-subtle);border-radius:var(--radius-sm);transition:color .15s,background .15s}.header__link:hover{color:var(--color-fg-base);background:var(--color-button-neutral-hover)}.header__link--active{color:var(--color-fg-base)}.header__link--dropdown{font-size:14px;font-weight:500;color:var(--color-fg-subtle)}.header__chevron{transition:transform .2s}.header__dropdown{position:relative}.header__dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:6px;background:var(--color-bg-base);border-radius:var(--radius-default);box-shadow:var(--shadow-elevated);z-index:200}.header__dropdown-menu:before{content:"";position:absolute;top:-8px;left:0;width:100%;height:8px}.header__dropdown:hover .header__dropdown-menu{display:flex;flex-direction:column}.header__dropdown:hover .header__chevron{transform:rotate(180deg)}.header__dropdown-link{display:block;padding:8px 12px;font-size:14px;color:var(--color-fg-subtle);border-radius:var(--radius-sm);transition:color .15s,background .15s}.header__dropdown-link:hover{color:var(--color-fg-base);background:var(--color-button-neutral-hover)}.header__actions{display:flex;align-items:center;gap:4px}.header__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-fg-subtle);border-radius:var(--radius-sm);transition:color .15s,background .15s}.header__icon-btn:hover{color:var(--color-fg-base);background:var(--color-button-neutral-hover)}.header__icon-btn--cart{position:relative}.header__cart-count{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;color:var(--color-fg-on-color);background:var(--color-button-inverted);border-radius:9999px}@media(width<=768px){.header__announcement{font-size:11px;padding:6px 12px}.header__inner{gap:12px;padding:0 16px}.header__logo{font-size:14px}}.header__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-fg-subtle);border-radius:var(--radius-sm);transition:color .15s,background .15s}.header__hamburger:hover{color:var(--color-fg-base);background:var(--color-button-neutral-hover)}@media(width<=768px){.header__hamburger{display:flex}.header__nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:8px 16px 16px;background:var(--color-bg-base);border-bottom:1px solid var(--color-border-base);box-shadow:var(--shadow-elevated);z-index:150}.header__nav--open{display:flex}.header__dropdown-menu{position:static;box-shadow:none;padding:0 0 0 16px;min-width:0}.header__dropdown-menu:before{display:none}.header__dropdown:hover .header__dropdown-menu{display:none}.header__dropdown.header__dropdown--open .header__dropdown-menu{display:flex;flex-direction:column}}