:root{--color-text: #0a0a0a;--color-text-secondary: #666;--color-surface: #ffffff;--color-background: #fafafa;--color-border: #e5e5e5;--color-primary: #0a0a0a;--color-error: #dc2626;--color-warning: #f59e0b;--brand: #f0ffc9;--typeface-compressed: "GT-America-Compressed-Regular", "GT America Compressed", sans-serif;--cart-badge-bg: #ebb208;--cart-badge-bg-logged-in: #4a8edd;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--container-max-width: 1000px;--container-padding: 20px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}@font-face{font-family:GT-America-Compressed-Regular;src:url(https://cdn.jsdelivr.net/npm/ds-one@0.1.11-alpha.7/DS1/1-root/fonts/GT-America-Compressed-Regular.woff2) format("woff2");font-display:swap}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{justify-content:space-between;max-width:var(--container-max-width);margin:0 auto}@media(min-width:768px){.container{--container-padding: 40px}}.site-header{margin-top:40px}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.header-actions{height:40px;display:flex;align-items:end;justify-content:space-between;gap:var(--spacing-md);flex:1}.view-button{background:none;border:none;padding:0;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast);overflow:hidden}.view-button:hover{opacity:.8}.view-button img,.view-button svg{display:block;width:32px;height:32px}.profile-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer;transition:opacity var(--transition-fast);text-decoration:none}.profile-button:hover{opacity:.8}.profile-button img{display:block;width:30px;height:30px}.profile-button.logged-in{background:#4a8edd;border-radius:50%}cart-display{margin-left:auto}.main-content{min-height:60vh}.main-layout{display:flex;flex-direction:column;align-items:center;margin:0 auto;max-width:var(--container-max-width);width:100%;padding:0 var(--container-padding)}.filters-section{height:60px;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.filters-bar{display:flex;justify-content:center;gap:50px;height:80px;padding:20px 0 40px}.filter-toggle-container{display:flex;align-items:center;height:20px}.filter-toggle{display:flex;align-items:center;gap:4px;padding:0;height:16px;background:transparent;border:none;font-size:16px;font-weight:400;color:var(--color-text);cursor:pointer;white-space:nowrap}.filter-toggle.active{background:var(--brand)}.filter-label{font-size:16px;line-height:1}.filter-toggle text-v1{font-size:16px;line-height:1;display:inline}.filter-icon{width:16px;height:16px;display:block}.filter-close{width:16px;height:16px;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;position:relative}.filter-toggle.active .filter-close{opacity:1;pointer-events:auto;background:linear-gradient(90deg,#0003 0% 100%)}.filter-dropdown{display:flex;gap:10px;padding:10px;background:var(--color-surface)}.filter-dropdown[hidden]{display:none}.color-picker{justify-content:center}.color-option{width:24px;height:24px;cursor:pointer;padding:0;transition:transform .2s ease}.color-option:hover{transform:scale(1.1)}.detail-picker{flex-direction:column;gap:2px;padding:0;border:none;background:transparent}.detail-option{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--brand);border:none;font-size:16px;cursor:pointer;transition:opacity .2s ease;height:18px}.detail-option:hover{opacity:.7}.detail-option img{width:16px;height:16px}.detail-option.selected{background:var(--brand)}.loading-state,.empty-state{padding:var(--spacing-3xl) var(--spacing-md);text-align:center;color:var(--color-text-secondary)}.site-footer{margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0;border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;text-align:center}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;text-align:left}}.copyright{margin:0;font-size:14px;color:var(--color-text-secondary)}.footer-links{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.footer-link{font-size:14px;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover,.footer-link:focus{color:var(--color-text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:1000}.skip-link:focus{top:0}.site-footer{width:100%;padding:40px 20px;margin-top:80px}.footer-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-copyright{flex-shrink:0}.footer-copyright p{font-size:12px;color:#878787;margin:0;white-space:nowrap}.footer-nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:center;flex:1}.footer-nav a{font-size:12px;color:#000;text-decoration:none;white-space:nowrap;transition:opacity .2s}.footer-nav a:hover{opacity:.6}.footer-settings{display:flex;gap:5px;align-items:center;flex-shrink:0}.footer-settings cycle-v1{font-size:12px}.footer-settings cycle-v1 ds-button{font-size:14px;background:#e7e7e7;color:#3d3d3d;padding:0 4px;height:auto;min-height:16px}.footer-setting{background:none;border:none;padding:0;font-size:12px;color:#000;cursor:pointer;transition:opacity .2s;font-family:inherit}.footer-setting.active{background:#e7e7e7;padding:0 4px;font-size:14px;color:#3d3d3d}.footer-setting:hover{opacity:.6}.footer-separator{font-size:12px;color:#000}@media(max-width:768px){.footer-content{flex-direction:column;gap:20px}.footer-nav{flex-direction:column;gap:12px}}