@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--font-sans:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--radius-s:6px;--radius-m:10px;--radius-l:14px;--radius-pill:999px;--shadow-1:0 1px 2px #1018280d;--shadow-2:0 6px 16px -6px #1018281f;--shadow-3:0 16px 40px -12px #10182838;--ring:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--ring:0 0 0 3px color-mix(in srgb, var(--primary) 28%, transparent)}}:root{--primary-soft:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--primary-soft:color-mix(in srgb, var(--primary) 11%, var(--surface))}}:root{--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-soft:color-mix(in srgb, var(--accent) 18%, var(--surface))}}:root{--success-soft:var(--success)}@supports (color:color-mix(in lab, red, red)){:root{--success-soft:color-mix(in srgb, var(--success) 13%, var(--surface))}}:root{--warning-soft:var(--warning)}@supports (color:color-mix(in lab, red, red)){:root{--warning-soft:color-mix(in srgb, var(--warning) 16%, var(--surface))}}:root{--danger-soft:var(--danger)}@supports (color:color-mix(in lab, red, red)){:root{--danger-soft:color-mix(in srgb, var(--danger) 11%, var(--surface))}}:root{--info-soft:var(--info)}@supports (color:color-mix(in lab, red, red)){:root{--info-soft:color-mix(in srgb, var(--info) 11%, var(--surface))}}:root,[data-theme=moosehead]{--bg:#faf8f3;--surface:#fff;--surface-2:#f3f0e7;--border:#e8e4d6;--border-strong:#d8d2bf;--text:#1d2521;--text-muted:#626d61;--text-faint:#98a092;--primary:#018e42;--primary-hover:#01703a;--on-primary:#fff;--accent:#f2a007;--accent-hover:#d18a06;--on-accent:#241a02;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=kolsch]{--bg:#f6f9fc;--surface:#fff;--surface-2:#eef2f7;--border:#e3e8ee;--border-strong:#c9d3e0;--text:#0a2540;--text-muted:#425466;--text-faint:#8898aa;--primary:#4b2ee8;--primary-hover:#3a22c4;--on-primary:#fff;--accent:#0091ea;--accent-hover:#0077c2;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=pilsner]{--bg:#fbf3df;--surface:#fffdf6;--surface-2:#f5ead0;--border:#e8d9b4;--border-strong:#d4c08e;--text:#2f2708;--text-muted:#65581f;--text-faint:#9c8e57;--primary:#ee8434;--primary-hover:#d96f1f;--on-primary:#fff;--accent:#018e42;--accent-hover:#01703a;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=hefeweizen]{--bg:#f4efe4;--surface:#fffdf5;--surface-2:#eae2d2;--border:#dcd3ba;--border-strong:#c9bd9c;--text:#1c1a15;--text-muted:#4a4636;--text-faint:#8a8368;--primary:#edb135;--primary-hover:#d99e22;--on-primary:#1c1a15;--accent:#d7e34d;--accent-hover:#c2cf35;--on-accent:#1c1a15;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=ipa]{--bg:#f2f5ef;--surface:#fff;--surface-2:#e7ecdf;--border:#d5ddc8;--border-strong:#b8c4a4;--text:#1a2410;--text-muted:#49543c;--text-faint:#89917c;--primary:#018e42;--primary-hover:#01703a;--on-primary:#fff;--accent:#ee8434;--accent-hover:#d96f1f;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=kriek]{--bg:#faf4f4;--surface:#fff;--surface-2:#f4e7e7;--border:#e8d2d4;--border-strong:#d4b3b7;--text:#2a1218;--text-muted:#5c3f47;--text-faint:#9a7e85;--primary:#ee4266;--primary-hover:#d92b52;--on-primary:#fff;--accent:#5f0a87;--accent-hover:#4b086b;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=witbier]{--bg:#f6f7f2;--surface:#fff;--surface-2:#ecefe4;--border:#dbe0cd;--border-strong:#c0c8ac;--text:#21240f;--text-muted:#51563c;--text-faint:#8b9077;--primary:#e8500a;--primary-hover:#c44208;--on-primary:#fff;--accent:#009e9a;--accent-hover:#008582;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=saison]{--bg:#f4eedd;--surface:#fbf7ea;--surface-2:#ece3cb;--border:#ddd0b0;--border-strong:#c5b48c;--text:#2a2515;--text-muted:#5f5638;--text-faint:#948a6a;--primary:#c7481d;--primary-hover:#a63a14;--on-primary:#fff;--accent:#2f45e8;--accent-hover:#2435c4;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=gose]{--bg:#f3f7f6;--surface:#fff;--surface-2:#e6efec;--border:#d2e0db;--border-strong:#b2c6bf;--text:#122420;--text-muted:#3f5a53;--text-faint:#7f968f;--primary:#00a896;--primary-hover:#008c7e;--on-primary:#fff;--accent:#ff5964;--accent-hover:#e83e4c;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=cassis]{--bg:#f7f5fb;--surface:#fff;--surface-2:#eeeaf6;--border:#ddd6ec;--border-strong:#c2b8dc;--text:#241a33;--text-muted:#574d6b;--text-faint:#8f86a3;--primary:#7c1fd6;--primary-hover:#6618b0;--on-primary:#fff;--accent:#f00699;--accent-hover:#c9057e;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=flanders]{--bg:#faf6f2;--surface:#fff;--surface-2:#f3ebe4;--border:#e7d9cf;--border-strong:#d3bfae;--text:#281712;--text-muted:#5d423a;--text-faint:#9a8078;--primary:#c8102e;--primary-hover:#a50d26;--on-primary:#fff;--accent:#c2610e;--accent-hover:#9e4e0b;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=eisbock]{--bg:#f2f7fb;--surface:#fff;--surface-2:#e6eff7;--border:#d2e0ee;--border-strong:#b3c8e0;--text:#0f1e2e;--text-muted:#3f5468;--text-faint:#7e93a8;--primary:#0091ea;--primary-hover:#0077c2;--on-primary:#fff;--accent:#ff8f00;--accent-hover:#e67e00;--on-accent:#2a1a00;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=berliner]{--bg:#fafafa;--surface:#fff;--surface-2:#f0f0f0;--border:#e2e2e2;--border-strong:#c8c8c8;--text:#171717;--text-muted:#525252;--text-faint:#8f8f8f;--primary:#171717;--primary-hover:#333;--on-primary:#fff;--accent:#f00699;--accent-hover:#c9057e;--on-accent:#fff;--success:#018e42;--warning:#c77400;--danger:#e01e2b;--info:#0077c8}[data-theme=stout]{--bg:#120d09;--surface:#1d1611;--surface-2:#2a1f17;--border:#423125;--border-strong:#5c4634;--text:#f6ecda;--text-muted:#c2ad8d;--text-faint:#87755d;--primary:#ff9f1c;--primary-hover:#ffb44d;--on-primary:#261500;--accent:#f0dfc0;--accent-hover:#f7ecd8;--on-accent:#2a2114;--success:#8fd14f;--warning:#ffc107;--danger:#ff6656;--info:#82c4ff;--shadow-1:0 1px 2px #0006;--shadow-2:0 6px 16px -6px #00000080;--shadow-3:0 16px 40px -12px #0009}[data-theme=schwarzbier]{--bg:#14171d;--surface:#1c212a;--surface-2:#252c38;--border:#354052;--border-strong:#4a5670;--text:#eef1f7;--text-muted:#a6b1c4;--text-faint:#6e7a90;--primary:#3e8eff;--primary-hover:#6aabff;--on-primary:#0a1428;--accent:#ffb300;--accent-hover:#ffc94d;--on-accent:#221602;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--info:#38bdf8;--shadow-1:0 1px 2px #0006;--shadow-2:0 6px 16px -6px #00000080;--shadow-3:0 16px 40px -12px #0009}[data-theme=quadrupel]{--bg:#1c1319;--surface:#261a23;--surface-2:#32222e;--border:#4a3342;--border-strong:#634558;--text:#f3e9f0;--text-muted:#c3aec0;--text-faint:#8a7085;--primary:#a855f7;--primary-hover:#c084fc;--on-primary:#2a1042;--accent:#ffd23f;--accent-hover:#ffde6b;--on-accent:#2a1c02;--success:#4ade80;--warning:#fbbf24;--danger:#fb7185;--info:#7dd3fc;--shadow-1:0 1px 2px #0006;--shadow-2:0 6px 16px -6px #00000080;--shadow-3:0 16px 40px -12px #0009}[data-theme=framboise]{--bg:#1c1016;--surface:#261620;--surface-2:#331d2b;--border:#4d2c3f;--border-strong:#683c54;--text:#f7eaf1;--text-muted:#cfaec2;--text-faint:#93718a;--primary:#ff4d6d;--primary-hover:#ff7589;--on-primary:#2b0812;--accent:#f5e6c8;--accent-hover:#faefd8;--on-accent:#2b2111;--success:#4ade80;--warning:#fbbf24;--danger:#ff5c5c;--info:#67e8f9;--shadow-1:0 1px 2px #0006;--shadow-2:0 6px 16px -6px #00000080;--shadow-3:0 16px 40px -12px #0009}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}h1,h2,h3,h4,p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--primary) 22%, transparent)}}.page{max-width:1180px;margin:0 auto;padding:24px 24px 64px}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.between{justify-content:space-between}.end{justify-content:flex-end}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-main-side{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.grid-brew{grid-template-columns:330px minmax(0,1fr) 310px;align-items:start}@media (max-width:1080px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-main-side,.grid-brew{grid-template-columns:1fr}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page{padding:16px 14px 48px}}.site-header{z-index:40;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:20px;max-width:1180px;height:56px;margin:0 auto;padding:0 24px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:9px;font-size:15px;font-weight:650;display:flex}.brand:hover{text-decoration:none}.brand-mark{width:26px;height:26px;color:var(--primary);flex:none;place-items:center;display:grid}.main-nav{align-items:center;gap:2px;margin-left:8px;display:flex;overflow-x:auto}.nav-link{border-radius:var(--radius-pill);color:var(--text-muted);white-space:nowrap;padding:6px 12px;font-size:13.5px;font-weight:500}.nav-link:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.nav-link.active{color:var(--primary);background:var(--primary-soft)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border-radius:var(--radius-s);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.avatar{border-radius:var(--radius-pill);background:var(--accent);width:30px;height:30px;color:var(--on-accent);cursor:pointer;border:none;flex:none;place-items:center;font-size:11.5px;font-weight:650;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:8px 0 20px;display:flex}.page-title{letter-spacing:-.015em;font-size:20px;font-weight:650}.page-sub{color:var(--text-muted);margin-top:3px;font-size:13px}.page-actions{align-items:center;gap:8px;display:flex}.btn{border-radius:var(--radius-s);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:550;line-height:1.3;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{text-decoration:none}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.btn-danger:hover{background:color-mix(in srgb, var(--danger) 88%, #000)}}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-accent:hover{background:var(--accent-hover)}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:10px 18px;font-size:14px}.btn-block{width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-1)}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.card-title{letter-spacing:-.005em;font-size:13.5px;font-weight:600}.card-sub{color:var(--text-muted);margin-top:1px;font-size:12px}.card-body{padding:16px 18px}.card-body.flush{padding:0}.card-foot{border-top:1px solid var(--border);color:var(--text-muted);padding:11px 18px;font-size:12.5px}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table thead th{z-index:5;position:sticky;top:56px}.table-fixed{table-layout:fixed}.table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border);background:var(--surface);padding:9px 18px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 18px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.table tbody tr:hover td{background:color-mix(in srgb, var(--surface-2) 45%, var(--surface))}}.table .num,.num{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.table .row-link{color:var(--text);font-weight:550}.table .row-link:hover{color:var(--primary)}.pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:5px;padding:2.5px 10px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-neutral{background:var(--surface-2);color:var(--text-muted)}.pill-primary{background:var(--primary-soft);color:var(--primary)}.pill-accent{background:var(--accent-soft);color:var(--accent-hover)}.pill-success{background:var(--success-soft);color:var(--success)}.pill-warning{background:var(--warning-soft);color:var(--warning)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-info{background:var(--info-soft);color:var(--info)}.tag{border-radius:var(--radius-s);letter-spacing:.04em;text-transform:uppercase;background:var(--warning-soft);color:var(--warning);align-items:center;padding:1px 7px;font-size:10.5px;font-weight:650;display:inline-flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-1);padding:14px 16px}.stat-label{color:var(--text-muted);font-size:12px;font-weight:550}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:24px;font-weight:650}.stat-value .unit{color:var(--text-muted);margin-left:2px;font-size:13px;font-weight:550}.stat-sub{color:var(--text-faint);margin-top:2px;font-size:12px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.label{color:var(--text);margin-bottom:5px;font-size:12.5px;font-weight:550;display:block}.label .hint{color:var(--text-faint);font-weight:450}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);width:100%;color:var(--text);padding:7px 10px;font-family:inherit;font-size:13.5px;line-height:1.4}.textarea{resize:vertical;min-height:74px}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.input-sm{padding:5px 8px;font-size:12.5px}.input-group{gap:8px;display:flex}.input-group .input{flex:1}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.inline-add{align-items:flex-start;gap:8px;display:flex}.inline-add .input{flex:1}.tabs{background:var(--surface-2);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.tab{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 14px;font-family:inherit;font-size:13px;font-weight:550}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.steps{align-items:flex-start;gap:0;padding:4px 0 2px;display:flex}.step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.step:before{content:"";background:var(--border-strong);width:100%;height:2px;position:absolute;top:7px;left:-50%}.step:first-child:before{display:none}.step.done:before{background:var(--primary)}.step-dot{border:2px solid var(--border-strong);background:var(--surface);z-index:1;border-radius:50%;width:16px;height:16px;position:relative}.step.done .step-dot{background:var(--primary);border-color:var(--primary)}.step.current .step-dot{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.step-label{color:var(--text-faint);font-size:11.5px;font-weight:550}.step.done .step-label,.step.current .step-label{color:var(--text)}.check-list{flex-direction:column;gap:8px;display:flex}.check-item{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);align-items:center;gap:12px;padding:10px 12px;display:flex}.check-item.active{border-color:var(--primary);background:var(--primary-soft)}.check-circle{border:2px solid var(--border-strong);background:var(--surface);cursor:pointer;color:#0000;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;padding:0;display:grid}.check-item.done .check-circle{background:var(--success);border-color:var(--success);color:#fff}.check-item.active .check-circle{border-color:var(--primary);color:#0000}.check-name{font-size:13.5px;font-weight:550}.check-item.done .check-name{color:var(--text-faint);text-decoration:line-through}.check-detail{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:1px;font-size:12px}.chip{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;margin-left:auto;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.check-item.active .chip{background:var(--surface);color:var(--primary)}.phase-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin:18px 2px 8px;font-size:11px;font-weight:650}.phase-label:first-child{margin-top:0}.timer-panel{text-align:center;padding:26px 20px 22px}.timer-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:650}.timer-big{font-family:var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);margin:8px 0 2px;font-size:56px;font-weight:600}.timer-big.over{color:var(--warning)}.timer-sub{color:var(--text-muted);font-size:12.5px}.progress{border-radius:var(--radius-pill);background:var(--surface-2);height:6px;margin:16px 8px 0;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--primary);height:100%;transition:width .3s linear}.timer-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}.alert{border-radius:var(--radius-m);border:1px solid var(--warning);align-items:center;gap:10px;padding:11px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.alert{border:1px solid color-mix(in srgb, var(--warning) 35%, var(--surface))}}.alert{background:var(--warning-soft);color:var(--text);font-size:13px}.alert .icon{color:var(--warning);flex:none;place-items:center;display:grid}.alert strong{font-weight:650}.timeline{flex-direction:column;display:flex}.tl-item{gap:12px;padding-bottom:16px;display:flex;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--border);width:2px;position:absolute;top:14px;bottom:0;left:5px}.tl-item:last-child:before{display:none}.tl-dot{background:var(--surface);border:2px solid var(--border-strong);z-index:1;border-radius:50%;flex:none;width:12px;height:12px;margin-top:2px;position:relative}.tl-item.deviation .tl-dot{border-color:var(--warning);background:var(--warning-soft)}.tl-item.reading .tl-dot{border-color:var(--info);background:var(--info-soft)}.tl-item.milestone .tl-dot{border-color:var(--primary);background:var(--primary-soft)}.tl-body{flex:1;min-width:0}.tl-text{font-size:13.5px}.tl-meta{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11.5px}.divider{background:var(--border);border:none;height:1px;margin:14px 0}.empty{text-align:center;color:var(--text-faint);padding:36px 20px;font-size:13px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:12px}.strong{font-weight:600}.right{text-align:right}.nowrap{white-space:nowrap}.kv{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:7px 0;font-size:13px;display:flex}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-muted)}.kv .v{font-variant-numeric:tabular-nums;text-align:right;font-weight:550}.list-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 18px;display:flex}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.list-row:hover{background:color-mix(in srgb, var(--surface-2) 45%, var(--surface))}}.list-row .title{color:var(--text);font-size:13.5px;font-weight:550}.list-row .sub{color:var(--text-muted);margin-top:1px;font-size:12px}.chevron{color:var(--text-faint);flex:none}.cat-icon{border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.cat-icon.grain{background:var(--accent-soft);color:var(--accent-hover)}.cat-icon.hop{background:var(--success-soft);color:var(--success)}.cat-icon.yeast{background:var(--info-soft);color:var(--info)}.cat-icon.misc{background:var(--surface-2);color:var(--text-muted)}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:360px;box-shadow:var(--shadow-2);padding:28px}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;display:flex}.login-brand .brand-mark{border-radius:11px;width:40px;height:40px}.theme-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:900px){.theme-grid{grid-template-columns:repeat(2,1fr)}}.theme-card{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);cursor:pointer;text-align:left;padding:12px;font-family:inherit}.theme-card:hover{border-color:var(--border-strong)}.theme-card.active{border-color:var(--primary);box-shadow:var(--ring)}.theme-name{justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;font-weight:600;display:flex}.swatches{gap:6px;display:flex}.swatch{border-radius:var(--radius-s);border:1px solid #00000014;flex:1;width:100%;height:40px}.token-grid{grid-template-columns:repeat(4,1fr);gap:12px 16px;display:grid}@media (max-width:900px){.token-grid{grid-template-columns:repeat(2,1fr)}}.token-field{align-items:center;gap:10px;display:flex}.token-field input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);cursor:pointer;flex:none;width:36px;height:36px;padding:2px}.token-field .t-name{font-size:12.5px;font-weight:550}.token-field .t-var{color:var(--text-faint);font-size:11px;font-family:var(--font-mono)}.menu{position:relative}.menu-pop{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);min-width:190px;box-shadow:var(--shadow-2);z-index:50;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu-item{border-radius:var(--radius-s);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:13px;display:flex}.menu-item:hover{background:var(--surface-2);text-decoration:none}.menu-sep{background:var(--border);height:1px;margin:5px 4px}.menu-meta{color:var(--text-faint);padding:6px 10px;font-size:11.5px}.menu-meta .strong{color:var(--text);font-size:12.5px}.modal-backdrop{z-index:100;background:#0a0f0c73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:440px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-3);overflow-y:auto}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-body{padding:16px 18px}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.import-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.import-tool,.import-prompt{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:10px;padding:10px 11px;transition:border-color .12s,background .12s;display:flex}.import-tool:hover,.import-prompt:hover{border-color:var(--primary);background:var(--primary-soft)}.import-tool:focus-visible,.import-prompt:focus-visible{box-shadow:var(--ring);outline:none}.import-tool-icon{background:var(--surface-2);width:30px;height:30px;color:var(--primary);border-radius:8px;flex:none;place-items:center;display:grid}.import-tool-title,.import-tool-hint{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.import-tool-title{font-size:12.5px;font-weight:600}.import-tool-hint{color:var(--text-faint);margin-top:2px;font-size:11px}.import-prompt{background:var(--surface);border-style:dashed;grid-column:1/-1}.import-prompt .import-tool-icon{background:var(--surface)}.import-line-count{min-height:15px;color:var(--text-faint);text-align:right;grid-column:1/-1;font-size:11px}@media (max-width:480px){.import-tools{grid-template-columns:1fr}.import-prompt,.import-line-count{grid-column:auto}}@media (max-width:760px){.header-inner{gap:10px;padding:0 14px}.brand-name,.brand-sub{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}