.shopping-mode-finish{bottom:calc(5rem + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--border);background:var(--background);border-radius:999px;width:min(100% - 2.5rem,390px);padding:8px;position:fixed;left:50%;transform:translate(-50%)}body:has(.shopping-mode-finish) [data-sonner-toaster]{top:auto!important;bottom:calc(10rem + env(safe-area-inset-bottom))!important}body:has(.shopping-mode-finish) [data-sonner-toast]{--lift:-1!important;top:auto!important;bottom:0!important}[data-shopping-mode] h2,[data-shopping-mode] h3{font-family:var(--font-sans)}.dark [data-shopping-mode] .text-muted-foreground{color:color-mix(in oklab, var(--foreground) 80%, var(--background))}.page-guide-intro{color:#2e4e3b;background:#f0f4eb;border:1px solid #d6e1d1;border-radius:20px;margin-bottom:16px;padding:16px;font-size:.875rem;line-height:1.6}.page-guide-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.page-guide-actions button{white-space:normal;border-radius:999px;height:auto;min-height:44px}.page-guide-walkthrough{z-index:45;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));overscroll-behavior:contain;color:#2e4e3b;background:#fffdf8;border:1px solid #a6b99d;border-radius:22px;width:auto;max-width:400px;max-height:min(55dvh,440px);margin-inline:auto;padding:12px 16px 16px;font-size:.875rem;line-height:1.6;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #2e4e3b26}.page-guide-caption{justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;display:flex}.page-guide-title{margin-bottom:8px;font-size:1.125rem;font-weight:600}.page-guide-title:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #5e7f61}[data-guide-highlight=true]{outline-offset:4px;scroll-margin-top:16px;outline:3px solid #5e7f61!important}.dark .page-guide-intro,.dark .page-guide-walkthrough{color:#f4f5ee;background:#25352b;border-color:#5e7f61}.page-guide-intro,.page-guide-walkthrough{overflow-wrap:anywhere}.page-guide-caption>span{min-width:0}.page-guide-caption button{width:44px;height:44px}header:has([data-guide-action]){flex-wrap:wrap;gap:4px 12px}[data-guide-action]{white-space:normal;max-width:100%;margin-left:auto}header:has([data-guide-offline=true]){padding-top:calc(4.5rem + env(safe-area-inset-top))}.discover-shell-main:has(>.page-guide-intro){overscroll-behavior:contain;flex-direction:column;overflow-y:auto}.discover-shell-main>.page-guide-intro{flex-shrink:0}.discover-shell-main:has(>.page-guide-intro)>.discover-deck-viewport{flex-shrink:0;min-height:calc(100dvh - 11rem)}.page-guide-walkthrough[data-guide-id=discover]{top:max(12px, env(safe-area-inset-top));bottom:auto}@media (width<=360px){.discover-shell-main{height:calc(100dvh - 7.5rem)}}.settings-section{border:1px solid var(--border);color:var(--foreground);background:#fffdf8;border-radius:24px;overflow:hidden;box-shadow:0 2px 8px #253d2b08}.dark .settings-section{background:var(--card)}.settings-section-trigger{text-align:left;align-items:center;gap:12px;width:100%;min-height:80px;padding:16px;display:flex}.settings-section-icon{background:color-mix(in oklab, var(--primary) 10%, var(--card));width:40px;height:40px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.settings-section-content{padding:0 16px 16px}.settings-screen button{min-height:44px}.settings-screen button[aria-label]{min-width:44px}.settings-screen button:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.settings-screen input{min-height:44px}.settings-accent-options{grid-template-columns:repeat(auto-fit,minmax(52px,1fr))}.settings-section-content>p{line-height:1.5}.settings-subsection{border-top:1px solid var(--border);padding-block:16px}.auth-page{color:#2e4e3b;min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#faf7f1;display:flex}.auth-layout{width:100%;max-width:400px;margin:auto}.auth-page .ditherly-brand{flex-direction:column;align-items:center;display:flex}.auth-page .brand-wordmark{order:-1;font-size:clamp(2.6rem,12vw,3.25rem)}.auth-page .brand-hedgehog{max-width:160px;margin-top:12px}.auth-page .brand-tagline{letter-spacing:.01em;text-transform:none;margin-top:8px;font-size:14px;font-weight:500}.auth-card{background:#fffdf8;border:1px solid #dce2d6;border-radius:24px;margin-top:28px;padding:28px;box-shadow:0 8px 28px #2e4e3b08}.auth-heading{text-align:center;margin-bottom:24px}.auth-heading h1{font-family:Plus Jakarta Sans,ui-rounded,system-ui,sans-serif;font-size:24px;font-weight:700;line-height:1.3}.auth-heading p{color:#596b59;margin-top:8px;font-size:14px}.auth-form{gap:20px;display:grid}.auth-field{gap:8px;display:grid}.auth-field label{font-size:14px;font-weight:600}.auth-field input{color:#2e4e3b;background:#fffefb;border-color:#ccd6c7;border-radius:12px;height:48px;padding-inline:14px;scroll-margin-block:32px;font-size:16px}.auth-field input::placeholder{color:#70796c}.auth-field input:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #5e7f61}.auth-hint{color:#596b59;font-size:12px;line-height:1.6}.auth-submit{color:#fffdf8;background:#2e4e3b;border-radius:12px;width:100%;height:48px;font-size:15px}.auth-submit:hover{background:#3d6047}.auth-message{background:#eaf0e5;border-radius:12px;padding:12px 16px;font-size:14px}.auth-secondary{text-align:center;color:#596b59;margin-top:18px;font-size:14px}.auth-secondary button{color:#2e4e3b;text-underline-offset:4px;cursor:pointer;min-height:44px;font-weight:700;text-decoration:underline}.auth-secondary button:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #5e7f61}@media (width<=359px){.auth-card{padding:24px 20px}}.auth-recovery{background:var(--background);color:var(--foreground)}.auth-recovery .auth-card{background:var(--card);border-color:var(--border)}.auth-recovery .auth-field input{background:var(--background);color:var(--foreground);border-color:var(--border)}.auth-recovery .auth-hint,.auth-recovery .auth-secondary{color:var(--muted-foreground)}.auth-recovery .auth-message{background:var(--muted)}.auth-recovery .auth-submit{background:var(--primary);color:var(--primary-foreground)}.auth-recovery .auth-submit:hover{opacity:.9}.auth-recovery :is(input,a):focus-visible{outline-color:var(--ring)}.home-card{overflow-wrap:anywhere;border:1px solid var(--border);min-width:0;max-width:100%;color:var(--foreground);background:#fffdf8;border-radius:24px;padding:16px;box-shadow:0 2px 8px #253d2b08}.home-card:hover{box-shadow:0 2px 8px #253d2b08}.home-card .text-muted-foreground{color:var(--muted-foreground)}.home-card-header{color:var(--foreground);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.home-card-heading{flex:1;min-width:0;font-size:1rem;font-weight:600;line-height:1.35}.home-card-badge{background:color-mix(in oklab, var(--primary) 10%, var(--card));width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.home-card-badge svg{width:16px;height:16px}.home-card-action{margin-left:auto;font-size:.75rem;font-weight:500}.home-guide-action{width:44px;height:44px;color:var(--primary);background:color-mix(in oklab, var(--primary) 10%, var(--card));border-radius:50%;place-items:center;display:grid}.home-guide-action:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.home-card-list{grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;margin-top:12px;display:grid}.home-card-secondary{border-color:color-mix(in oklab, var(--primary) 25%, var(--border));background:color-mix(in oklab, var(--primary) 6%, var(--card));color:var(--foreground)}.home-card-secondary:hover{background:color-mix(in oklab, var(--primary) 10%, var(--card));color:var(--foreground)}.dark .home-card{background:var(--card)}[data-home-header]:has([data-guide-offline=true]){margin-top:calc(4rem + env(safe-area-inset-top))}.home-card[data-home-header]{background:color-mix(in oklab, var(--primary) 80%, var(--foreground));color:var(--primary-foreground);border-color:#0000}.home-card[data-home-header] .home-guide-action,.home-card[data-home-header] .home-card-secondary,.home-card[data-home-header] [data-guide-target=home-overview]{border:1px solid color-mix(in oklab, var(--primary-foreground) 55%, transparent);color:var(--primary-foreground);background:0 0}.home-card[data-home-header] .home-guide-action:hover,.home-card[data-home-header] .home-card-secondary:hover,.home-card[data-home-header] [data-guide-target=home-overview]:hover{background:color-mix(in oklab, var(--primary-foreground) 8%, transparent)}.home-card[data-home-header] button:focus-visible{outline:2px solid var(--primary-foreground);outline-offset:2px}.home-card-list>*,.home-card :where(.flex,.grid)>*{min-width:0}.home-card button{white-space:normal;max-width:100%}.home-card img{max-width:100%}
