@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);--sentiment-1:oklch(62% .12 270);--sentiment-2:oklch(64% .12 320);--sentiment-3:oklch(68% .11 20);--sentiment-4:oklch(70% .13 55);--sentiment-5:oklch(74% .14 75);--sentiment-1-fill:oklch(92% .05 270);--sentiment-2-fill:oklch(92% .05 320);--sentiment-3-fill:oklch(93% .05 20);--sentiment-4-fill:oklch(93% .06 55);--sentiment-5-fill:oklch(93% .07 75);--sentiment-6-fill:oklch(93% .07 85);--sentiment-ink:oklch(34% .035 285);--sentiment-blush:oklch(72% .14 25);--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-green:154;--h-mango:65;--h-orange:53;--h-warm:50;--h-coral:18;--h-amber:80;--c-muted:.03;--c-soft:.012;--l-page:13%;--l-card:21%;--l-elevated:26%;--l-sunken:17%;--l-muted:32%;--green-bright:oklch(72% .16 var(--h-green));--green-strong:oklch(78% .17 var(--h-green));--green-deep:oklch(52% .15 var(--h-green));--mango:oklch(75% .17 var(--h-mango));--mango-strong:oklch(80% .18 var(--h-mango));--cream:oklch(94% .02 70);--cream-muted:oklch(78% .03 var(--h-mango));--text-inverse-warm:oklch(18% .03 var(--h-warm));--h-papaya:32;--h-forest:var(--h-green);--mango-bright:var(--mango-strong);--forest-green:var(--green-bright);--color-primary:var(--green-bright);--color-primary-hover:var(--green-strong);--color-primary-text:oklch(18% .04 var(--h-green));--color-primary-dark:var(--green-deep);--color-focus:var(--green-bright);--color-primary-deeper:oklch(40% .12 var(--h-green));--color-primary-light:oklch(28% .06 var(--h-green));--color-primary-subtle:oklch(22% .04 var(--h-green));--color-sidebar-bg:oklch(20% .05 var(--h-orange));--color-sidebar-item-hover:oklch(28% .07 var(--h-orange));--color-sidebar-item-active:oklch(from var(--mango) l c h / .22);--color-sidebar-icon:oklch(82% .06 var(--h-mango));--color-sidebar-icon-active:var(--mango-strong);--color-sidebar-text:oklch(85% .04 60);--color-sidebar-text-active:oklch(92% .05 var(--h-mango));--color-sidebar-accent:var(--mango);--color-secondary:var(--mango);--color-tertiary:var(--green-bright);--color-header-bg:oklch(22% .05 var(--h-orange));--color-header-action:oklch(86% .06 var(--h-mango));--color-header-action-bg-hover:oklch(from var(--mango) l c h / .15);--text-inverse:var(--text-inverse-warm);--text-primary:var(--cream);--text-secondary:var(--cream-muted);--text-muted:oklch(62% var(--c-muted) 60);--color-accent:var(--mango);--color-accent-light:oklch(28% .08 var(--h-mango));--color-accent-hover:var(--mango-strong);--section-accent:var(--color-accent);--bg-deep:oklch(10% .01 var(--h-warm));--color-success:var(--green-bright);--color-success-light:oklch(26% .07 var(--h-green));--color-error:oklch(70% .2 var(--h-coral));--color-error-light:oklch(26% .08 var(--h-coral));--color-info:oklch(72% .1 195);--color-warning:oklch(80% .15 var(--h-amber));--color-warning-light:oklch(26% .07 var(--h-amber));--color-warning-text:oklch(85% .13 var(--h-amber));--bg-page:oklch(var(--l-page) .009 var(--h-warm));--bg-card:oklch(var(--l-card) .011 var(--h-warm));--bg-elevated:oklch(var(--l-elevated) .012 var(--h-warm));--bg-sunken:oklch(var(--l-sunken) .01 var(--h-warm));--bg-muted:oklch(var(--l-muted) .012 var(--h-warm));--page-title-color:var(--mango);--card-footer-bg:oklch(20% .045 var(--h-orange));--card-footer-border:oklch(35% .06 var(--h-orange));--card-footer-color:oklch(90% .05 var(--h-mango));--card-footer-color-muted:oklch(65% .04 60);--product-unit-chip-bg:oklch(from var(--mango) l c h / .12);--product-unit-chip-text:oklch(82% .12 var(--h-mango));--product-unit-chip-border:oklch(from var(--mango) l c h / .3);--bg-hover:oklch(from var(--green-bright) l c h / .1);--bg-active:oklch(from var(--green-bright) l c h / .18);--bg-selected:oklch(30% .1 var(--h-green));--border-default:oklch(38% .02 var(--h-warm));--border-strong:oklch(50% .03 var(--h-warm));--shadow-color:oklch(0% 0 0/.55);--shadow-card:0 4px 16px oklch(0% 0 0/.45), 0 1px 4px oklch(0% 0 0/.3);--tag-active-bg:oklch(48% .14 var(--h-green));--tag-active-text:var(--cream);--tag-default-bg:oklch(25% .03 var(--h-warm));--tag-default-text:oklch(72% .05 60);--overlay:oklch(8% .02 var(--h-warm) / .78);--surface-bright:oklch(99% .002 0);--hero-glow:oklch(32% .1 var(--h-green));--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-none:1;--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}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs,2px)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs,2px)}fieldset{border:none;min-inline-size:0;margin:0;padding:0}summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs,2px)}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__toggle:hover{background:var(--color-sidebar-item-hover);color:var(--color-sidebar-icon-active,oklch(100% 0 0))}.main-nav__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.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:hover{background:var(--color-sidebar-item-hover);color:var(--color-sidebar-text-active)}.main-nav__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.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))}}.underline-tabs{--active-tab-color:var(--color-primary);border-bottom:var(--rule-section);padding:0 var(--space-1);margin:0 calc(var(--space-1) * -1);scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;gap:2px;display:flex;position:relative;overflow:auto hidden}.underline-tabs::-webkit-scrollbar{height:2px}.underline-tabs::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.underline-tabs::-webkit-scrollbar-track{background:0 0}.underline-tabs.tabs-scrollable{scroll-snap-type:x proximity;touch-action:pan-x pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.underline-tabs.tabs-scrollable:active{cursor:grabbing}.underline-tab{--tab-color:var(--text-primary);color:var(--text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;scroll-snap-align:start;transition:color var(--transition-fast) ease, background var(--transition-fast) ease;background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;padding:12px 14px;display:inline-flex;position:relative}.underline-tab:hover:not(.underline-tab-active){color:var(--text-primary);background:color-mix(in oklch, var(--tab-color) 8%, transparent);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.underline-tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;border-radius:var(--radius-sm)}.underline-tab-active{color:var(--tab-color);font-weight:var(--font-semibold)}.underline-tab-dimmed{opacity:.5}.underline-tab .tab-badge{background:var(--bg-muted);color:var(--text-muted);min-width:20px;height:18px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;transition:background var(--transition-fast) ease, color var(--transition-fast) ease;border-radius:999px;padding:0 6px}.underline-tab-active .tab-badge{background:color-mix(in oklch, var(--tab-color) 15%, transparent);color:var(--tab-color)}.underline-tabs-indicator{background:var(--active-tab-color);height:2.5px;transition:transform .28s var(--ease-soft-bounce), width .28s var(--ease-soft-bounce), background-color .2s ease;pointer-events:none;border-radius:2px 2px 0 0;position:absolute;bottom:-1px;left:0}@media (width<=639px){.underline-tab{font-size:var(--text-sm);min-height:44px;padding:12px}.underline-tab>span:not(.tab-badge){text-overflow:ellipsis;max-width:120px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.underline-tab,.underline-tabs-indicator{transition:none}}}@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}}.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:hover{background:oklch(from var(--color-sidebar-bg) calc(l + .08) c h)}.theme-toggle-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.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:popover-open{display:flex}.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:hover{background:var(--bg-hover);color:var(--text-primary)}.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}}.tabs-wrapper{width:100%;padding:0}.icon-tabs{background:var(--color-primary);border-radius:var(--radius-full);border:1px solid var(--color-primary);gap:0;padding:4px;display:flex;position:relative;overflow:hidden}.tabs-indicator{background:var(--bg-card);border-radius:var(--radius-full);transition:transform .3s var(--ease-standard), width .3s var(--ease-standard);z-index:1;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 1px 3px oklch(0% 0 0/.15)}.icon-tab{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);color:color-mix(in oklch, var(--color-primary-text) 70%, transparent);cursor:pointer;transition:color var(--transition-base) ease;z-index:2;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;min-height:40px;display:flex;position:relative}@media (width<=379px){.icon-tab{gap:var(--space-1);padding-inline:var(--space-1)}}.icon-tab:hover{color:var(--color-primary-text)}.icon-tab-active,.icon-tab-active:hover{color:var(--color-primary)}.tab-badge{background:var(--color-primary);color:var(--color-primary-text);font-size:10px;font-weight:var(--font-bold);border-radius:100px;justify-content:center;align-items:center;padding:1px 6px;display:flex}.icon-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.page-title-container{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;display:flex}.page-title__content{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.page-title__heading-wrapper{align-items:center;gap:var(--space-3);display:flex}.page-title__text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);align-items:center;gap:var(--space-3);white-space:nowrap;margin:0;display:flex}.page-title__count{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);background:oklch(from var(--color-primary) l c h / .18);color:var(--color-primary);border-radius:var(--radius-full);letter-spacing:normal;border:1px solid oklch(from var(--color-primary) l c h / .2);padding:.125rem .5rem}.page-title__loader{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-normal);animation:1.5s ease-in-out infinite page-title-pulse}.page-title__subtitle{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);margin:0}.page-title__actions{gap:var(--space-2);flex-shrink:0;display:flex}@keyframes page-title-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (width<=639px){.page-title-container{align-items:flex-start;gap:var(--space-3);flex-direction:column}.page-title__text{font-size:var(--text-xl)}}.empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-4);text-align:center;flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-full);background:linear-gradient(135deg, oklch(from var(--color-accent) l c h / .15) 0%, oklch(from var(--color-primary) l c h / .1) 100%);width:4rem;height:4rem;color:var(--color-accent);border:1px solid oklch(from var(--color-accent) l c h / .3);box-shadow:0 4px 16px oklch(from var(--color-accent) l c h / .12);justify-content:center;align-items:center;display:flex}.empty-state__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary)}.empty-state__subtitle{font-size:var(--text-sm);color:var(--text-secondary);max-width:24rem;line-height:var(--leading-relaxed)}.chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--color-primary-subtle);color:var(--text-secondary);font-weight:var(--font-medium);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.chip:hover:not(:disabled){background:oklch(from var(--color-primary) l c h / .12);border-color:oklch(from var(--color-primary) l c h / .5);color:var(--text-primary);transform:translateY(-1px)}.chip:focus-visible{outline:2px solid var(--color-focus,var(--color-primary));outline-offset:2px}.chip:disabled,.chip--disabled{opacity:.4;cursor:not-allowed}.chip--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text);box-shadow:0 2px 10px oklch(from var(--color-primary) l c h / .3)}.chip--active:hover:not(:disabled){background:var(--color-primary-hover,var(--color-primary));border-color:var(--color-primary-hover,var(--color-primary));color:var(--color-primary-text);box-shadow:0 4px 14px oklch(from var(--color-primary) l c h / .4)}.chip--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.chip--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.chip--sm.chip--active{background:oklch(from var(--color-primary) l c h / .14);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-semibold);box-shadow:none}.chip--sm.chip--active:hover:not(:disabled){background:oklch(from var(--color-primary) l c h / .2);color:var(--color-primary-hover,var(--color-primary));box-shadow:none}.chip--more{border-style:dashed;border-color:oklch(from var(--color-accent) l c h / .5);color:var(--color-accent);background:0 0;font-style:italic}.chip--more:hover:not(:disabled){border-style:solid;border-color:var(--color-accent);background:oklch(from var(--color-accent) l c h / .1);color:var(--color-accent-hover,var(--color-accent));transform:none}.chip__count{margin-left:var(--space-2);opacity:.7;font-variant-numeric:tabular-nums;font-weight:var(--font-normal)}.chip--removable{align-items:center;gap:.375rem;display:inline-flex}.chip--removable svg{opacity:.8;flex-shrink:0}.badge{padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);background:var(--tag-active-bg,oklch(from var(--color-primary) l c h / .18));color:var(--tag-active-text,var(--color-primary));border:1px solid oklch(from var(--color-primary) l c h / .2);align-items:center;line-height:1;display:inline-flex}.badge--rounded{border-radius:var(--radius-full)}.badge--huile,.badge--vitamine,.badge--complement,.badge--default{--_badge-bg:oklch(from var(--color-primary) l c h / .12);--_badge-color:var(--color-primary);background:var(--_badge-bg);color:var(--_badge-color);border-color:oklch(from var(--color-primary) l c h / .25)}.badge--skincare{background:var(--tag-default-bg);color:var(--tag-default-text);border-color:oklch(from var(--tag-default-text) l c h / .25)}.badge--primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-primary-text,white);box-shadow:0 1px 4px oklch(from var(--color-primary) l c h / .3);border-color:#0000}.badge--chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--bg-card);color:var(--card-accent,var(--color-primary));border:var(--border-width) solid oklch(from var(--card-accent,var(--color-primary)) l c h / .25);letter-spacing:.4px;text-transform:capitalize;line-height:1}.badge--avoided{background:oklch(from var(--status-color-avoided) l c h / .15);color:var(--status-color-avoided);border-color:oklch(from var(--status-color-avoided) l c h / .3)}.similar-people{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.similar-people__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex}.similar-people__name{color:inherit;font-weight:600;text-decoration:none}.similar-people__name:hover,.similar-people__name:focus-visible{text-decoration:underline}.similar-people__band{margin-inline-start:auto}.similar-people-panel{gap:var(--space-4);flex-direction:column;display:flex}.similar-people__filter{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.completion-strip{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl,1.25rem);background:linear-gradient(135deg, oklch(from var(--color-primary) l c h / .04) 0%, transparent 100%), var(--bg-card);border:1px dashed oklch(from var(--color-primary) l c h / .35);flex-direction:column;display:flex}.completion-strip__intro{gap:var(--space-1);flex-direction:column;display:flex}.completion-strip__overline{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary)}.completion-strip__text{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:56ch;margin:0}.completion-strip__steps{gap:var(--space-2);counter-reset:completion-step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.completion-step{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex;position:relative}.completion-step+.completion-step:before{content:"";top:calc(-1 * var(--space-2));width:1px;height:var(--space-2);background:oklch(from var(--color-primary) l c h / .25);pointer-events:none;position:absolute;left:.6875rem}.completion-step__dot{border:1px solid oklch(from var(--color-primary) l c h / .5);background:var(--bg-card);width:1.375rem;height:1.375rem;color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.completion-step--done .completion-step__dot{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.completion-step__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);flex:1}.completion-step--done .completion-step__label{color:var(--text-secondary)}.completion-step__cta{flex-shrink:0}@media (width>=640px){.completion-strip{padding:var(--space-5) var(--space-6)}}@media (prefers-reduced-motion:reduce){.completion-step__dot{transition:none}}.form-message{font-size:var(--text-sm);font-weight:var(--font-medium)}.form-message--error{color:var(--color-error);background:oklch(from var(--color-error) l c h / .08);border-left:3px solid var(--color-error);border-radius:var(--radius-sm);padding:.5rem .75rem}.form-message--success{color:var(--color-success);background:oklch(from var(--color-success) l c h / .08);border-left:3px solid var(--color-success);border-radius:var(--radius-sm);padding:.5rem .75rem}.form-message--warning{background:var(--color-warning-light);color:var(--color-warning-text);border:1px solid oklch(from var(--color-warning) l c h / .4);border-radius:var(--radius-lg);padding:.75rem 1rem}.image-upload{display:inline-block;position:relative}.image-upload__trigger{background:var(--bg-muted);border:2px dashed var(--border-default);cursor:pointer;width:100%;height:100%;color:var(--text-muted);transition:border-color var(--transition-fast) ease;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.image-upload__trigger:hover,.image-upload__trigger:focus-visible{border-color:var(--color-primary);outline:none}.image-upload__trigger--dragging{border-style:solid;border-color:var(--color-primary)}.image-upload--round .image-upload__trigger{border-radius:50%;width:8rem;height:8rem}.image-upload--square .image-upload__trigger{border-radius:var(--radius-md);width:10rem;height:10rem}.image-upload__image{object-fit:cover;width:100%;height:100%}.image-upload__placeholder{justify-content:center;align-items:center;display:inline-flex}.image-upload__hover{color:oklch(100% 0 0);font-size:var(--text-sm);opacity:0;transition:opacity var(--transition-fast) ease;background:oklch(0% 0 0/.55);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-upload__trigger:hover .image-upload__hover,.image-upload__trigger:focus-visible .image-upload__hover{opacity:1}.image-upload__drop{color:oklch(100% 0 0);font-size:var(--text-sm);pointer-events:none;background:oklch(0% 0 0/.55);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-upload__progress{color:oklch(100% 0 0);justify-content:center;align-items:center;gap:var(--space-1);background:oklch(0% 0 0/.6);flex-direction:column;display:flex;position:absolute;inset:0}.image-upload__progress-text{font-size:var(--text-xs)}.image-upload__spinner{border:3px solid oklch(100% 0 0/.25);border-top-color:oklch(100% 0 0);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite image-upload-spin}@keyframes image-upload-spin{to{transform:rotate(360deg)}}.image-upload__error{background:oklch(from var(--color-error) l c h / .9);color:oklch(100% 0 0);font-size:var(--text-xs);text-align:center;padding:var(--space-1);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.form-actions-bar{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:var(--rule-section);display:flex}.input-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-required{margin-left:var(--space-1);color:var(--color-error)}.input-hint{font-size:var(--text-xs);color:var(--text-muted)}.input-wrapper input{width:100%;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-page);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-full);transition:border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease}.input-wrapper input::placeholder{color:var(--text-muted)}.input-wrapper input:hover{border-color:var(--border-strong)}.input-wrapper input:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px oklch(from var(--color-focus) l c h / .2);outline:none}.input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.input-wrapper input[data-error]{border-color:var(--color-error)}.input-wrapper input[data-error]:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px oklch(from var(--color-error) l c h / .15)}.input-error{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-error);display:flex}.textarea-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.textarea-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.textarea-required{margin-left:var(--space-1);color:var(--color-error)}.textarea-hint{font-size:var(--text-xs);color:var(--text-muted)}.textarea-wrapper textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-page);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);resize:vertical;min-height:5rem;line-height:var(--leading-relaxed,1.5);transition:border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease}.textarea-wrapper textarea::placeholder{color:var(--text-muted)}.textarea-wrapper textarea:hover{border-color:var(--border-strong)}.textarea-wrapper textarea:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px oklch(from var(--color-focus) l c h / .2);outline:none}.textarea-wrapper textarea:disabled{opacity:.5;cursor:not-allowed}.textarea-wrapper textarea[data-error]{border-color:var(--color-error)}.textarea-wrapper textarea[data-error]:focus-visible{box-shadow:0 0 0 3px oklch(from var(--color-error) l c h / .15)}.textarea-error{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-error);display:flex}.links-editor{gap:var(--space-3);flex-direction:column;display:flex}.links-editor__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.links-editor__row{gap:var(--space-2);border:none;grid-template-columns:1fr 2fr auto;align-items:end;min-inline-size:0;margin:0;padding:0;display:grid}.links-editor__remove.button{width:36px;height:36px;color:var(--text-muted);flex-shrink:0;margin-bottom:2px;padding:0}.links-editor__remove.button:hover:not(:disabled){color:var(--color-error);background:color-mix(in oklch, var(--color-error) 8%, transparent)}.profile-form{gap:var(--space-5);flex-direction:column;display:flex}.profile-form__avatar-group{gap:var(--space-2);flex-direction:column;display:flex}.profile-form__avatar-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.profile-form__links-group{gap:var(--space-2);flex-direction:column;display:flex}.profile-form__links-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.identity-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl,1.25rem);padding:var(--space-5);gap:var(--space-5);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.identity-card:before{content:"";background:radial-gradient(circle at 12% -10%, oklch(from var(--color-primary) l c h / .1) 0%, transparent 60%);pointer-events:none;z-index:0;position:absolute;inset:0}.identity-card>*{z-index:1;position:relative}.identity-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.identity-card__heading{gap:var(--space-1);flex-direction:column;display:flex}.identity-card__overline{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary)}.identity-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.identity-card__edit{flex-shrink:0}.identity-card__body{gap:var(--space-4);flex-direction:column;display:flex}.identity-card__bio{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);white-space:pre-line;padding-left:var(--space-4);border-left:2px solid oklch(from var(--color-primary) l c h / .35);margin:0;font-style:italic}.identity-card__links{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.identity-card__link{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .08);border:1px solid oklch(from var(--color-primary) l c h / .2);border-radius:var(--radius-full);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease;text-decoration:none;display:inline-flex}.identity-card__link:hover{background:oklch(from var(--color-primary) l c h / .15);border-color:var(--color-primary)}.identity-card__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.identity-card__empty{gap:var(--space-2);padding:var(--space-3) 0;flex-direction:column;display:flex}.identity-card__empty-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.identity-card__empty-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:48ch;margin:0}@media (width>=640px){.identity-card{padding:var(--space-6)}}.shelf-pulse{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl,1.25rem);border:1px solid var(--border-default);background:linear-gradient(135deg, oklch(from var(--color-primary) l c h / .05) 0%, oklch(from var(--color-accent) l c h / .04) 100%), var(--bg-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.shelf-pulse:after{content:"";background:radial-gradient(ellipse at center, oklch(from var(--color-accent) l c h / .18) 0%, transparent 60%);pointer-events:none;z-index:0;width:60%;height:180%;position:absolute;top:-40%;right:-10%}.shelf-pulse>*{z-index:1;position:relative}.shelf-pulse__heading{gap:var(--space-1);flex-direction:column;max-width:60ch;display:flex}.shelf-pulse__overline{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary)}.shelf-pulse__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.shelf-pulse__caption{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:var(--space-1) 0 0}.shelf-pulse__cta{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--bg-card);border:1px solid oklch(from var(--color-primary) l c h / .35);border-radius:var(--radius-full);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, transform var(--transition-fast) ease;align-self:flex-start;text-decoration:none;display:inline-flex}.shelf-pulse__cta:hover{background:oklch(from var(--color-primary) l c h / .08);border-color:var(--color-primary);transform:translateY(-1px)}.shelf-pulse__cta:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.shelf-pulse__cta{transition:none}.shelf-pulse__cta:hover{transform:none}}@media (width>=640px){.shelf-pulse{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-6);flex-direction:row}.shelf-pulse__cta{flex-shrink:0;align-self:center}}.dermo-form{background:radial-gradient(ellipse at 15% 0%, color-mix(in oklch, var(--color-primary) 8%, transparent) 0%, transparent 60%);border:1px solid color-mix(in oklch, var(--border-default) 60%, transparent);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);flex-direction:column;gap:0;display:flex}.dermo-section{gap:var(--space-3);padding:var(--space-6) 0;flex-direction:column;display:flex}.dermo-section+.dermo-section{border-top:1px solid;border-image:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-primary) 30%, transparent), transparent) 1}.dermo-section__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);font-feature-settings:var(--font-features-display);margin:0}.dermo-section__desc{font-size:var(--text-sm);color:var(--text-muted);margin:0}.dermo-section__overline{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary);margin-bottom:calc(-1 * var(--space-1));display:block}.dermo-fitzpatrick{border-radius:var(--radius-lg);border:1px solid color-mix(in oklch, var(--border-default) 50%, transparent);height:3.5rem;box-shadow:var(--shadow-sm);display:flex;overflow:hidden}.dermo-fitz-item{cursor:pointer;transition:flex-grow var(--transition-slower) var(--ease-standard), box-shadow var(--transition-base) ease-out;padding:var(--space-2) var(--space-1);text-align:center;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.125rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 oklch(0% 0 0/0)}.dermo-fitz-item:first-child{--fitz-bg:var(--fitz-1);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(2){--fitz-bg:var(--fitz-2);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(3){--fitz-bg:var(--fitz-3);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(4){--fitz-bg:var(--fitz-4);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(5){--fitz-bg:var(--fitz-5);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(6){--fitz-bg:var(--fitz-6);background:var(--fitz-bg)}.dermo-fitz-item--active{flex-grow:2}.dermo-fitz-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:oklch(from var(--fitz-bg) clamp(0, (l - .6) * -999, 1) 0 0);line-height:1;font-family:var(--font-display)}.dermo-fitz-desc{bottom:var(--space-2);color:oklch(from var(--fitz-bg) clamp(0, (l - .6) * -999, 1) 0 0 / .8);text-align:center;padding:0 var(--space-1);opacity:0;pointer-events:none;font-size:.5625rem;line-height:1.2;position:absolute;left:0;right:0}.dermo-fitz-item--active .dermo-fitz-desc{animation:fitz-desc-in var(--transition-slow) var(--ease-standard) 80ms both}@keyframes fitz-desc-in{0%{opacity:0;transform:translateY(3px)}to{opacity:.8;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dermo-fitz-item--active .dermo-fitz-desc{opacity:.8;animation:none}.dermo-fitz-item{transition:none}}.dermo-form__actions{padding-top:var(--space-4);border-top:1px solid;border-image:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-primary) 30%, transparent), transparent) 1;justify-content:flex-end;display:flex}.skin-read{gap:var(--space-4);flex-direction:column;display:flex}.skin-read__empty{color:var(--text-muted);font-size:var(--text-sm);font-style:italic}.skin-read__row{gap:var(--space-2);flex-direction:column;display:flex}.skin-read__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary)}.skin-read__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.skin-read__chip{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-full);align-items:center;display:inline-flex}.skin-read__chips--sm{gap:var(--space-1)}.skin-read__chip--sm{padding:2px var(--space-2);font-size:var(--text-xs)}.skin-read__fitz-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);background:var(--_fitz-bg);width:fit-content;color:oklch(from var(--_fitz-bg) clamp(0, (l - .6) * -999, 1) 0 0);display:inline-flex}.skin-read__notes--collapsed{max-height:4.5em;position:relative;overflow:hidden}.skin-read__notes--collapsed:after{content:"";background:linear-gradient(transparent, var(--bg-card));height:1.5em;position:absolute;bottom:0;left:0;right:0}.skin-read__notes-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);white-space:pre-line;margin:0}.skin-read__notes-toggle{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;font-weight:var(--font-medium);background:0 0;border:none;padding:0;display:inline-flex}.skin-read__notes-toggle:hover{text-decoration:underline}.skin-read__notes-chevron{transition:transform var(--transition-fast)}.skin-read__notes-chevron--open{transform:rotate(180deg)}.skin-portrait-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl,1.25rem);padding:var(--space-5) var(--space-5) var(--space-6);gap:var(--space-5);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.skin-portrait-card:before{content:"";background:radial-gradient(circle at 85% -10%, oklch(from var(--color-accent) l c h / .18) 0%, transparent 50%), radial-gradient(circle at 0% 110%, oklch(from var(--color-primary) l c h / .12) 0%, transparent 45%);pointer-events:none;z-index:0;position:absolute;inset:0}.skin-portrait-card>*{z-index:1;position:relative}.skin-portrait-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.skin-portrait-card__heading{gap:var(--space-1);flex-direction:column;display:flex}.skin-portrait-card__overline{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary)}.skin-portrait-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.skin-portrait-card__edit{flex-shrink:0}.skin-portrait-card__body{gap:var(--space-6);flex-direction:column;align-items:center;display:flex}.skin-portrait-card__halo-wrapper{align-items:center;gap:var(--space-5);padding:var(--space-3) 0 var(--space-1);flex-direction:column;display:flex}.skin-portrait-card__halo{--_fitz:var(--fitz-3);background:radial-gradient(circle at 32% 28%, oklch(from var(--_fitz) calc(l + .1) c h) 0%, var(--_fitz) 55%, oklch(from var(--_fitz) calc(l - .06) c h) 100%);width:7.5rem;height:7.5rem;box-shadow:inset 0 1px 0 oklch(from var(--_fitz) calc(l + .18) c h / .6), inset 0 -1px 2px oklch(from var(--_fitz) calc(l - .12) c h / .45), 0 0 0 1px oklch(from var(--_fitz) calc(l - .12) c h / .35), 0 0 0 10px oklch(from var(--_fitz) l c h / .1), 0 0 0 11px oklch(from var(--_fitz) l c h / .05), 0 18px 36px oklch(from var(--_fitz) l c h / .28);isolation:isolate;border-radius:50%;place-items:center;display:grid;position:relative}.skin-portrait-card__halo:after{content:"";background:linear-gradient(to bottom, oklch(from var(--_fitz) calc(l + .2) c h / .5), transparent);filter:blur(2px);pointer-events:none;border-radius:50%;height:14%;position:absolute;inset:8% 18% auto}.skin-portrait-card__halo--empty{--_fitz:var(--bg-muted);background:radial-gradient(circle at 32% 28%, var(--bg-card) 0%, var(--bg-muted) 60%, var(--bg-sunken) 100%);box-shadow:inset 0 0 0 1px var(--border-default), 0 8px 22px oklch(0% 0 0/.05)}.skin-portrait-card__halo-numeral{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:oklch(from var(--_fitz) clamp(0, (l - .6) * -999, 1) 0 0);text-shadow:0 1px 1px oklch(from var(--_fitz) calc(l - .12) c h / .35);z-index:1;line-height:1}.skin-portrait-card__halo-placeholder{font-size:var(--text-2xl);color:var(--text-muted);opacity:.5}.skin-portrait-card__halo-caption{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;letter-spacing:var(--tracking-wide);max-width:18ch;margin:0}.skin-portrait-card__empty{gap:var(--space-2);text-align:center;flex-direction:column;max-width:32ch;margin:0 auto;display:flex}.skin-portrait-card__empty-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.skin-portrait-card__empty-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.skin-portrait-card--editing{padding:var(--space-5)}.skin-portrait-card--editing:before{opacity:.4}@media (width>=640px){.skin-portrait-card{padding:var(--space-6) var(--space-6) var(--space-7,var(--space-6))}}@media (prefers-reduced-motion:reduce){.skin-portrait-card__halo{transition:none}}.toggle{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;display:flex}.toggle:hover{background:var(--bg-hover)}.toggle:has(input:disabled){cursor:not-allowed;opacity:.6}.toggle--column{flex-direction:column;justify-content:flex-start;align-items:flex-start}.toggle__info{gap:var(--space-1);flex-direction:column;display:flex}.toggle__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.toggle__hint{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}.toggle__switch{--toggle-width:2.5rem;--toggle-height:1.375rem;--toggle-knob:1rem;--toggle-travel:calc(var(--toggle-width) - var(--toggle-knob) - .25rem);width:var(--toggle-width);height:var(--toggle-height);background:oklch(from var(--color-primary) l c h / .12);border:1px solid oklch(from var(--color-primary) l c h / .25);border-radius:var(--radius-full);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;display:inline-block;position:relative}.toggle--sm .toggle__switch{--toggle-width:2rem;--toggle-height:1.125rem;--toggle-knob:.75rem}.toggle__switch:after{content:"";width:var(--toggle-knob);height:var(--toggle-knob);background:var(--text-muted);transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:.125rem;transform:translateY(-50%)}.toggle input:checked~.toggle__switch{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-color:var(--color-primary);box-shadow:0 2px 8px oklch(from var(--color-primary) l c h / .3)}.toggle input:checked~.toggle__switch:after{transform:translateY(-50%) translateX(var(--toggle-travel));background:oklch(100% 0 0)}.toggle input:focus-visible~.toggle__switch{outline:2px solid var(--color-focus);outline-offset:2px}.settings-section{padding:var(--space-5);background-color:var(--bg-card);border:1px solid oklch(from var(--color-primary) l c h / .15);border-left:3px solid oklch(from var(--color-primary) l c h / .4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:var(--space-3);flex-direction:column;display:flex}.settings-section--compact{padding:var(--space-4) var(--space-5)}.settings-section--danger{border-color:color-mix(in oklch, var(--color-error) 30%, transparent)}.settings-section__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary)}.settings-section--danger .settings-section__title{color:var(--color-error)}.settings-section__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.account-settings{gap:var(--space-6);flex-direction:column;display:flex}.account-actions{gap:var(--space-3);flex-direction:column;display:flex}.account-action-btn{justify-content:flex-start;gap:var(--space-3);width:100%;font-weight:var(--font-semibold);padding:var(--space-3) var(--space-5)}.account-action-btn:active:not(:disabled){transform:translateY(1px)}.delete-btn{color:var(--color-error);border-color:var(--color-error);opacity:.6}.delete-btn:hover:not(:disabled){background-color:var(--color-error);color:oklch(100% 0 0)}.delete-confirm{gap:var(--space-3);background-color:color-mix(in oklch, var(--color-error) 5%, transparent);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in oklch, var(--color-error) 30%, transparent);flex-direction:column;display:flex}.delete-confirm-text{font-size:var(--text-sm);color:var(--color-error)}.delete-confirm-actions{gap:var(--space-3);display:flex}.change-password-form{gap:var(--space-4);background-color:var(--bg-muted);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default);flex-direction:column;display:flex}.form-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.form-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.show-passwords-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-base);background:0 0;border:none}.show-passwords-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.form-fields{gap:var(--space-3);flex-direction:column;display:flex}.role-request-section{gap:var(--space-4);flex-direction:column;display:flex}.role-request-intro{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.role-request-form{gap:var(--space-4);flex-direction:column;display:flex}.role-request-status{gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.role-request-status-text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal)}.privacy-loading{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-2) 0}.privacy-toggles{gap:var(--space-4);flex-direction:column;display:flex}.privacy-ai-section{gap:var(--space-3);flex-direction:column;display:flex}.privacy-subgroup{gap:var(--space-3);padding-left:var(--space-4);border-left:2px solid var(--border-default);flex-direction:column;display:flex}.privacy-subgroup-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted)}.privacy-section-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.privacy-badge{padding:1px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-primary-light);color:var(--color-primary-deeper);border-radius:var(--radius-sm);display:inline-block}.privacy-policy-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;display:inline-flex}.privacy-policy-link:hover{text-decoration:underline}.pref-settings{gap:var(--space-6);flex-direction:column;display:flex}.pref-weights-list{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.pref-weights-list{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(2,1fr)}}.pref-weight-item{gap:var(--space-2);flex-direction:column;display:flex}.pref-weight-info{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.pref-weight-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.pref-weight-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.pref-weight-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.pref-weight-value{font-size:var(--text-xs);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;color:var(--color-primary);background:var(--bg-muted);border:1px solid var(--border-default);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-align:center;min-width:2.5rem}.pref-weight-slider{cursor:pointer;appearance:none;width:100%;height:var(--space-6);background:0 0}.pref-weight-slider:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.pref-weight-slider::-webkit-slider-runnable-track{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-full);height:6px;transition:background-color var(--transition-base), border-color var(--transition-base)}.pref-weight-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);border-radius:var(--radius-full);border:2px solid var(--bg-card);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast) var(--ease-bounce), box-shadow var(--transition-fast);margin-top:-8px}.pref-weight-slider:hover::-webkit-slider-thumb{box-shadow:var(--shadow-md);transform:scale(1.1)}.pref-weight-slider:active::-webkit-slider-thumb{background:var(--color-primary-hover);transform:scale(.95)}.pref-weight-slider::-moz-range-track{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-full);height:6px}.pref-weight-slider::-moz-range-thumb{background:var(--color-primary);border-radius:var(--radius-full);border:2px solid var(--bg-card);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast) var(--ease-bounce)}.pref-weight-slider:hover::-moz-range-thumb{transform:scale(1.1)}.pref-palette-swatches{gap:var(--space-4);align-items:center;display:flex}.pref-palette-swatch{align-items:center;gap:var(--space-2);cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.pref-palette-swatch__circle{border-radius:var(--radius-full);outline-offset:2px;width:28px;height:28px;transition:outline-color var(--transition-fast), transform var(--transition-fast);border:2px solid #0000;outline:2px solid #0000}.pref-palette-swatch input:checked~.pref-palette-swatch__circle{outline-color:var(--color-primary)}.pref-palette-swatch:hover .pref-palette-swatch__circle{transform:scale(1.1)}.pref-palette-swatch:focus-within .pref-palette-swatch__circle{outline-color:var(--color-primary)}.pref-palette-swatch__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.profile-dashboard{gap:var(--space-6);width:100%;max-width:64rem;padding:var(--space-4);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex}@media (width>=640px){.profile-dashboard{padding:var(--space-6)}}.profile-hero{--hero-tint:var(--color-primary);background-color:var(--bg-card);border:1px solid oklch(from var(--color-primary) l c h / .18);box-shadow:var(--shadow-card);text-align:center;border-radius:1.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.profile-hero[data-fitz="1"]{--hero-tint:var(--fitz-1)}.profile-hero[data-fitz="2"]{--hero-tint:var(--fitz-2)}.profile-hero[data-fitz="3"]{--hero-tint:var(--fitz-3)}.profile-hero[data-fitz="4"]{--hero-tint:var(--fitz-4)}.profile-hero[data-fitz="5"]{--hero-tint:var(--fitz-5)}.profile-hero[data-fitz="6"]{--hero-tint:var(--fitz-6)}.profile-hero__banner{background:linear-gradient(180deg, oklch(from var(--hero-tint) calc(l + .06) c h / .55) 0%, transparent 100%), linear-gradient(120deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);isolation:isolate;width:100%;height:5.5rem;position:relative}.profile-hero__banner:before{content:"";background:radial-gradient(ellipse at 20% 110%, oklch(from var(--hero-tint) calc(l + .12) c h / .45) 0%, transparent 55%), radial-gradient(ellipse at 80% 0%, oklch(from var(--color-accent) calc(l + .1) c h / .35) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.profile-hero__banner:after{content:"";opacity:.55;pointer-events:none;background:radial-gradient(circle at 18% 32%,oklch(100% 0 0/.18) 0%,#0000 40%),radial-gradient(circle at 78% 68%,oklch(0% 0 0/.06) 0%,#0000 45%);position:absolute;inset:0}.profile-hero__banner-glow{background:radial-gradient(ellipse at center, oklch(from var(--hero-tint) calc(l + .1) c h / .3) 0%, transparent 60%);pointer-events:none;filter:blur(8px);height:80%;position:absolute;inset:auto 0 -40%}.profile-hero__content{z-index:1;align-items:center;gap:var(--space-3);padding:0 var(--space-4) var(--space-5);text-align:center;flex-direction:column;margin-top:-2.25rem;display:flex;position:relative}.profile-hero__avatar-wrapper{z-index:2;border-radius:var(--radius-full);background:var(--bg-card);box-shadow:0 0 0 1px oklch(from var(--color-primary) l c h / .2), var(--shadow-md);flex-shrink:0;padding:4px;position:relative}.profile-hero__avatar-wrapper .profile-avatar--xl{box-shadow:none;border:2px solid #0000}.profile-hero__main{align-items:center;gap:var(--space-1);min-width:0;padding-top:var(--space-1);flex-direction:column;flex:1;display:flex}.profile-hero__header{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.profile-hero__info{flex:1;min-width:0}.profile-hero__bio{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-top:var(--space-3);white-space:pre-line;max-width:52ch;font-style:italic}.profile-hero__since{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0;display:inline-flex}.profile-hero__since>[aria-hidden=true]{color:oklch(from var(--color-primary) l c h / .6)}@media (width>=640px){.profile-hero{text-align:left}.profile-hero__banner{height:8rem}.profile-hero__content{padding:0 var(--space-7,var(--space-6)) var(--space-6);align-items:flex-end;gap:var(--space-5);text-align:left;flex-direction:row;margin-top:-2.75rem}.profile-hero__main{padding-top:2.75rem;padding-bottom:var(--space-1);align-items:flex-start;gap:0}.profile-hero__header{flex-direction:row;justify-content:space-between;align-items:flex-start}.profile-hero__bio{margin-top:var(--space-3)}.profile-hero__since{margin-top:var(--space-2)}}.profile-tabs-container{margin:var(--space-4) 0 var(--space-2);padding:0}.profile-tab-content{gap:var(--space-5);animation:profile-fade-in var(--transition-slow) ease;flex-direction:column;display:flex}.profile-tab-content[hidden]{display:none}@keyframes profile-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.profile-tab-content{animation:none}}.profile-dashboard__body{gap:var(--space-5);flex-direction:column;width:100%;min-height:32rem;display:flex}.profile-tab-content__grid{gap:var(--space-4);grid-template-columns:1fr;align-items:stretch;display:grid}.profile-tab-content__cell{display:flex}.profile-tab-content__cell>*{flex:1;width:100%}@media (width>=768px){.profile-tab-content__grid{gap:var(--space-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.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}