@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;800&display=swap";:root{--bg-primary:#f2ece0;--bg-secondary:#e7ded0;--bg-tertiary:#dcd1be;--bg-glass:#fdfbf8e8;--border-color:#8b806b38;--border-focus:#c3623780;--border-glow:#c3623726;--text-primary:#2d2b27;--text-secondary:#656157;--text-muted:#9a958b;--color-indigo:#3273a6;--color-purple:#c36237;--color-pink:#c95c5c;--color-cyan:#488ca8;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-header:"Outfit", sans-serif;--shadow-premium:0 16px 36px -12px #5a503c33, 0 4px 12px -4px #5a503c1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#8b806b05 1px,#0000 1px),linear-gradient(90deg,#8b806b05 1px,#0000 1px);background-size:24px 24px;min-height:100vh;overflow-x:hidden}.auth-bubble.svelte-12qhfyh{z-index:150;position:fixed;top:1.25rem;right:1.5rem}.login-pill.svelte-12qhfyh{font-family:var(--font-sans);color:var(--text-primary);background:#faf8f5;border:1.5px solid #8b806b59;border-radius:12px;align-items:center;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:2px 2px #5a503c26,0 4px 8px -1px #5a503c1a}.login-pill.svelte-12qhfyh:hover{border-color:var(--border-focus);transform:translateY(-2px);box-shadow:4px 4px #5a503c26,0 8px 16px -2px #5a503c1f}.login-pill.svelte-12qhfyh:active{transform:translateY(1px)translate(1px);box-shadow:.5px .5px #5a503c26,0 2px 4px -1px #5a503c14}.avatar-button.svelte-12qhfyh{cursor:pointer;background:#faf8f5;border:1.5px solid #8b806b59;border-radius:50%;width:38px;height:38px;padding:2px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:2px 2px #5a503c26,0 4px 8px -1px #5a503c1a}.avatar-button.svelte-12qhfyh:hover{border-color:var(--border-focus);transform:translateY(-2px)scale(1.05);box-shadow:4px 4px #5a503c26,0 8px 16px -2px #5a503c1f}.avatar-button.svelte-12qhfyh:active{transform:translateY(1px)translate(1px)scale(.98);box-shadow:.5px .5px #5a503c26,0 2px 4px -1px #5a503c14}.avatar-button.svelte-12qhfyh img:where(.svelte-12qhfyh){object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-dropdown.svelte-12qhfyh{position:relative}.dropdown-menu.svelte-12qhfyh{border:1px solid var(--border-color);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;background:#faf8f5;border:1.5px solid #8b806b59;border-radius:12px;min-width:180px;padding:.85rem 1rem;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;position:absolute;top:calc(100% + .65rem);right:0;transform:scale(.95)translateY(-5px);box-shadow:3px 3px #5a503c26,0 12px 28px -4px #5a503c26}.dropdown-menu.show.svelte-12qhfyh{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)translateY(0)rotate(-1.5deg)}.dropdown-name.svelte-12qhfyh{font-family:var(--font-sans);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #8b806b40;margin-bottom:.5rem;padding-bottom:.5rem;font-size:.82rem;font-weight:700;display:block;overflow:hidden}.logout-error.svelte-12qhfyh{color:var(--color-pink);margin-top:.6rem;font-size:.78rem}a.svelte-12qhfyh:focus-visible,button.svelte-12qhfyh:focus-visible{outline:3px solid var(--color-indigo);outline-offset:3px}.top-products-link.svelte-12qhfyh{text-align:center;font-family:var(--font-sans);color:var(--color-indigo);cursor:pointer;background:#3273a614;border:1.5px dashed #3273a64d;border-radius:8px;margin-bottom:.5rem;padding:.45rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:block;box-shadow:1px 1px #3273a61a}.top-products-link.svelte-12qhfyh:hover{border-style:solid;border-color:var(--color-indigo);background:#3273a626;transform:translateY(-1px);box-shadow:2px 2px #3273a626}.home-pill.svelte-12qhfyh{z-index:150;font-family:var(--font-sans);color:var(--text-primary);background:#faf8f5;border:1.5px solid #8b806b59;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s,width .2s,height .2s,padding .2s;display:inline-flex;position:fixed;top:1.25rem;left:1.5rem;box-shadow:2px 2px #5a503c26,0 4px 8px -1px #5a503c1a}.home-pill.svelte-12qhfyh:hover{border-color:var(--border-focus);transform:translateY(-2px);box-shadow:4px 4px #5a503c26,0 8px 16px -2px #5a503c1f}.home-pill.svelte-12qhfyh:active{transform:translateY(1px)translate(1px);box-shadow:.5px .5px #5a503c26,0 2px 4px -1px #5a503c14}.home-pill.collapsed.svelte-12qhfyh span:where(.svelte-12qhfyh){display:none}.home-pill.collapsed.svelte-12qhfyh{border-radius:50%;justify-content:center;gap:0;width:38px;height:38px;padding:.5rem}.home-icon.svelte-12qhfyh{color:var(--text-secondary);flex-shrink:0}@media (width<=768px){.home-pill.svelte-12qhfyh span:where(.svelte-12qhfyh){display:none}.home-pill.svelte-12qhfyh{border-radius:50%;justify-content:center;gap:0;width:38px;height:38px;padding:.5rem}}.avatar-skeleton.svelte-12qhfyh{background:linear-gradient(90deg,#8b806b14 25%,#8b806b26 50%,#8b806b14 75%) 0 0/200% 100%;border:1.5px solid #8b806b33;border-radius:50%;width:38px;height:38px;animation:1.5s infinite svelte-12qhfyh-loading-shimmer}@keyframes svelte-12qhfyh-loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dropdown-menu.svelte-12qhfyh button:where(.svelte-12qhfyh){text-align:center;width:100%;font-family:var(--font-sans);color:var(--color-pink);cursor:pointer;background:#c95c5c14;border:1.5px dashed #c95c5c4d;border-radius:8px;margin-top:.5rem;padding:.45rem;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:1px 1px #c95c5c1a}.dropdown-menu.svelte-12qhfyh button:where(.svelte-12qhfyh):hover{border-style:solid;border-color:var(--color-pink);background:#c95c5c26;transform:translateY(-1px);box-shadow:2px 2px #c95c5c26}
