:root{--color-background: #f7f1e0;--color-surface: #fffcf3;--color-surface-alt: #f0e6c8;--color-surface-raised: var(--color-surface-alt);--color-bg-top-glow: rgba(196, 155, 15, .12);--color-text: #181a10;--color-text-muted: #5a4d1f;--color-error: #b33a1a;--color-error-light: #faeae5;--color-success: #3a5c18;--color-success-light: #eaf2dd;--color-warning: #7a5c10;--color-warning-light: #faf2d8;--color-info: #1a5c9a;--color-info-light: #e4eef8;--color-on-error: #ffffff;--color-on-warning: #ffffff;--color-on-success: #ffffff;--color-on-info: #ffffff;--color-compare-a: var(--color-accent);--color-compare-b: var(--color-info);--color-compare-c: #7a3c10;--color-border: #d9c78f;--color-border-focus: var(--color-link);--focus-ring: 0 0 0 3px var(--color-link);--focus-outline: 2px solid var(--color-link);--touch-target-min: 44px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-display: Georgia, "Palatino Linotype", Palatino, serif;--font-body: "Atkinson Hyperlegible", system-ui, sans-serif;--font-ui: "Atkinson Hyperlegible", system-ui, sans-serif;--font-mono: "JetBrains Mono", 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;--line-height-tight: 1.3;--line-height-base: 1.6;--line-height-loose: 1.8;--leading-relaxed: 1.65;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--font-normal: var(--font-weight-normal);--font-medium: var(--font-weight-medium);--font-bold: var(--font-weight-bold);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(24, 26, 16, .08);--shadow-md: 0 4px 12px rgba(24, 26, 16, .1);--shadow-lg: 0 8px 24px rgba(24, 26, 16, .15);--color-overlay: rgba(24, 26, 16, .5);--color-overlay-heavy: rgba(0, 0, 0, .92);--color-border-on-color: rgba( 0, 0, 0, .15 );--color-dot-ring: rgba( 255, 255, 255, .6 );--dialog-max-width: 360px;--dialog-max-width-lg: 420px;--sheet-max-width: 640px;--content-max-width-sm: 480px;--nav-height: 64px;--bottom-nav-height: var(--nav-height);--nav-background: #241f13;--nav-border: rgba(224, 184, 74, .22);--nav-shadow: 0 -4px 20px rgba(0, 0, 0, .32);--nav-color-active: #e0b84a;--nav-color-inactive: #a89463;--nav-indicator: #e0b84a;--star-slot-width: 52px;--field-height: var(--touch-target-min);--field-height-sm: 36px;--field-padding-x: var(--space-3);--field-padding-y: var(--space-2);--field-border: var(--color-border);--field-background: var(--color-surface);--field-radius: var(--radius-md);--color-badge-ba-bg: #cfe2ff;--color-badge-ba-text: #084298;--color-badge-ebs-bg: #fff3cd;--color-badge-ebs-text: #664d03;--color-badge-wbc-bg: #d1e7dd;--color-badge-wbc-text: #0a3622;--color-fp-tight-bg: #e8f4e8;--color-fp-tight-text: #2d6a2d;--color-fp-tight-border: #b8d8b8;--color-fp-coating-bg: #fef9e0;--color-fp-coating-text: #7a6010;--color-fp-coating-border: #e8d870;--color-fp-dry-bg: #f5ede0;--color-fp-dry-text: #7a4010;--color-fp-dry-border: #d8b890;--flavor-color-graan: #c9a830;--flavor-color-maillard: #b5651d;--flavor-color-noten: #8b6914;--flavor-color-hout-en-leer: #6b4f2a;--flavor-color-kruidig: #607a28;--flavor-color-hoppig: #4d7c0f;--flavor-color-groente: #4a7c3f;--flavor-color-planten-bloemen: #8fbc5a;--flavor-color-bloemig: #a0bc48;--flavor-color-citrus: #d4a017;--flavor-color-frisfruit: #e07b39;--flavor-color-geelfruit: #d4a800;--flavor-color-gist: #ca8a04;--flavor-color-roodfruit: #c0392b;--flavor-color-zuidvruchten: #8e44ad;--flavor-color-vreemd: #c0392b;--flavor-color-chemisch: #7f8c8d;--flavor-color-muf: #95a5a6;--flavor-color-zuivel: #d4c5a9;--flavor-color-zuur: #c4b870;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0s;--transition-base: 0s;--transition-slow: 0s}}@media(forced-colors:active){:root{--focus-ring: 0 0 0 3px ButtonText;--focus-outline: 2px solid ButtonText}}html[data-theme=dark]{--color-bg-top-glow: rgba(224, 184, 74, .14);--color-badge-ba-bg: #084298;--color-badge-ba-text: #cfe2ff;--color-badge-ebs-bg: #664d03;--color-badge-ebs-text: #fff3cd;--color-badge-wbc-bg: #0a3622;--color-badge-wbc-text: #d1e7dd;--color-fp-tight-bg: #1a2e1a;--color-fp-tight-text: #80c060;--color-fp-tight-border: #2a4a2a;--color-fp-coating-bg: #2a2610;--color-fp-coating-text: #c8a030;--color-fp-coating-border: #4a3e18;--color-fp-dry-bg: #2a1e10;--color-fp-dry-text: #c07830;--color-fp-dry-border: #4a2e18;--color-compare-c: #c97a3a;--color-background: #1a160d;--color-surface: #241f13;--color-surface-alt: #2e2717;--color-text: #edf2d8;--color-text-muted: #c2ae7a;--color-error: #f4a080;--color-error-light: #3a1a10;--color-on-error: #3a1a10;--color-success: #90c860;--color-success-light: #1e3210;--color-warning: #e0c060;--color-warning-light: #342810;--color-on-warning: #342810;--color-info: #70b0f0;--color-info-light: #102040;--color-on-success: #1e3210;--color-on-info: #102040;--color-border: #4a3f1e;--color-border-focus: var(--color-link);--focus-ring: 0 0 0 3px var(--color-link);--nav-background: #100d07;--nav-border: rgba(224, 184, 74, .15);--nav-shadow: 0 -4px 20px rgba(0, 0, 0, .55);--nav-color-active: #e0b84a;--nav-color-inactive: #a8935f;--nav-indicator: #e0b84a;--field-background: var(--color-surface);--field-border: var(--color-border);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35)}html[data-theme=light]{--color-background: #f7f1e0;--color-surface: #fffcf3;--color-surface-alt: #f0e6c8;--color-bg-top-glow: rgba(196, 155, 15, .12);--color-text: #181a10;--color-text-muted: #5a4d1f;--color-error: #b33a1a;--color-error-light: #faeae5;--color-on-error: #ffffff;--color-success: #3a5c18;--color-success-light: #eaf2dd;--color-warning: #7a5c10;--color-warning-light: #faf2d8;--color-on-warning: #ffffff;--color-on-success: #ffffff;--color-on-info: #ffffff;--color-border: #d9c78f;--color-border-focus: var(--color-link);--focus-ring: 0 0 0 3px var(--color-link);--nav-background: #241f13;--nav-border: rgba(224, 184, 74, .22);--nav-shadow: 0 -4px 20px rgba(0, 0, 0, .32);--nav-color-active: #e0b84a;--nav-color-inactive: #a89463;--nav-indicator: #e0b84a;--field-background: var(--color-surface);--field-border: var(--color-border);--shadow-sm: 0 1px 3px rgba(24, 26, 16, .08);--shadow-md: 0 4px 12px rgba(24, 26, 16, .1)}@media(prefers-color-scheme:dark){:root{--color-bg-top-glow: rgba(224, 184, 74, .14);--color-background: #1a160d;--color-surface: #241f13;--color-surface-alt: #2e2717;--color-text: #edf2d8;--color-text-muted: #c2ae7a;--color-error: #f4a080;--color-error-light: #3a1a10;--color-on-error: #3a1a10;--color-success: #90c860;--color-success-light: #1e3210;--color-warning: #e0c060;--color-warning-light: #342810;--color-on-warning: #342810;--color-on-success: #1e3210;--color-on-info: #102040;--color-border: #4a3f1e;--color-border-focus: var(--color-link);--focus-ring: 0 0 0 3px var(--color-link);--nav-background: #100d07;--nav-border: rgba(224, 184, 74, .15);--nav-shadow: 0 -4px 20px rgba(0, 0, 0, .55);--nav-color-active: #e0b84a;--nav-color-inactive: #a8935f;--nav-indicator: #e0b84a;--field-background: var(--color-surface);--field-border: var(--color-border);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--color-border-on-color: rgba( 255, 255, 255, .15 );--color-badge-ba-bg: #084298;--color-badge-ba-text: #cfe2ff;--color-badge-ebs-bg: #664d03;--color-badge-ebs-text: #fff3cd;--color-badge-wbc-bg: #0a3622;--color-badge-wbc-text: #d1e7dd;--color-fp-tight-bg: #1a2e1a;--color-fp-tight-text: #80c060;--color-fp-tight-border: #2a4a2a;--color-fp-coating-bg: #2a2610;--color-fp-coating-text: #c8a030;--color-fp-coating-border: #4a3e18;--color-fp-dry-bg: #2a1e10;--color-fp-dry-text: #c07830;--color-fp-dry-border: #4a2e18;--color-compare-c: #c97a3a}}:root,html[data-theme=light]{--color-accent: #7f6209;--color-accent-hover: #6a5207;--color-accent-light: #f3e9c8;--color-on-accent: #ffffff;--color-link: #8a6d0e}html[data-accent=graan]{--color-accent: #7f6209;--color-accent-hover: #6a5207;--color-accent-light: #f3e9c8;--color-on-accent: #ffffff;--color-link: #8a6d0e;--color-background: #f7f1e0;--color-surface: #fffcf3;--color-surface-alt: #f0e6c8;--color-border: #d9c78f;--color-text-muted: #5a4d1f;--color-bg-top-glow: rgba(196, 155, 15, .12);--nav-background: #241f13;--nav-border: rgba(224, 184, 74, .22);--nav-color-active: #e0b84a;--nav-color-inactive: #a89463;--nav-indicator: #e0b84a}html[data-accent=hop]{--color-accent: #3f7d33;--color-accent-hover: #356a2b;--color-accent-light: #e4efdf;--color-on-accent: #ffffff;--color-link: #2f5f26;--color-background: #eef6ea;--color-surface: #f8fdf6;--color-surface-alt: #dcebd4;--color-border: #a8cf9a;--color-text-muted: #3d5230;--color-bg-top-glow: rgba(63, 125, 51, .1);--nav-background: #16220f;--nav-border: rgba(111, 180, 94, .22);--nav-color-active: #6fb45e;--nav-color-inactive: #7fa06e;--nav-indicator: #6fb45e}html[data-accent=water]{--color-accent: #1f6fb2;--color-accent-hover: #175a94;--color-accent-light: #e2edf7;--color-on-accent: #ffffff;--color-link: #175a94;--color-background: #e6f0f5;--color-surface: #f6fbfd;--color-surface-alt: #d5e6ee;--color-border: #a0c6d8;--color-text-muted: #38505c;--color-bg-top-glow: rgba(31, 111, 178, .1);--nav-background: #101c24;--nav-border: rgba(90, 159, 212, .22);--nav-color-active: #5a9fd4;--nav-color-inactive: #6f95a6;--nav-indicator: #5a9fd4}html[data-accent=gist]{--color-accent: #38404a;--color-accent-hover: #2b323a;--color-accent-light: #e4e7eb;--color-on-accent: #ffffff;--color-link: #38404a;--color-background: #eceef1;--color-surface: #f8f9fb;--color-surface-alt: #dde1e6;--color-border: #b8c0ca;--color-text-muted: #4c525a;--color-bg-top-glow: rgba(56, 64, 74, .08);--nav-background: #181a1d;--nav-border: rgba(205, 212, 221, .22);--nav-color-active: #cdd4dd;--nav-color-inactive: #7d848c;--nav-indicator: #cdd4dd}html[data-theme=dark]{--color-accent: #e0b84a;--color-accent-hover: #ecc766;--color-accent-light: #3a3016;--color-on-accent: #1a1712;--color-link: #e8c874}html[data-theme=dark][data-accent=graan]{--color-accent: #e0b84a;--color-accent-hover: #ecc766;--color-accent-light: #3a3016;--color-on-accent: #1a1712;--color-link: #e8c874;--color-background: #1a160d;--color-surface: #241f13;--color-surface-alt: #2e2717;--color-border: #4a3f1e;--color-text-muted: #c2ae7a;--color-bg-top-glow: rgba(224, 184, 74, .14);--nav-background: #100d07;--nav-border: rgba(224, 184, 74, .15);--nav-color-inactive: #a8935f}html[data-theme=dark][data-accent=hop]{--color-accent: #6fb45e;--color-accent-hover: #82c471;--color-accent-light: #26331f;--color-on-accent: #0f150d;--color-link: #8fce7f;--color-background: #10160f;--color-surface: #1a2118;--color-surface-alt: #223026;--color-border: #33422f;--color-text-muted: #9fbf8f;--color-bg-top-glow: rgba(111, 180, 94, .12);--nav-background: #0a0f08;--nav-border: rgba(111, 180, 94, .15);--nav-color-inactive: #6f8a63}html[data-theme=dark][data-accent=water]{--color-accent: #5a9fd4;--color-accent-hover: #72b0e0;--color-accent-light: #1c2e3f;--color-on-accent: #0b1520;--color-link: #84bce6;--color-background: #0e161c;--color-surface: #17232b;--color-surface-alt: #1e2e38;--color-border: #2d4656;--color-text-muted: #9db9c6;--color-bg-top-glow: rgba(90, 159, 212, .14);--nav-background: #080f14;--nav-border: rgba(90, 159, 212, .15);--nav-color-inactive: #5f7c88}html[data-theme=dark][data-accent=gist]{--color-accent: #cdd4dd;--color-accent-hover: #dbe1e8;--color-accent-light: #2a2f38;--color-on-accent: #161a20;--color-link: #b8c2ce;--color-background: #15171a;--color-surface: #1e2124;--color-surface-alt: #292d32;--color-border: #3a3f45;--color-text-muted: #a7adb4;--color-bg-top-glow: rgba(205, 212, 221, .08);--nav-background: #0c0d0f;--nav-border: rgba(205, 212, 221, .15);--nav-color-inactive: #6c7278}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-accent: #e0b84a;--color-accent-hover: #ecc766;--color-accent-light: #3a3016;--color-on-accent: #1a1712;--color-link: #e8c874;--color-background: #1a160d;--color-surface: #241f13;--color-surface-alt: #2e2717;--color-border: #4a3f1e;--color-text-muted: #c2ae7a;--color-bg-top-glow: rgba(224, 184, 74, .14);--nav-background: #100d07;--nav-border: rgba(224, 184, 74, .15);--nav-color-inactive: #a8935f}:root[data-accent=hop]:not([data-theme=light]){--color-accent: #6fb45e;--color-accent-hover: #82c471;--color-accent-light: #26331f;--color-on-accent: #0f150d;--color-link: #8fce7f;--color-background: #10160f;--color-surface: #1a2118;--color-surface-alt: #223026;--color-border: #33422f;--color-text-muted: #9fbf8f;--color-bg-top-glow: rgba(111, 180, 94, .12);--nav-background: #0a0f08;--nav-border: rgba(111, 180, 94, .15);--nav-color-inactive: #6f8a63}:root[data-accent=water]:not([data-theme=light]){--color-accent: #5a9fd4;--color-accent-hover: #72b0e0;--color-accent-light: #1c2e3f;--color-on-accent: #0b1520;--color-link: #84bce6;--color-background: #0e161c;--color-surface: #17232b;--color-surface-alt: #1e2e38;--color-border: #2d4656;--color-text-muted: #9db9c6;--color-bg-top-glow: rgba(90, 159, 212, .14);--nav-background: #080f14;--nav-border: rgba(90, 159, 212, .15);--nav-color-inactive: #5f7c88}:root[data-accent=gist]:not([data-theme=light]){--color-accent: #cdd4dd;--color-accent-hover: #dbe1e8;--color-accent-light: #2a2f38;--color-on-accent: #161a20;--color-link: #b8c2ce;--color-background: #15171a;--color-surface: #1e2124;--color-surface-alt: #292d32;--color-border: #3a3f45;--color-text-muted: #a7adb4;--color-bg-top-glow: rgba(205, 212, 221, .08);--nav-background: #0c0d0f;--nav-border: rgba(205, 212, 221, .15);--nav-color-inactive: #6c7278}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}dialog{margin:auto;max-height:calc(100dvh - var(--space-12));overflow-y:auto}html{-webkit-text-size-adjust:none;text-size-adjust:none;height:100%;overflow:hidden;overscroll-behavior-y:contain}body{height:100%;overflow:hidden;line-height:var(--line-height-base);font-family:var(--font-ui);color:var(--color-text);background-color:var(--color-background)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../fonts/AtkinsonHyperlegible-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../fonts/AtkinsonHyperlegible-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../fonts/AtkinsonHyperlegible-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../fonts/AtkinsonHyperlegible-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--text-3xl)}h1:after{content:"";display:block;width:var(--space-8);height:3px;background:var(--color-accent);border-radius:var(--radius-full);margin-top:var(--space-2)}.note-form-header__title:after,.detail-header__name:after,.beer-title__name:after{content:none}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{font-size:var(--text-base);line-height:var(--line-height-base);color:var(--color-text)}.text-prose{font-family:var(--font-body);line-height:var(--line-height-loose)}.text-muted{color:var(--color-text-muted);font-size:var(--text-sm)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.form-label{display:block;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.form-label--required:after{content:" *";color:var(--color-error)}.form-input,.form-textarea,.form-select{display:block;width:100%;min-height:var(--touch-target-min);padding:var(--field-padding-y) var(--field-padding-x);background:var(--field-background);border:1px solid var(--field-border);border-radius:var(--field-radius);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--line-height-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;appearance:none}.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.form-input[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:var(--color-error)}.form-textarea{min-height:96px;resize:vertical}.form-error{display:block;font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.form-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-slider{width:100%;height:var(--touch-target-min);accent-color:var(--color-accent);cursor:pointer}.form-slider::-webkit-slider-thumb{width:28px;height:28px}.form-slider::-moz-range-thumb{width:28px;height:28px;border:none;background:var(--color-accent);border-radius:var(--radius-full)}.form-check{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);cursor:pointer}.form-check__input{width:20px;height:20px;flex-shrink:0;accent-color:var(--color-accent);cursor:pointer}.form-check__label{font-size:var(--text-base);color:var(--color-text);line-height:var(--line-height-tight)}.form-stars{display:flex;gap:var(--space-1)}.form-stars__star{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);background:none;border:none;padding:0}.form-stars__star--active{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;border:1px solid transparent}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-accent);border-color:var(--color-border)}.btn--secondary:hover{background:var(--color-surface-alt)}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn--ghost:hover{background:var(--color-surface-alt);color:var(--color-text)}.btn--danger{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error)}.btn--small{min-height:var(--touch-target-min);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.autocomplete-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;margin:0;padding:var(--space-1);z-index:100;max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch}.autocomplete-dropdown__group-label{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted)}.autocomplete-dropdown__group-label:not(:first-child){margin-top:var(--space-1);border-top:1px solid var(--color-border)}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);text-decoration:none;transform:translateY(-200%);transition:transform .15s ease}.skip-link:focus-visible{transform:translateY(0);outline:var(--focus-outline);outline-offset:2px}body{background:radial-gradient(ellipse 90% 40% at 80% -5%,var(--color-bg-top-glow),transparent),var(--color-background);min-height:100%}.page{display:flex;flex-direction:column;height:100%;overflow:hidden}.page__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:768px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + var(--space-4))}.bottom-nav{flex-shrink:0;width:100%;min-height:var(--nav-height);background:var(--nav-background);border-top:1px solid var(--nav-border);box-shadow:var(--nav-shadow);display:flex;align-items:stretch;position:relative;z-index:200;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-decoration:none;color:var(--nav-color-inactive);font-size:var(--text-xs);font-family:var(--font-ui);transition:color var(--transition-fast);min-height:var(--touch-target-min);position:relative;overflow:hidden}.bottom-nav__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--nav-color-active) inset;border-radius:var(--radius-sm)}.bottom-nav__item--active{color:var(--nav-color-active);font-weight:var(--font-weight-medium)}.bottom-nav__item--active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--nav-indicator);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.nav-icon{width:22px;height:22px;flex-shrink:0}.accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border:none;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:left;min-height:var(--touch-target-min);transition:background-color var(--transition-fast)}.accordion__trigger:hover{background:var(--color-accent-light)}.accordion__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.accordion__arrow{font-size:var(--text-sm);transition:transform var(--transition-base);flex-shrink:0}.accordion__trigger[aria-expanded=true] .accordion__arrow{transform:rotate(180deg)}.accordion__content{padding:var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border)}.tabs-wrapper{position:relative}.tabs-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;background:linear-gradient(to right,transparent,var(--color-background));pointer-events:none}.tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--color-border);scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tabs__tab{flex-shrink:0;padding:var(--space-3) var(--space-4);border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;min-height:var(--touch-target-min);transition:color var(--transition-fast),border-color var(--transition-fast)}@media(max-width:480px){.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--color-surface-alt);border-radius:var(--radius-md);border-bottom:none;padding:var(--space-1);gap:var(--space-1);margin-bottom:var(--space-4)}.tabs__tab{text-align:center;padding:var(--space-2) var(--space-1);font-size:var(--text-xs);border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs__tab[aria-selected=true]{background:var(--color-surface);color:var(--color-accent);font-weight:var(--font-bold);box-shadow:var(--shadow-sm);box-shadow:inset 0 2px 0 var(--color-accent),var(--shadow-sm)}.tabs-wrapper:after{display:none}}.tabs__tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tabs__tab[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent);border-bottom-width:3px;font-weight:var(--font-bold)}.tabs__paneel{padding-top:var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.toast-container{position:fixed;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + var(--space-3));left:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:300;pointer-events:none}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);box-shadow:var(--shadow-md);pointer-events:auto}.toast--succes{border-left:3px solid var(--color-success);color:var(--color-success);background:var(--color-success-light)}.toast--fout{border-left:3px solid var(--color-error);color:var(--color-error);background:var(--color-error-light)}.toast--info{border-left:3px solid var(--color-accent)}.fab-wrapper{position:fixed;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + var(--space-4));right:var(--space-4);z-index:100}.fab-shortcut{display:none;position:absolute;top:-8px;right:-8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:1px 5px;color:var(--color-text-muted);font-family:var(--font-mono);pointer-events:none}@media(pointer:fine){.fab-shortcut{display:block}}.btn--fab{position:relative;bottom:auto;right:auto;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);border:none;box-shadow:var(--shadow-md);font-size:var(--text-2xl);z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn--fab:hover{background:var(--color-accent-hover)}.loading-state{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-6) 0}.loading-state__spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:loading-spin .7s linear infinite;flex-shrink:0}@keyframes loading-spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-muted);gap:var(--space-3)}.empty-state__icon{font-size:3rem;opacity:.4;line-height:1;color:var(--color-text)}.empty-state__icon svg{width:4rem;height:4rem}.empty-state__text{font-size:var(--text-base);max-width:280px}.empty-state__sample-data{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);width:100%;max-width:280px}.empty-state__sample-data-text{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}dialog::backdrop{background:var(--color-overlay)}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:480px){.hide-mobile{display:none}}.page-header__back{flex-shrink:0;background:none;border:none;cursor:pointer;text-decoration:none;color:var(--color-text-muted);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-xl);transition:background var(--transition-fast),color var(--transition-fast)}.page-header__back:hover{background:var(--color-surface-alt);color:var(--color-text)}.page-header__back:focus-visible{outline:none;box-shadow:var(--focus-ring)}.select-pill{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-alt);color:var(--color-text);font-size:var(--text-sm);min-height:var(--touch-target-min);cursor:pointer;flex-shrink:0}.select-pill:focus-visible{outline:var(--focus-outline);outline-offset:2px;border-color:var(--color-accent)}.handleiding-link{display:inline-block;font-size:var(--text-sm);color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.handleiding-link:focus-visible{outline:var(--focus-outline);outline-offset:2px;border-radius:var(--radius-sm)}.knowledge .tabs{grid-template-columns:repeat(5,1fr)}@media(max-width:480px){.knowledge .tabs{grid-template-columns:repeat(3,1fr)}}.knowledge__header{margin-bottom:var(--space-3)}.knowledge__title{font-family:var(--font-ui);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-1)}.knowledge__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.knowledge__search-row{margin-bottom:var(--space-2)}.knowledge__actions-row{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-4)}.knowledge__actions-row .compare-toggle{margin-left:auto}.sort-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-alt);color:var(--color-text);font-size:var(--text-sm);min-height:var(--touch-target-min);cursor:pointer;flex-shrink:0}.sort-select:focus-visible{outline:var(--focus-outline);outline-offset:2px;border-color:var(--color-accent)}.search-field{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0 var(--space-3);box-shadow:var(--shadow-sm)}.search-field:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.search-field__icon{font-size:var(--text-lg);flex-shrink:0}.search-field__input{flex:1;border:none;background:transparent;height:var(--touch-target-min);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text);outline:none}.search-field__input::placeholder{color:var(--color-text-muted)}.search-field__input::-webkit-search-cancel-button{display:none}.search__clear{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);line-height:1;padding:var(--space-1);min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.search__clear:hover{color:var(--color-text)}.search__clear:focus-visible{outline:var(--focus-outline)}.knowledge__status{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3)}.knowledge__status--empty{color:var(--color-text)}.styles-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.style-card{width:100%;min-height:var(--touch-target-min);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.style-card:hover{background:var(--color-surface-alt);box-shadow:var(--shadow-md)}.style-card:focus-visible{outline:var(--focus-outline);outline-offset:2px}.style-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.style-card__dot{display:inline-block;width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.style-card__name{font-family:var(--font-ui);font-weight:var(--font-medium);font-size:var(--text-base);color:var(--color-text)}.style-card__source{font-size:var(--text-xs);font-family:var(--font-ui);font-weight:var(--font-medium);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.style-card__source--bkg{background:var(--color-accent-light);color:var(--color-accent)}.style-card__source--bjcp{background:var(--color-warning-light);color:var(--color-warning)}.style-card__source--tbtb{background:var(--color-info-light);color:var(--color-info)}.style-card__source--external{background:var(--color-surface-alt);color:var(--color-text-muted)}.style-card__source--competitions{background:var(--color-success-light);color:var(--color-success)}.competition-filter{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.competition-filter__btn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-alt);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-ui);cursor:pointer;min-height:var(--touch-target-min);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.competition-filter__btn:focus-visible{outline:var(--focus-outline);outline-offset:2px}.competition-filter__btn--active{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.spec__item--competitions{flex-direction:row;align-items:center;gap:var(--space-1);flex-wrap:wrap}.comp-badge{font-size:var(--text-xs);font-family:var(--font-ui);font-weight:var(--font-medium);padding:1px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.comp-badge--ba{background:var(--color-badge-ba-bg);color:var(--color-badge-ba-text)}.comp-badge--ebs{background:var(--color-badge-ebs-bg);color:var(--color-badge-ebs-text)}.comp-badge--wbc{background:var(--color-badge-wbc-bg);color:var(--color-badge-wbc-text)}.style-card__spec{display:flex;flex-wrap:wrap;gap:var(--space-3)}.spec__item{display:flex;flex-direction:column;gap:1px}.spec__label{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.04em}.spec__value{font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-mono)}.off-card{width:100%;min-height:var(--touch-target-min);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.off-card:hover{background:var(--color-surface-alt);box-shadow:var(--shadow-md)}.off-card:focus-visible{outline:var(--focus-outline);outline-offset:2px}.off-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.off-card__name{font-family:var(--font-ui);font-weight:var(--font-medium);font-size:var(--text-base);color:var(--color-text)}.off-card__profile{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.fase-badge{font-size:var(--text-xs);font-family:var(--font-ui);font-weight:var(--font-medium);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.fase--gisting{background:var(--color-accent-light);color:var(--color-accent)}.fase--maischen{background:var(--color-warning-light);color:var(--color-warning)}.fase--verpakking{background:var(--color-error-light);color:var(--color-error)}.fase--opslag,.fase--overig{background:var(--color-surface-alt);color:var(--color-text-muted)}.off-detail__chemisch{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;margin:var(--space-1) 0 var(--space-3)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state__icon{font-size:3rem;display:block;margin-bottom:var(--space-4)}.empty-state__text{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.style-detail{position:fixed;bottom:0;left:0;right:0;max-height:80vh;width:100%;max-width:var(--sheet-max-width);margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);padding:0;overflow-y:auto;border-bottom:none}.style-detail::backdrop{background:var(--color-overlay)}.style-detail__content{padding:var(--space-5) var(--space-4) var(--space-8)}.style-detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.style-detail__name{font-family:var(--font-ui);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0}.style-detail__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xl);line-height:1;padding:var(--space-1);min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.style-detail__close:hover{color:var(--color-text)}.style-detail__close:focus-visible{outline:var(--focus-outline)}.style-detail__description{margin:var(--space-3) 0 var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text)}.style-detail__examples{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.style-detail__examples-label{display:block;font-size:var(--text-xs);font-family:var(--font-ui);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.style-detail__examples-text{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text)}.style-detail__table{width:100%;border-collapse:collapse;margin-top:var(--space-4)}.style-detail__table tr{border-bottom:1px solid var(--color-border)}.style-detail__table th{text-align:left;font-weight:var(--font-normal);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2) var(--space-2) var(--space-2) 0;width:40%;vertical-align:top}.style-detail__table td{font-size:var(--text-sm);color:var(--color-text);padding:var(--space-2) 0;line-height:var(--leading-relaxed)}.style-detail__table-note{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;padding:0 0 var(--space-2) 0}.style-detail__organo{margin-top:var(--space-5);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.organo-accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.organo-item{border-bottom:1px solid var(--color-border)}.organo-item:last-child{border-bottom:none}.organo-item__button{width:100%;min-height:var(--touch-target-min);background:var(--color-surface-alt);border:none;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);transition:background var(--transition-fast)}.organo-item__button:hover{background:var(--color-surface)}.organo-item__button:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.organo-item__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);font-family:var(--font-ui)}.organo-item__arrow{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.organo-item__text{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed);background:var(--color-surface)}.style-detail__related{margin-top:var(--space-5);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.style-detail__related-title{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-3)}.related-link{width:100%;min-height:var(--touch-target-min);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);transition:background var(--transition-fast)}.related-link:hover{background:var(--color-surface)}.related-link:focus-visible{outline:var(--focus-outline);outline-offset:2px}.related-link__name{font-family:var(--font-ui);font-weight:var(--font-medium);font-size:var(--text-base);color:var(--color-text)}.related-link__description{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.glass-card{width:100%;min-height:var(--touch-target-min);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.glass-card:hover{background:var(--color-surface-alt);box-shadow:var(--shadow-md)}.glass-card:focus-visible{outline:var(--focus-outline);outline-offset:2px}.glass-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.glass-card__name{font-family:var(--font-ui);font-weight:var(--font-medium);font-size:var(--text-base);color:var(--color-text)}.glass-card__badge{font-size:var(--text-xs);font-family:var(--font-ui);font-weight:var(--font-medium);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.glass-card__badge--evaluatie{background:var(--color-info-light);color:var(--color-info)}.glass-detail__name-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.glass-card__temp{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-light);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.glass-card__styles{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.glass-specs{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.glass-spec{display:flex;flex-direction:column;gap:2px}.glass-spec__label{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.04em}.glass-spec__value{font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-mono)}.glass-rules{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}@media(max-width:400px){.glass-rules{grid-template-columns:1fr}}.glass-rules__column{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-3)}.glass-rules__title{font-size:var(--text-xs);font-family:var(--font-ui);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2)}.glass-rules__title--do{color:var(--color-success)}.glass-rules__title--dont{color:var(--color-error)}.glass-rules__list{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.glass-rules__list li{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed)}.glass-aroma-note{margin-top:var(--space-4);background:var(--color-surface-alt);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4)}.glass-aroma-note__label{display:block;font-size:var(--text-xs);font-family:var(--font-ui);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);margin-bottom:var(--space-2)}.glass-aroma-note__text{margin:0;font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed)}.science-accordion{margin-bottom:var(--space-4)}.science-text h3{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin:var(--space-4) 0 var(--space-2)}.science-text h3:first-child{margin-top:0}.science-text p{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed);margin:0 0 var(--space-2)}.science-table{width:100%;border-collapse:collapse;margin-top:var(--space-2);font-size:var(--text-xs)}.science-table th{text-align:left;font-weight:var(--font-medium);color:var(--color-text-muted);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-bottom:1px solid var(--color-border)}.science-table td{padding:var(--space-1) var(--space-2) var(--space-1) 0;color:var(--color-text);border-bottom:1px solid var(--color-border);line-height:var(--leading-relaxed)}.flavor-profiles-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.flavor-profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.flavor-profile-card__button{width:100%;min-height:var(--touch-target-min);background:none;border:none;padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--space-1) var(--space-2);transition:background var(--transition-fast)}.flavor-profile-card__button:hover{background:var(--color-surface-alt)}.flavor-profile-card__button:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.flavor-profile-card__name{font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text);grid-column:1;grid-row:1}.flavor-profile-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);grid-column:1;grid-row:2}.flavor-profile-card__arrow{grid-column:2;grid-row:1 / 3;align-self:center;font-size:var(--text-xs);color:var(--color-text-muted)}.flavor-profile-styles{border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-4) var(--space-3)}.flavor-profile-styles__list{list-style:none;padding:0;margin:0}.flavor-profile-styles__item{width:100%;min-height:var(--touch-target-min);background:none;border:none;border-bottom:1px solid var(--color-border);padding:var(--space-2) 0;text-align:left;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:background var(--transition-fast)}.flavor-profile-styles__item:last-child{border-bottom:none}.flavor-profile-styles__item:hover{background:var(--color-surface-alt)}.flavor-profile-styles__item:focus-visible{outline:var(--focus-ring);outline-offset:2px}.flavor-profile-styles__name{flex:1;font-size:var(--text-sm);color:var(--color-text)}.flavor-profile-styles__empty{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2) 0}.flavor-profile-styles__count{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);text-align:right}.compare-toggle{flex-shrink:0;white-space:nowrap}.compare-toggle--active{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error)}.style-card--selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 2px var(--color-accent)}.style-card--disabled{opacity:.4;cursor:not-allowed}.style-card__checkbox{font-size:var(--text-lg);color:var(--color-accent);flex-shrink:0;margin-right:var(--space-1)}.compare-action-bar{position:fixed;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);box-shadow:var(--shadow-lg);z-index:90}.compare-action-bar__count{font-size:var(--text-sm);color:var(--color-text-muted)}.beer-catalog-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.beer-catalog-row{display:flex;align-items:baseline;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);box-shadow:var(--shadow-sm);transition:background var(--transition-fast)}@media(max-width:480px){.beer-catalog-row{flex-direction:column;align-items:flex-start}}.beer-catalog-row:hover{background:var(--color-surface-alt)}.beer-catalog-row:focus-visible{outline:var(--focus-outline);outline-offset:2px}.beer-catalog-row__name{font-weight:var(--font-medium);font-size:var(--text-base);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.beer-catalog-row__name{white-space:normal}}.beer-catalog-row__brewery{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.beer-catalog-row__abv{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0;min-width:3em;text-align:right}.manage-page-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.manage-page-header__back{flex-shrink:0;background:none;border:none;cursor:pointer;text-decoration:none;color:var(--color-text-muted);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-xl);transition:background var(--transition-fast),color var(--transition-fast)}.manage-page-header__back:hover{background:var(--color-surface-alt);color:var(--color-text)}.manage-page-header__back:focus-visible{outline:none;box-shadow:var(--focus-ring)}.manage-page-header__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0;flex:1;min-width:0}.manage-page-header__title:after{display:none}.manage-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.manage-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden;margin-bottom:var(--space-4)}.manage-section .manage-item:first-child{border-top:none}.manage-item__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.manage-item__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.manage-item__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.manage-item--stacked{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.manage-item--reset{margin-top:var(--space-2);border-top:1px solid var(--color-border)}.template-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:1px var(--space-2);margin-left:var(--space-2);vertical-align:middle}.toggle-switch{position:relative;display:inline-flex;align-items:center;min-height:var(--touch-target-min);min-width:44px;cursor:pointer;flex-shrink:0}.toggle-switch__input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.toggle-switch__track{display:block;width:44px;height:24px;border-radius:var(--radius-lg);background:var(--color-border);transition:background var(--transition-fast);position:relative}.toggle-switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-surface);transition:transform var(--transition-fast)}.toggle-switch__input:checked+.toggle-switch__track{background:var(--color-accent)}.toggle-switch__input:checked+.toggle-switch__track:after{transform:translate(20px)}.toggle-switch__input:focus-visible+.toggle-switch__track{outline:var(--focus-ring);outline-offset:2px}.source-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.source-controls__delete{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--color-error);min-height:var(--touch-target-min)}.source-controls__delete:hover{background:var(--color-error-light)}.manage-warning{font-size:var(--text-sm);color:var(--color-warning);background:var(--color-warning-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:var(--space-2) var(--space-4)}.confirm-dialog{border:none;border-radius:var(--radius-xl);padding:var(--space-6);max-width:var(--dialog-max-width-lg);width:calc(100% - var(--space-8));box-shadow:var(--shadow-lg);background:var(--color-surface);color:var(--color-text)}.confirm-dialog__title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.confirm-dialog__text{font-size:var(--text-sm);margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.confirm-dialog__filename{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.confirm-dialog--import{max-width:var(--sheet-max-width)}.import-conflict-notice{font-size:var(--text-sm);color:var(--color-warning);background:var(--color-warning-light);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.import-strategy{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-5)}.import-strategy__legend{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted);padding:0 var(--space-2);margin-bottom:var(--space-2)}.import-strategy__option{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;column-gap:var(--space-2);align-items:baseline;padding:var(--space-2) 0;cursor:pointer;min-height:var(--touch-target-min)}.import-strategy__option input[type=radio]{grid-row:1 / 3;grid-column:1;margin-top:3px;accent-color:var(--color-accent);width:16px;height:16px;cursor:pointer}.import-strategy__icon{grid-row:1 / 3;grid-column:2;align-self:center;width:24px;height:24px;color:var(--color-accent);flex-shrink:0}.import-strategy__label{grid-column:3;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.import-strategy__desc{grid-column:3;font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--line-height-base)}.reset-checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;min-height:var(--touch-target-min);margin-bottom:var(--space-4)}.install-banner.svelte-wiowhk{position:fixed;bottom:calc(var(--nav-height) + var(--space-3));left:var(--space-3);right:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);z-index:200}.install-banner__text.svelte-wiowhk{flex:1;font-size:var(--text-sm);color:var(--color-text);margin:0}.install-banner__close.svelte-wiowhk{flex-shrink:0;font-size:var(--text-lg);line-height:1;color:var(--color-text-muted)}.install-banner__close.svelte-wiowhk:focus-visible{outline:var(--focus-outline);outline-offset:2px}.toast-list.svelte-lnq0ju{position:fixed;bottom:calc(var(--nav-height, 56px) + var(--space-3));left:var(--space-3);right:var(--space-3);z-index:100;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast-list--errors.svelte-lnq0ju{bottom:calc(var(--nav-height, 56px) + var(--space-3));z-index:101}.toast.svelte-lnq0ju{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);pointer-events:all;box-shadow:var(--shadow-md)}.toast--success.svelte-lnq0ju{background:var(--color-accent);color:var(--color-on-accent)}.toast--error.svelte-lnq0ju{background:var(--color-error);color:var(--color-on-error)}.toast--warning.svelte-lnq0ju{background:var(--color-warning);color:var(--color-on-warning)}.toast__message.svelte-lnq0ju{flex:1;line-height:1.4}.toast__close.svelte-lnq0ju{background:none;border:none;color:inherit;opacity:.8;cursor:pointer;font-size:var(--text-sm);padding:0;flex-shrink:0;min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.toast__close.svelte-lnq0ju:focus-visible{outline:var(--focus-outline);border-radius:var(--radius-sm)}.boot-error.svelte-12qhfyh{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:var(--space-4);z-index:9999}.boot-error__box.svelte-12qhfyh{max-width:400px;width:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-error);border-radius:var(--radius-lg)}.boot-error__title.svelte-12qhfyh{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-error)}.boot-error__text.svelte-12qhfyh{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed)}.boot-error__detail.svelte-12qhfyh{font-size:var(--text-xs);color:var(--color-text-muted);font-family:monospace;background:var(--color-surface-alt);padding:var(--space-2);border-radius:var(--radius-sm);word-break:break-all}.boot-error__actions.svelte-12qhfyh{display:flex;flex-direction:column;gap:var(--space-2)}.boot-error__hint.svelte-12qhfyh{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.auto-backup-banner.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm)}.auto-backup-banner__text.svelte-12qhfyh{flex:1;font-weight:var(--font-medium)}.auto-backup-banner__btn.svelte-12qhfyh{background:var(--color-on-accent);color:var(--color-accent);border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-weight:var(--font-bold);cursor:pointer;min-height:var(--touch-target-min)}.auto-backup-banner__btn.svelte-12qhfyh:disabled{opacity:.7;cursor:default}.auto-backup-banner__dismiss.svelte-12qhfyh{background:none;border:none;color:var(--color-on-accent);cursor:pointer;font-size:var(--text-base);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;opacity:.8}.offline-banner.svelte-12qhfyh{background:var(--color-error-light);color:var(--color-error);border-bottom:1px solid var(--color-error);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);text-align:center}