.global-error-page{min-height:100dvh;padding:var(--space-8);background-color:var(--bg-page);font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;display:flex}.global-error-illustration{margin-bottom:var(--space-6)}@keyframes drip{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:.9}to{opacity:0;transform:translateY(38px)}}.dropper-drop{opacity:0;animation:3.2s ease-in infinite drip}.dropper-drop-2{animation-delay:1.1s}.dropper-drop-3{animation-delay:2.2s}.global-error-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-normal);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-align:center;margin:0 0 var(--space-3) 0;max-width:380px}.global-error-subtitle{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);text-align:center;margin:0 0 var(--space-8) 0;max-width:340px}.global-error-actions{gap:var(--space-3);justify-content:center;display:flex}@media (width<=479px){.global-error-actions{flex-direction:column;width:100%;max-width:280px}}.navigation-progress{z-index:var(--z-progress);pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0}.navigation-progress__bar{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);transform-origin:0;height:100%;box-shadow:0 0 8px oklch(from var(--color-primary) l c h / .5);animation:1.8s ease-out forwards progress}@keyframes progress{0%{width:0%}20%{width:40%}50%{width:70%}80%{width:85%}to{width:95%}}.button.back-to-top{right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0));z-index:var(--z-elevated);border-radius:var(--radius-full);width:44px;height:44px;min-height:44px;box-shadow:var(--shadow-pop,0 8px 24px oklch(0% 0 0/.18));opacity:0;pointer-events:none;transition:opacity .2s ease, transform .25s var(--ease-soft-bounce), background .15s ease;padding:0;position:fixed;transform:translateY(12px)scale(.92)}.button.back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}@media (width<=767px){.back-to-top{bottom:calc(var(--bottom-nav-height,4.5rem) + env(safe-area-inset-bottom,0) + var(--space-3))}}.dialog-content{width:fit-content;max-width:100dvw;height:fit-content;max-height:100dvh;color:inherit;background:0 0;border:none;margin:auto;padding:0;position:fixed;inset:0}.dialog-content::backdrop{background:var(--overlay)}.dialog-sheet{background:var(--bg-card);border-top:var(--rule-bold);overscroll-behavior:contain;width:100%;max-height:90dvh;animation:dialogSheetIn var(--transition-slow) cubic-bezier(.32, .72, 0, 1);box-shadow:0 -12px 48px oklch(0% 0 0/.14), 0 -4px 24px oklch(from var(--color-primary) l c h / .1);border-radius:1.25rem 1.25rem 0 0;margin:auto auto 0;overflow-y:auto}@media (width>=640px){.dialog-sheet{border-radius:var(--radius-lg);max-width:680px;max-height:88dvh;box-shadow:var(--shadow-lg), 0 0 0 1px var(--border-default);margin:auto}}@media (prefers-reduced-motion:reduce){.dialog-sheet{animation:none}}@keyframes dialogSheetIn{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.theme-toggle-wrap{position:relative}.theme-toggle-trigger{border-radius:var(--radius-md);cursor:pointer;min-height:2.75rem;color:var(--color-sidebar-text,currentColor);transition:background var(--transition-base);background:0 0;border:none;align-items:center;gap:6px;padding:8px 10px;display:flex}.theme-toggle-trigger__dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.theme-dropdown{inset:unset;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:140px;box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;margin:0;padding:8px;display:none}.theme-dropdown__btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);white-space:nowrap;text-align:left;transition:all var(--transition-base);background:0 0;border:2px solid #0000;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:.875rem;display:flex}.theme-dropdown__btn[aria-pressed=true]{border-color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .12);color:var(--text-primary);font-weight:600}.theme-dropdown__dot{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.theme-dropdown__sep{background:var(--border-default);height:1px;margin:2px 0}@media (prefers-reduced-motion:reduce){.theme-toggle-trigger,.theme-dropdown__btn{transition-duration:.01ms}}:root{--bottom-nav-height:4.5rem}.bottom-nav{display:none}@media (width<=767px){.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0));background:radial-gradient(circle at top, oklch(from var(--color-sidebar-bg) 28% .04 h), var(--color-sidebar-bg));border-top:1px solid oklch(from var(--color-sidebar-bg) 35% .05 h);z-index:var(--z-modal);view-transition-name:bottom-nav;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px oklch(0% 0 0/.3)}.bottom-nav__sheet{background:oklch(from var(--color-sidebar-bg) l c h / .98);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid oklch(from var(--color-sidebar-bg) 35% .05 h);max-height:85dvh;padding:1rem var(--space-4) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,2rem));box-shadow:var(--shadow-pop);border-radius:2rem 2rem 0 0;flex-direction:column;gap:.25rem;display:flex}.bottom-nav__sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bottom-nav__sheet:before{content:"";background:oklch(from var(--color-sidebar-bg) 60% .02 h);opacity:.4;border-radius:10px;width:32px;height:4px;margin:0 auto 1.5rem;display:block}.bottom-nav__tab{cursor:pointer;color:var(--color-sidebar-text);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition-slow) var(--ease-decel);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .25rem;font-weight:700;display:flex}.bottom-nav__tab:active{transform:scale(.92)}.bottom-nav__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.bottom-nav__tab--active,.bottom-nav__tab[aria-current=page],.bottom-nav__tab--sheet-open{color:var(--color-accent);filter:drop-shadow(0 0 10px oklch(from var(--color-accent) l c h / .4))}.bottom-nav__sheet-link,.bottom-nav__sheet-auth-link{align-items:center;gap:var(--space-4);color:var(--color-sidebar-text-active);padding:1rem var(--space-4);transition:all var(--transition-base) ease;border-radius:1.25rem;font-size:1rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav__sheet-link:hover,.bottom-nav__sheet-auth-link:hover{background:var(--color-sidebar-item-hover);transform:translate(4px)}.bottom-nav__sheet-link:focus-visible,.bottom-nav__sheet-auth-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.bottom-nav__sheet-divider{background:var(--color-sidebar-item-active);height:1px;margin:var(--space-3) var(--space-4)}.bottom-nav__sheet-row{padding:.75rem var(--space-4);justify-content:space-between;align-items:center;display:flex}.bottom-nav__sheet-row-label{color:var(--color-sidebar-text);font-size:.9rem;font-weight:600}.bottom-nav__sheet-logout{align-items:center;gap:var(--space-4);cursor:pointer;width:100%;color:var(--color-sidebar-text);padding:1rem var(--space-4);background:0 0;border:none;border-radius:1.25rem;font-size:1rem;font-weight:600;display:flex}.bottom-nav__sheet-logout:hover{background:var(--color-sidebar-item-hover)}.bottom-nav__sheet-logout:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}}.dropdown-menu{display:inline-flex;position:relative}.dropdown-menu__content{z-index:var(--z-popover);background:var(--bg-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);min-width:10rem;max-width:calc(100vw - 16px);box-shadow:var(--shadow-lg);padding:.25rem;animation:.18s ease-out dropdown-menu-in;overflow:hidden}.dropdown-menu__item{align-items:center;gap:var(--space-3);width:100%;min-height:44px;font-size:.875rem;font-weight:var(--font-medium);color:var(--text-primary);text-align:left;border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;transition:background var(--transition-fast) ease;background:0 0;border:none;padding:.6rem .75rem;text-decoration:none;display:flex}.dropdown-menu__item:hover{background:var(--bg-muted)}.dropdown-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.dropdown-menu__item--danger{color:var(--color-error)}.dropdown-menu__item--danger:hover{background:oklch(from var(--color-error) l c h / .1)}@keyframes dropdown-menu-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.dropdown-menu__content{animation:none}}.profile-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--text-inverse);-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px oklch(from var(--color-primary) l c h / .25);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.profile-avatar--sm{width:2rem;height:2rem;font-size:var(--text-xs)}.profile-avatar--md{width:3rem;height:3rem;font-size:var(--text-base)}.profile-avatar--lg{width:5rem;height:5rem;font-size:var(--text-xl)}.profile-avatar--xl{width:6rem;height:6rem;font-size:1.625rem}.profile-avatar__img{object-fit:cover;width:100%;height:100%}.profile-avatar__initials{font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);line-height:1}.profile-avatar__icon{opacity:.9;width:40%;height:40%}.user-menu{justify-content:center;width:100%;display:flex;position:relative}.user-menu__trigger{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--color-sidebar-text);transition:background var(--transition-fast) ease;justify-content:center;align-items:center;gap:var(--space-2);background:0 0;border:none;padding:.5rem;display:flex}.user-menu--sidebar-open{justify-content:flex-start}.user-menu--sidebar-open .user-menu__trigger{padding-left:var(--space-3);justify-content:flex-start}.user-menu__trigger:hover{background:var(--color-sidebar-item-hover)}.user-menu__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.user-menu__trigger--active{background:var(--color-sidebar-item-active)}.user-menu__username{white-space:nowrap;text-overflow:ellipsis;max-width:8rem;font-size:.875rem;font-weight:500;overflow:hidden}.user-menu__dropdown{background:var(--color-sidebar-bg);min-width:10rem}.user-menu__dropdown .dropdown-menu__item{color:var(--color-sidebar-text)}.user-menu__dropdown .dropdown-menu__item:hover{background:var(--color-sidebar-item-hover)}.user-menu__dropdown .dropdown-menu__item.active{background:var(--color-sidebar-item-active);color:var(--color-sidebar-text)}.blog-list-skeleton__grid{grid-template-columns:repeat(auto-fill, minmax(var(--list-grid-min,280px), 1fr));gap:var(--space-3);display:grid}@media (width>=640px){.blog-list-skeleton__grid{gap:var(--space-4)}}.blog-list-skeleton__card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.blog-list-skeleton__cover{aspect-ratio:16/9;border-radius:0;width:100%}.blog-list-skeleton__body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.blog-list-skeleton__footer{padding:var(--space-3) var(--space-4);border-top:var(--rule-section);background:var(--bg-sunken)}.blog-article-skeleton{gap:var(--space-3);flex-direction:column;display:flex}.blog-article-skeleton__header{gap:var(--space-3);margin:var(--space-2) 0;flex-direction:column;display:flex}.blog-article-skeleton__meta{align-items:center;gap:var(--space-3);display:inline-flex}.blog-article-skeleton__cover{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;max-height:360px;margin:var(--space-2) 0}.blog-article-skeleton__body{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.detail-page-layout{min-height:calc(100dvh - var(--nav-height));background:var(--bg-page);animation:fade-slide-in var(--transition-base) ease;overflow-x:hidden}.detail-page-layout__banner{background:linear-gradient(135deg, oklch(from var(--color-primary) calc(l * .6) c h) 0%, var(--color-primary) 40%, var(--color-accent) 100%);opacity:.28;height:6rem}.detail-page-layout__content{box-sizing:border-box;width:100%;max-width:42rem;padding:var(--space-6);margin-inline:auto;position:relative}.detail-page-layout__content--with-banner{margin-top:-3rem}@media (width<=639px){.detail-page-layout__content{padding:var(--space-4)}.detail-page-layout__content--with-banner{margin-top:-2rem}}.product-layout-skeleton__hero{gap:var(--space-5);padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);border:var(--border-width) solid var(--border-default);margin-bottom:var(--space-8);align-items:flex-start;display:flex;position:relative;overflow:hidden}.product-layout-skeleton__hero:before{content:"";background:var(--border-default);width:100%;height:4px;position:absolute;top:0;left:0}.product-layout-skeleton__info{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product-layout-skeleton__tabs{gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.product-info-skeleton__section{margin-top:var(--space-8);margin-bottom:var(--space-8);gap:var(--space-4);flex-direction:column;display:flex}.product-info-skeleton__ingredients{gap:var(--space-3);flex-direction:column;display:flex}.product-info-skeleton__ingredient{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);border-left:3px solid var(--border-default);display:flex}.product-info-skeleton__ingredient-body{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product-discussion-skeleton{gap:var(--space-4);flex-direction:column;display:flex}.product-discussion-skeleton__thread{padding:var(--space-5);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);gap:var(--space-3);flex-direction:column;display:flex}@media (width<=639px){.product-layout-skeleton__hero{padding:var(--space-5);flex-direction:column}}.ingredient-layout-skeleton__hero{gap:var(--space-5);padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-default);margin-bottom:var(--space-8);align-items:flex-start;display:flex}.ingredient-layout-skeleton__info{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.ingredient-layout-skeleton__tabs{gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.ingredient-info-skeleton__section{margin-top:var(--space-8);margin-bottom:var(--space-8);gap:var(--space-4);flex-direction:column;display:flex}.ingredient-info-skeleton__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.ingredient-info-skeleton__products{gap:var(--space-3);flex-direction:column;display:flex}.ingredient-info-skeleton__product{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-default);border-left:3px solid var(--border-default);display:flex}.ingredient-discussion-skeleton{gap:var(--space-4);flex-direction:column;display:flex}.ingredient-discussion-skeleton__thread{padding:var(--space-5);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);gap:var(--space-3);flex-direction:column;display:flex}@media (width<=639px){.ingredient-layout-skeleton__hero{gap:var(--space-3);padding:var(--space-4);flex-direction:column}}.profile-loading{min-height:16rem;color:var(--text-muted);place-items:center;font-size:1.5rem;display:grid}.profile-error{min-height:16rem;color:var(--color-error);font-size:var(--text-base);place-items:center;display:grid}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;hanging-punctuation:first last;scrollbar-gutter:stable;font-size:clamp(.875rem,.8rem + .4vw,1.125rem);overflow-x:hidden}ul,ol{list-style:none}img,svg,canvas{max-width:100%;display:block}img{height:auto;font-style:italic}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}}@layer variables{:root{--hue-primary:260deg;--hue-accent:35deg;--hue-success:145deg;--hue-error:15deg;--hue-warning:45deg;--status-color-in-stock:oklch(65% .18 145);--status-color-wishlist:oklch(58% .18 250);--status-color-watched:oklch(72% .15 60);--status-color-holy-grail:oklch(75% .18 85);--status-color-archived:oklch(52% .03 220);--status-color-avoided:oklch(52% .14 25);--status-color-repurchase:oklch(70% .14 340);--color-stat-orange:oklch(70% .18 45);--color-stat-purple:oklch(65% .15 280);--fitz-1:oklch(88% .06 50);--fitz-2:oklch(78% .1 45);--fitz-3:oklch(66% .13 40);--fitz-4:oklch(52% .14 35);--fitz-5:oklch(36% .1 30);--fitz-6:oklch(22% .06 25);--color-aqua:oklch(70% .11 185);--color-aqua-subtle:oklch(97% .018 185);--color-lavender:oklch(68% .14 305);--color-lavender-subtle:oklch(97% .018 305);--color-coral-soft:oklch(70% .15 25);--color-coral-soft-subtle:oklch(97% .02 25)}[data-theme=light][data-variant=terracota]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--h-mango:65;--h-papaya:32;--h-coral:18;--h-aqua:185;--h-lavender:305;--h-coral-soft:25;--h-iron:33.29;--h-forest:151.371;--c-muted:.07;--c-soft:.02;--l-page:98.5%;--l-card:100%;--l-elevated:100%;--l-sunken:95%;--l-muted:97%;--oxydized-iron:oklch(47.77% .1692 var(--h-iron));--forest-green:oklch(75.42% .1726 var(--h-forest));--mango-bright:oklch(82% .18 var(--h-mango));--text-inverse-warm:oklch(100% 0 0);--color-primary:oklch(71.23% .1644 154.09);--color-primary-hover:oklch(63% .175 154.09);--color-primary-text:oklch(100% 0 0);--color-primary-dark:oklch(50% .16 154.09);--color-focus:oklch(71.23% .1644 154.09);--color-primary-deeper:oklch(26% .1 154.09);--color-primary-light:oklch(92% .08 154.09);--color-primary-subtle:oklch(97% .012 154.09);--color-sidebar-bg:oklch(73.19% .155 52.98);--color-sidebar-item-hover:oklch(65% .165 52.98);--color-sidebar-item-active:oklch(from var(--text-inverse-warm) l c h / .2);--color-sidebar-icon:oklch(100% 0 0);--color-sidebar-icon-active:oklch(100% 0 0);--color-sidebar-text:oklch(100% 0 0);--color-sidebar-text-active:oklch(100% 0 0);--color-sidebar-accent:oklch(100% 0 0);--color-secondary:var(--mango-bright);--color-tertiary:var(--forest-green);--color-header-bg:var(--color-secondary);--color-header-action:oklch(100% 0 0);--color-header-action-bg-hover:oklch(from var(--color-primary-dark) l c h / .12);--text-inverse:var(--text-inverse-warm);--text-primary:oklch(20% .07 var(--h-papaya));--text-secondary:oklch(35% .1 var(--h-papaya));--text-muted:oklch(48% .09 var(--h-mango));--color-accent:oklch(68% .2 var(--h-mango));--color-accent-light:oklch(92% .1 var(--h-mango));--color-accent-hover:oklch(60% .22 var(--h-mango));--section-accent:var(--color-accent);--bg-deep:oklch(28% .1 var(--h-papaya));--color-aqua:oklch(70% .11 var(--h-aqua));--color-aqua-hover:oklch(62% .13 var(--h-aqua));--color-aqua-light:oklch(93% .045 var(--h-aqua));--color-aqua-subtle:oklch(97% .018 var(--h-aqua));--color-aqua-dark:oklch(42% .1 var(--h-aqua));--color-lavender:oklch(68% .14 var(--h-lavender));--color-lavender-hover:oklch(60% .16 var(--h-lavender));--color-lavender-light:oklch(92% .06 var(--h-lavender));--color-lavender-subtle:oklch(97% .018 var(--h-lavender));--color-lavender-dark:oklch(42% .12 var(--h-lavender));--color-coral-soft:oklch(70% .15 var(--h-coral-soft));--color-coral-soft-hover:oklch(62% .17 var(--h-coral-soft));--color-coral-soft-light:oklch(93% .06 var(--h-coral-soft));--color-coral-soft-subtle:oklch(97% .02 var(--h-coral-soft));--color-coral-soft-dark:oklch(45% .13 var(--h-coral-soft));--color-success:oklch(48% .13 154.09);--color-success-light:oklch(94% .05 154.09);--color-error:oklch(56% .22 var(--h-coral));--color-error-light:oklch(93% .08 var(--h-coral));--color-info:oklch(54% .14 var(--h-aqua));--color-warning:oklch(75% .15 30);--color-warning-light:oklch(96% .06 30);--color-warning-text:oklch(40% .15 30);--bg-page:oklch(var(--l-page) .006 75);--bg-card:oklch(var(--l-card) 0 0);--bg-elevated:oklch(var(--l-elevated) 0 0);--bg-sunken:oklch(var(--l-sunken) .02 75);--bg-muted:oklch(var(--l-muted) .008 75);--page-title-color:oklch(68% .2 65);--card-footer-bg:oklch(95% .026 65);--card-footer-border:oklch(85% .06 65);--card-footer-color:var(--text-primary);--card-footer-color-muted:var(--text-muted);--product-unit-chip-bg:oklch(100% 0 0);--product-unit-chip-text:oklch(58% .2 65);--product-unit-chip-border:oklch(100% 0 0);--bg-hover:oklch(from var(--color-primary) l c h / .08);--bg-active:oklch(from var(--color-primary) l c h / .14);--bg-selected:var(--color-secondary);--border-default:oklch(75% .05 45);--border-strong:oklch(60% .08 45);--shadow-color:oklch(0% 0 0/.1);--shadow-card:0 4px 16px oklch(0% 0 0/.1), 0 1px 4px oklch(0% 0 0/.06);--tag-active-bg:oklch(from var(--color-primary-dark) l c h / .8);--tag-active-text:var(--color-secondary);--tag-default-bg:oklch(88% .06 var(--h-papaya));--tag-default-text:oklch(40% .1 var(--h-papaya));--overlay:oklch(15% .08 var(--h-papaya) / .45);--surface-bright:oklch(99% .002 0);--hero-glow:oklch(93% .04 var(--h-mango));--toggle-track-bg:var(--color-primary-dark);--toggle-track-hover-bg:var(--color-primary-deeper);--toggle-fg:oklch(100% 0 0);--toggle-fg-opacity:.85;--toggle-active-icon:var(--color-primary-dark);--toggle-active-filter:none}[data-theme=dark][data-variant=terracota]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--h-cocoa:58;--h-smoke:232;--h-sky:224;--h-teal:184;--h-sage:154;--h-amber:86;--h-rose:18;--c-muted:.022;--c-soft:.012;--l-page:12%;--l-card:20%;--l-elevated:25%;--l-sunken:16%;--l-muted:31%;--charcoal-950:oklch(12% .012 var(--h-cocoa));--charcoal-900:oklch(16% .014 var(--h-cocoa));--charcoal-850:oklch(20% .016 var(--h-cocoa));--charcoal-800:oklch(25% .018 var(--h-cocoa));--frost-blue:oklch(76% .095 var(--h-sky));--frost-blue-strong:oklch(82% .1 var(--h-sky));--frost-blue-deep:oklch(50% .095 var(--h-sky));--teal-mist:oklch(74% .08 var(--h-teal));--sage-mist:oklch(72% .07 var(--h-sage));--champagne:oklch(82% .055 var(--h-amber));--mist:oklch(94% .018 82);--mist-muted:oklch(76% .02 78);--text-inverse-warm:oklch(13% .014 var(--h-cocoa));--h-mango:var(--h-sky);--h-papaya:var(--h-cocoa);--h-forest:var(--h-sage);--mango-bright:var(--frost-blue);--forest-green:var(--sage-mist);--color-primary:var(--frost-blue);--color-primary-hover:var(--frost-blue-strong);--color-primary-text:oklch(12% .02 var(--h-sky));--color-primary-dark:var(--frost-blue-deep);--color-focus:var(--frost-blue);--color-primary-deeper:oklch(36% .08 var(--h-sky));--color-primary-light:oklch(29% .045 var(--h-sky));--color-primary-subtle:oklch(20% .03 var(--h-sky));--color-sidebar-bg:oklch(13.5% .014 var(--h-cocoa));--color-sidebar-item-hover:oklch(22% .018 var(--h-cocoa));--color-sidebar-item-active:oklch(from var(--frost-blue) l c h / .16);--color-sidebar-icon:oklch(74% .018 78);--color-sidebar-icon-active:var(--frost-blue);--color-sidebar-text:oklch(82% .016 78);--color-sidebar-text-active:var(--mist);--color-sidebar-accent:var(--frost-blue);--color-secondary:var(--teal-mist);--color-tertiary:var(--sage-mist);--color-header-bg:oklch(17% .014 var(--h-cocoa));--color-header-action:var(--mist);--color-header-action-bg-hover:oklch(from var(--frost-blue) l c h / .13);--text-inverse:var(--text-inverse-warm);--text-primary:var(--mist);--text-secondary:var(--mist-muted);--text-muted:oklch(62% var(--c-muted) 78);--color-accent:var(--frost-blue);--color-accent-light:oklch(28% .045 var(--h-sky));--color-accent-hover:var(--frost-blue-strong);--section-accent:var(--color-accent);--bg-deep:oklch(9% .01 var(--h-cocoa));--color-success:var(--sage-mist);--color-success-light:oklch(26% .045 var(--h-sage));--color-error:oklch(68% .16 var(--h-rose));--color-error-light:oklch(26% .065 var(--h-rose));--color-info:var(--teal-mist);--color-warning:var(--champagne);--color-warning-light:oklch(27% .04 var(--h-amber));--color-warning-text:oklch(84% .07 var(--h-amber));--bg-page:oklch(var(--l-page) .012 var(--h-cocoa));--bg-card:oklch(var(--l-card) .015 var(--h-cocoa));--bg-elevated:oklch(var(--l-elevated) .017 var(--h-cocoa));--bg-sunken:oklch(var(--l-sunken) .014 var(--h-cocoa));--bg-muted:oklch(var(--l-muted) .014 var(--h-cocoa));--page-title-color:var(--mist);--card-footer-bg:oklch(17.5% .032 var(--h-smoke));--card-footer-border:oklch(36% .03 var(--h-smoke));--card-footer-color:oklch(84% .035 var(--h-sky));--card-footer-color-muted:oklch(68% .018 78);--product-unit-chip-bg:oklch(from var(--frost-blue) l c h / .12);--product-unit-chip-text:oklch(83% .075 var(--h-sky));--product-unit-chip-border:oklch(from var(--frost-blue) l c h / .28);--bg-hover:oklch(from var(--frost-blue) l c h / .09);--bg-active:oklch(from var(--frost-blue) l c h / .16);--bg-selected:oklch(30% .05 var(--h-sky));--border-default:oklch(35% .018 var(--h-cocoa));--border-strong:oklch(48% .024 var(--h-cocoa));--shadow-color:oklch(0% 0 0/.52);--shadow-card:0 4px 16px oklch(0% 0 0/.4), 0 1px 4px oklch(0% 0 0/.28);--tag-active-bg:oklch(from var(--frost-blue-deep) l c h / .88);--tag-active-text:var(--mist);--tag-default-bg:oklch(24% .014 var(--h-cocoa));--tag-default-text:oklch(73% .022 78);--overlay:oklch(7% .01 var(--h-cocoa) / .78);--surface-bright:oklch(99% .002 0);--hero-glow:oklch(25% .04 var(--h-sky));--toggle-track-bg:oklch(from var(--color-header-action) l c h / .15);--toggle-track-hover-bg:var(--color-header-action-bg-hover);--toggle-fg:var(--color-header-action);--toggle-fg-opacity:.35;--toggle-active-icon:var(--color-header-bg);--toggle-active-filter:drop-shadow(0 0 3px oklch(from var(--color-header-action) l c h / .6))}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--nav-height:3.5rem;--page-gutter:var(--space-4);--nav-width-collapsed:3.5rem;--nav-width-open:16rem;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Young Serif", serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--tracking-widest:.2em;--font-features-display:"kern" 1, "liga" 1, "onum" 1, "pnum" 1;--font-features-sans:"kern" 1, "liga" 1, "cv01" 1, "cv11" 1;--border-width:1px;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px var(--shadow-color);--shadow-md:0 4px 6px -1px var(--shadow-color);--shadow-lg:0 10px 15px -3px var(--shadow-color);--shadow-pop:0 8px 28px var(--shadow-color);--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--transition-slower:.35s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-soft-bounce:cubic-bezier(.34, 1.2, .64, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-decel:cubic-bezier(.16, 1, .3, 1);--z-raised:1;--z-elevated:10;--z-dropdown:50;--z-nav:100;--z-sheet:200;--z-modal:300;--z-popover:1000;--z-skip-link:9000;--z-progress:9999;--color-accent-subtle:oklch(from var(--color-accent) l c h / .1);--rule-section:1px solid var(--border-default);--rule-bold:3px solid var(--color-primary)}}@layer base{*{font-family:var(--font-sans);font-feature-settings:var(--font-features-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-feature-settings:var(--font-features-display);color:var(--text-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight);text-wrap:balance;overflow-wrap:break-word;letter-spacing:var(--tracking-tight)}.caption{letter-spacing:var(--tracking-widest)}.price,[class*=price],.amount{font-feature-settings:"onum" 1, "tnum" 1;font-family:var(--font-sans)}p{text-wrap:pretty;max-width:var(--measure,65ch);line-height:var(--leading-normal)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}fieldset{border:none;min-inline-size:0;margin:0;padding:0}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;accent-color:var(--color-primary)}dialog,[popover]{background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:none}dialog::backdrop{background:var(--overlay)}::selection{background-color:var(--bg-selected);color:var(--text-primary)}::view-transition-group(main-nav){animation:none}::view-transition-group(bottom-nav){animation:none}:root:active-view-transition-type(crossfade)::view-transition-old(root){animation:.2s vt-fade-out}:root:active-view-transition-type(crossfade)::view-transition-new(root){animation:.2s vt-fade-in}:root:active-view-transition-type(shared-element)::view-transition-old(root){mix-blend-mode:normal}:root:active-view-transition-type(shared-element)::view-transition-new(root){mix-blend-mode:normal}:root:active-view-transition-type(shared-element)::view-transition-group(*){animation-duration:.35s;animation-timing-function:ease-out}:root:active-view-transition-type(shared-element)::view-transition-group(root){animation-duration:.2s;animation-timing-function:ease}:root:active-view-transition-type(tab-switch)::view-transition-old(root){animation:none}:root:active-view-transition-type(tab-switch)::view-transition-new(root){animation:none}:root:active-view-transition-type(tab-switch)::view-transition-old(tab-content){animation:.15s forwards vt-fade-out}:root:active-view-transition-type(tab-switch)::view-transition-new(tab-content){animation:.15s vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}::view-transition-group(*){animation:none}}html,body{scrollbar-width:none}::-webkit-scrollbar{display:none}}@layer components{.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast) ease;white-space:nowrap;color:var(--text-primary);background:0 0;border:none;align-self:flex-start;min-height:2rem;line-height:1;text-decoration:none;display:inline-flex}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button[aria-disabled=true]{pointer-events:none}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.button.sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.button.md{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold)}.button.lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.button.full-width{width:100%}.button.loading{opacity:.7;cursor:wait}.button.primary{background:var(--color-primary);color:var(--color-primary-text);box-shadow:0 2px 8px oklch(from var(--color-primary) l c h / .3);border:none}.button.primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 16px oklch(from var(--color-primary) l c h / .4);transform:translateY(-1px)}.button.secondary,.button.default{background:var(--bg-muted);box-shadow:inset 0 0 0 1px var(--border-default);color:var(--text-secondary)}.button.secondary:hover:not(:disabled),.button.default:hover:not(:disabled){color:var(--color-primary-text);background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary), 0 4px 12px oklch(from var(--color-primary) l c h / .3)}.button.outline{box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--color-primary);background:0 0}.button.outline:hover:not(:disabled){background:oklch(from var(--color-primary) l c h / .1);color:var(--color-primary-hover);box-shadow:inset 0 0 0 1px var(--color-primary), 0 2px 8px oklch(from var(--color-primary) l c h / .15)}.button.ghost{color:var(--color-primary);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-size:var(--text-xs);background:0 0}.button.ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--color-primary-hover)}.button.danger-ghost{color:var(--color-accent);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-size:var(--text-xs);background:0 0}.button.danger-ghost:hover:not(:disabled){background:var(--color-accent-subtle);color:var(--color-accent-hover)}.button.bare{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none;white-space:normal;text-align:left;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-self:auto;gap:0;min-height:0;padding:0}.button.bare.sm,.button.bare.md,.button.bare.lg{font-size:inherit;font-weight:inherit;padding:0}.button.accent{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);color:var(--color-primary-text);font-weight:var(--font-bold);box-shadow:0 2px 12px oklch(from var(--color-accent) l c h / .35);border:none}.button.accent:hover:not(:disabled){background:linear-gradient(135deg, var(--color-accent-hover) 0%, var(--color-accent) 100%);box-shadow:0 6px 20px oklch(from var(--color-accent) l c h / .4);transform:translateY(-1px)}.button svg{flex-shrink:0}@media (prefers-reduced-motion:reduce){.button{transition:none}.button.primary:hover:not(:disabled),.button.accent:hover:not(:disabled){transform:none}}@media (width<=767px){.main-header{display:none}}.main-nav{flex-direction:column;display:flex;position:relative}@media (width>=768px){.main-nav{width:var(--nav-width-collapsed);height:100dvh;z-index:var(--z-nav);background:var(--color-sidebar-bg);transition:width .4s var(--ease-standard);position:fixed;top:0;left:0}}.main-nav__content{scrollbar-width:none;flex:1;overflow:hidden auto}.main-nav__content::-webkit-scrollbar{display:none}.main-nav__footer{align-items:center;gap:var(--space-4);padding:var(--space-6) 0;border-top:1px solid oklch(from var(--color-sidebar-bg) 35% .05 h);background:var(--color-sidebar-bg);flex-direction:column;margin-top:auto;display:flex}.main-nav__header{padding:var(--space-6) 0;justify-content:center;align-items:center;display:flex}.main-nav__logo{color:var(--color-sidebar-text);opacity:0;max-width:0;margin:0;transition:max-width .3s,opacity .3s,margin .3s;overflow:hidden}.main-nav__toggle{cursor:pointer;border-radius:var(--radius-md);color:var(--color-sidebar-icon);transition:all var(--transition-slow) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:.6rem;display:flex}.main-nav__icon{flex-shrink:0;width:20px;height:20px}.main-nav--open{width:var(--nav-width-open);height:100dvh;z-index:var(--z-nav);background:var(--color-sidebar-bg);padding:0 var(--space-1);position:fixed;top:0;left:0;overflow-y:auto;box-shadow:20px 0 60px oklch(0% 0 0/.4)}@media (width>=768px){.main-nav--open{box-shadow:none}}.main-nav--open .main-nav__header{padding:var(--space-6) var(--space-4);justify-content:space-between}.main-nav--open .main-nav__logo{opacity:1;max-width:15ch;margin-right:var(--space-2)}.main-nav--open .main-nav__toggle{transform:rotateY(180deg)}.main-nav--open .main-nav__footer{padding:var(--space-4) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-direction:row}.main-nav__list{gap:var(--space-1);padding:var(--space-4) 0;flex-direction:column;margin:0;list-style:none;display:flex}.main-nav__link{margin:0 var(--space-2);color:var(--color-sidebar-text);border-radius:var(--radius-md);transition:all .25s var(--ease-standard);justify-content:center;align-items:center;padding:.7rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.main-nav__link[aria-current=page]{color:var(--color-sidebar-accent);background:var(--color-sidebar-item-active);filter:drop-shadow(0 0 10px oklch(from var(--color-sidebar-accent) l c h / .25))}.main-nav__link[aria-current=page] .main-nav__icon{color:var(--color-sidebar-accent)}.main-nav__icon{stroke-width:1.5px;flex-shrink:0;width:20px;height:20px;transition:transform .25s}.main-nav__label{opacity:0;white-space:nowrap;max-width:0;transition:max-width .25s var(--ease-standard), opacity .2s ease, margin .25s ease;overflow:hidden}.main-nav--open .main-nav__label{opacity:1;max-width:15ch;margin-left:var(--space-3)}.main-nav--open .main-nav__link{justify-content:flex-start;padding:.7rem .8rem}.app-layout{background:var(--bg-page);scrollbar-gutter:stable;flex-direction:column;min-height:100dvh;display:flex}.content{flex-direction:column;flex:1;display:flex}@media (width>=768px){.app-layout{padding-left:var(--nav-width-collapsed)}}@media (width<=767px){.content{padding-bottom:calc(var(--bottom-nav-height,4.5rem) + env(safe-area-inset-bottom,0))}}}@layer utilities{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}