.shop-shell{--shop-bg:#fbf9f5;--shop-surface:#ffffff;--shop-surface-muted:#f4f0e8;--shop-champagne-surface:#f8f0dd;--shop-text:#201d19;--shop-text-muted:#6b665d;--shop-text-faint:#7c7264;--shop-border:#e7e1d5;--shop-border-strong:#d8cfbc;--shop-gold:#b8873b;--shop-gold-hover:#a1732e;--shop-gold-soft:rgba(184,135,59,0.1);--shop-champagne:#e5c16a;--shop-success:#4f7a42;--shop-success-soft:rgba(79,122,66,0.1);--shop-danger:#b6432f;--shop-shadow-sm:0 2px 8px -4px rgba(32,29,25,0.12);--shop-shadow:0 12px 32px -20px rgba(32,29,25,0.18);--shop-shadow-lg:0 20px 48px -24px rgba(32,29,25,0.24);--shop-ease:cubic-bezier(0.22,1,0.36,1);--shop-neu-light:rgba(255,255,255,0.9);--shop-neu-dark:rgba(154,124,82,0.28)}.btn-ghost,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.625rem;font-weight:500;font-size:.875rem;letter-spacing:.01em;transition:background-color .2s var(--shop-ease),border-color .2s var(--shop-ease),color .2s var(--shop-ease),transform .15s var(--shop-ease),box-shadow .2s var(--shop-ease);cursor:pointer}.btn-ghost:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.btn-primary{background:var(--shop-text);color:var(--shop-warm-white,#fff);padding:.75rem 1.75rem;box-shadow:var(--shop-shadow-sm)}.btn-primary:hover:not(:disabled){background:#000;box-shadow:var(--shop-shadow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:none}.btn-secondary{background:transparent;color:var(--shop-text);border:1px solid var(--shop-border-strong);padding:.75rem 1.75rem}.btn-secondary:hover:not(:disabled){background:var(--shop-surface-muted);border-color:var(--shop-text-faint)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-ghost{background:transparent;color:var(--shop-gold);padding:.5rem .25rem}.btn-ghost:hover:not(:disabled){color:var(--shop-gold-hover)}.input{width:100%;background:var(--shop-surface);border:1px solid var(--shop-border);border-radius:.625rem;padding:.7rem 1rem;font-size:.9375rem;color:var(--shop-text);transition:border-color .15s var(--shop-ease),box-shadow .15s var(--shop-ease)}.input::placeholder{color:var(--shop-text-faint)}.input:hover{border-color:var(--shop-border-strong)}.input:focus{outline:none;border-color:var(--shop-gold);box-shadow:0 0 0 3px var(--shop-gold-soft)}.input-label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--shop-text-muted)}.card{background:var(--shop-surface);border:1px solid var(--shop-border);border-radius:1rem;transition:box-shadow .25s var(--shop-ease),transform .25s var(--shop-ease),border-color .25s var(--shop-ease)}.card-interactive:hover{box-shadow:var(--shop-shadow);border-color:var(--shop-border-strong)}.neu-raised{border-radius:1.25rem;box-shadow:-8px -8px 16px var(--shop-neu-light),8px 8px 20px var(--shop-neu-dark)}.neu-inset,.neu-raised{background:var(--shop-bg)}.neu-inset{border-radius:.85rem;box-shadow:inset -5px -5px 10px var(--shop-neu-light),inset 5px 5px 12px var(--shop-neu-dark)}.neu-button:focus-visible,.neu-inset:focus-visible,.neu-raised:focus-visible{outline:2px solid var(--shop-gold);outline-offset:2px}.neu-button{background:var(--shop-bg);border-radius:.85rem;box-shadow:-5px -5px 10px var(--shop-neu-light),5px 5px 12px var(--shop-neu-dark);transition:box-shadow .15s ease,transform .15s ease}.neu-button:active{box-shadow:inset -4px -4px 8px var(--shop-neu-light),inset 4px 4px 10px var(--shop-neu-dark);transform:scale(.99)}.shop-shell{background-image:radial-gradient(ellipse 1200px 700px at 50% -8%,rgba(184,135,59,.07),transparent 62%),radial-gradient(ellipse 900px 600px at 100% 100%,rgba(122,82,48,.05),transparent 60%),repeating-linear-gradient(0deg,rgba(122,82,48,.02),rgba(122,82,48,.02) 1px,transparent 0,transparent 3px);background-attachment:fixed}.shop-shell :is(input,textarea,select,button,a,[tabindex]):focus-visible{outline:2px solid var(--shop-gold);outline-offset:2px}