@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:700 800;font-display:swap;src:url(/fonts/big-shoulders-display-latin.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700i-latin.woff2)format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/outfit-latin.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#1f1f1f;--bg-surface:#2a2926;--bg-raised:#34322d;--bg-track:#3d3d3d;--border-subtle:#3d3d3d;--border-input:#858179;--text-primary:#f2eee4;--text-secondary:#c9c5bc;--text-muted:#a6a39b;--text-on-accent:#1f1f1f;--accent:#e49c21;--accent-hover:#efa834;--gold:#c89132;--st-brewing:#f59c6e;--st-fermenting:#e49c21;--st-conditioning:#7fb7c9;--st-ready:#9cc46b;--beer-golden:#e3a12f;--beer-amber:#b4601c;--beer-ruby:#6e1f15;--beer-dark:#1c110c;--beer-foam:#efe3c8;--steel:#8e8b84;--interior:#17171a;--f-display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--f-accent:"Barlow Condensed","Arial Narrow",sans-serif;--f-body:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;--r-sm:2px;--r-md:4px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-canvas);color:var(--text-primary);font:400 15px/1.55 var(--f-body);-webkit-font-smoothing:antialiased}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg-canvas);position:fixed;inset:0 0 auto}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}html{-webkit-tap-highlight-color:transparent}.btn,.fvcard,.srow,.addbtn,.chip span,.typecard>span,.pickcard>span,.tabbar button,.iconbtn{transition:transform 80ms,background-color .15s,border-color .15s}.btn:active,.fvcard:active,.srow:active,.addbtn:active,.chip:active span,.typecard:active>span,.pickcard:active>span,.iconbtn:active{transform:scale(.98)}.tabbar button:active{color:var(--text-primary)}.more-chev{color:var(--text-muted);flex:none;display:grid;transform:rotate(180deg)}@media (width<=1023.98px){.split .screen-body{padding-top:var(--s3);gap:var(--s5)}.split .mobile-only+.topbar,.split .mobile-only+.stack>.topbar{margin-top:calc(-1*var(--s3))}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font:600 12px/1.2 var(--f-body);letter-spacing:.19em;text-transform:uppercase;color:var(--accent);margin:0}.label{font:600 11px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}h1,.h1{font:800 clamp(34px,8vw,48px)/1.02 var(--f-display);text-transform:uppercase;letter-spacing:-.02em;text-wrap:balance;margin:0}h1 em,.h1 em{font:700 italic 1em/1 var(--f-accent);letter-spacing:0}h2{font:700 24px/1.1 var(--f-display);text-transform:uppercase;margin:0}p{margin:0}.lead{color:var(--text-secondary);max-width:60ch}.muted{color:var(--text-muted)}.small{font-size:13px}.lockup{align-items:center;gap:var(--s2);flex-wrap:nowrap;display:flex}.lockup img{height:auto;display:block}.lockup .ck{width:113px}.lockup .gm{width:26px}.lockup .dp{width:40px}.lockup .sep{background:var(--text-muted);opacity:.5;width:1px;height:28px;display:block}.lockup span{color:var(--text-muted);font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--s2);width:100%;min-height:52px;padding:var(--s3) var(--s4);border-radius:var(--r-sm);font:600 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;text-decoration:none;display:flex}.btn-primary{background:var(--accent);color:var(--text-on-accent)}@media (hover:hover){.btn-primary:hover{background:var(--accent-hover)}}.btn-primary:active{background:var(--accent-hover)}.btn-secondary{border-color:var(--text-secondary);color:var(--text-primary);background:0 0}@media (hover:hover){.btn-secondary:hover{border-color:var(--accent)}}.btn-ghost{color:var(--accent);background:0 0}@media (hover:hover){.btn-ghost:hover{text-decoration:underline}}.btn[aria-disabled=true]{opacity:.7;cursor:progress}.linkbtn{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.field{gap:var(--s2);flex-direction:column;display:flex}.field label{font:600 11px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.input-wrap{background:var(--bg-surface);border:1px solid var(--border-input);border-radius:var(--r-sm);align-items:center;display:flex}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input-wrap input{min-width:0;padding:14px var(--s3);color:var(--text-primary);background:0 0;border:0;flex:1;font-size:16px}.input-wrap input:focus{outline:none}.input-wrap select{appearance:none;background:var(--bg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c9a24a' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;border-radius:var(--r-sm);width:100%;min-width:0;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:0;flex:1;font-size:16px;padding:14px 36px 14px var(--s3)!important}.input-wrap select:focus,.input-wrap textarea:focus{outline:none}.input-wrap textarea{color:var(--text-primary);background:0 0;border:0;flex:1}.input-wrap button{color:var(--accent);font:600 12px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;padding:0 var(--s3);cursor:pointer;background:0 0;border:0;min-height:44px}.hint{color:var(--text-muted);font-size:13px}.field.invalid .input-wrap{border-color:var(--st-brewing);box-shadow:0 0 0 1px var(--st-brewing)}.error-text{color:var(--st-brewing);gap:6px;font-size:13px;font-weight:600;display:flex}.error-text:before{content:"!";border-radius:var(--r-sm);background:var(--st-brewing);width:16px;height:16px;color:var(--text-on-accent);flex:none;place-items:center;margin-top:2px;font-size:11px;display:inline-grid}.check{gap:var(--s3);cursor:pointer;min-height:44px;padding-block:var(--s1);align-items:flex-start;display:flex}.check input{appearance:none;border:1.5px solid var(--text-secondary);border-radius:var(--r-sm);cursor:pointer;background:0 0;flex:none;place-items:center;width:24px;height:24px;margin:0;display:grid}.check input:checked{background:var(--accent);border-color:var(--accent)}.check input:checked:after{content:"";border-left:2.5px solid var(--text-on-accent);border-bottom:2.5px solid var(--text-on-accent);width:12px;height:7px;transform:translateY(-2px)rotate(-45deg)}.check.invalid input{border-color:var(--st-brewing)}.err-summary{border:1px solid var(--st-brewing);border-radius:var(--r-sm);padding:var(--s4);gap:var(--s2);background:#f59c6e1f;flex-direction:column;display:flex}.err-summary h2{font:600 16px/1.3 var(--f-body);text-transform:none;color:var(--text-primary)}.err-summary ul{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.err-summary a{color:var(--st-brewing);font-weight:600}#root{min-height:100%}.screen{min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.screen-body{gap:var(--s6);padding-block:var(--s5) var(--s6);padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));flex-direction:column;flex:1;width:100%;max-width:560px;margin-inline:auto;display:flex}.screen-foot{background:var(--bg-canvas);border-top:1px solid var(--border-subtle);padding-block:var(--s4) calc(var(--s4) + env(safe-area-inset-bottom,0px));padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));position:sticky;bottom:0}.screen-foot .inner{gap:var(--s2);flex-direction:column;max-width:560px;margin-inline:auto;display:flex}.topbar{align-items:center;gap:var(--s2);display:flex}.iconbtn{width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;place-items:center;margin-left:-10px;display:grid}.progress-seg{gap:4px;display:flex}.progress-seg span{background:var(--bg-track);flex:1;height:4px}.progress-seg span.on{background:var(--accent)}.stack{gap:var(--s4);flex-direction:column;display:flex}.stack-lg{gap:var(--s5);flex-direction:column;display:flex}.hero{justify-content:center;align-items:flex-end;gap:var(--s2);padding:var(--s6) var(--s3) var(--s5);border-radius:var(--r-md);background:radial-gradient(60% 70% at 50% 40%,#e49c2138,#e49c2100 70%),var(--bg-surface);display:flex}.hero svg{height:auto}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--text-primary);color:var(--text-on-accent);border-radius:var(--r-sm);z-index:35;max-width:calc(100% - 40px);padding:12px 16px;font-weight:600;position:fixed;transform:translate(-50%)}.pill{border-radius:var(--r-sm);font:600 11px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.pill.brewing{color:var(--st-brewing);background:#f59c6e2e}.pill.fermenting{color:var(--st-fermenting);background:#e49c212e}.pill.conditioning{color:var(--st-conditioning);background:#7fb7c92e}.pill.ready{color:var(--st-ready);background:#9cc46b2e}.bar{background:var(--bg-track);height:8px}.bar i{background:var(--accent);height:100%;display:block}fieldset.group{gap:var(--s2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}fieldset.group legend{font:600 11px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s2);padding:0}.chips{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{display:inline-flex;position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip span{border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--bg-canvas);min-height:44px;color:var(--text-primary);font:600 12px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:10px 16px;display:inline-flex}.chip input:checked+span{background:var(--text-primary);border-color:var(--text-primary);color:var(--text-on-accent)}.chip input:checked+span:before{content:"";border-bottom:2px solid;border-left:2px solid;width:10px;height:6px;margin-right:8px;transform:translateY(-2px)rotate(-45deg)}.chip input:focus-visible+span,.typecard input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}@media (hover:hover){.chip:hover span{border-color:var(--accent)}}.typegrid{gap:var(--s2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.typecard{display:flex;position:relative}.typecard input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.typecard>span{align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--bg-surface);flex:1;min-height:76px;display:flex}.typecard svg{flex:none}.typecard>span,.typecard>span>span{min-width:0}.typecard small{overflow-wrap:anywhere}.typecard b{font-weight:600;display:block}.typecard small{color:var(--text-muted);font-size:13px;display:block}.typecard input:checked+span{border:2px solid var(--accent);background:linear-gradient(#e49c212e,#e49c212e),var(--bg-surface);padding:11px}@media (hover:hover){.typecard:hover>span{border-color:var(--accent)}}.row2{gap:var(--s3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.unit{color:var(--text-muted);padding-right:var(--s3);white-space:nowrap;font-size:15px}.toggles{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.toggle{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--border-subtle);cursor:pointer;min-height:64px;display:flex}.toggle b{font-weight:600;display:block}.toggle small{color:var(--text-muted);font-size:13px;display:block}.toggle .state{font:600 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:right;min-width:24px}.toggle input{appearance:none;border-radius:var(--r-sm);background:var(--bg-track);border:1.5px solid var(--border-input);cursor:pointer;flex:none;width:48px;height:28px;margin:0;position:relative}.toggle input:after{content:"";border-radius:var(--r-sm);background:var(--text-secondary);width:19px;height:19px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle input:checked{background:var(--accent);border-color:var(--accent)}.toggle input:checked:after{background:var(--text-on-accent);left:23px}.toggle-wrap{align-items:center;gap:var(--s2);display:flex}.info{border:1px solid var(--accent);border-radius:var(--r-sm);padding:var(--s4);gap:var(--s3);background:#e49c211f;flex-direction:column;display:flex}.info h2{font:600 16px/1.3 var(--f-body);text-transform:none}.info .actions{gap:var(--s4);flex-wrap:wrap;align-items:center;display:flex}.info.ok{border-color:var(--st-ready);background:#9cc46b1f}.info ul{margin:0;padding-left:18px}.warn{color:var(--text-secondary);gap:6px;font-size:13px;display:flex}.warn:before{content:"i";border-radius:var(--r-sm);background:var(--st-conditioning);width:16px;height:16px;color:var(--text-on-accent);flex:none;place-items:center;margin-top:2px;font-size:11px;font-weight:700;display:inline-grid}.fvcard{align-items:center;gap:var(--s3);text-align:left;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);width:100%;padding:var(--s3) var(--s4);cursor:pointer;color:var(--text-primary);display:flex}@media (hover:hover){.fvcard:hover{border-color:var(--accent)}}.fvcard .t{flex-direction:column;flex:1;gap:2px;display:flex}.fvcard .n{font:700 24px/1 var(--f-display);text-transform:uppercase}.fvcard .c{color:var(--accent);font-weight:600}.fvcard .m{color:var(--text-muted);font-size:13px}.fvcard .chev{color:var(--text-secondary);transform:rotate(180deg)}.addbtn{justify-content:center;align-items:center;gap:var(--s2);border:1.5px dashed var(--border-input);border-radius:var(--r-md);width:100%;min-height:56px;color:var(--accent);font:600 13px/1 var(--f-body);letter-spacing:.19em;text-transform:uppercase;cursor:pointer;background:0 0;display:flex}.vesselrow{justify-content:center;align-items:flex-end;gap:var(--s5);padding:var(--s6) var(--s3) var(--s4);border-radius:var(--r-md);background:radial-gradient(60% 70% at 50% 40%,#e49c2129,#e49c2100 70%),var(--bg-surface);flex-wrap:wrap;display:flex}.vesselrow figure{align-items:center;gap:var(--s2);flex-direction:column;margin:0;display:flex}.vesselrow figcaption{font:600 11px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.summary{flex-direction:column;margin:0;display:flex}.summary div{justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--border-subtle);display:flex}.summary dt{color:var(--text-secondary)}.summary dd{text-align:right;margin:0;font-weight:600}.mem-list{gap:var(--s3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mem-list li{gap:var(--s3);display:flex}.mem-list li:before{content:"";border-left:2px solid var(--st-ready);border-bottom:2px solid var(--st-ready);flex:none;width:10px;height:6px;margin-top:8px;transform:rotate(-45deg)}.shell{min-height:100dvh;display:flex}.shell-main{min-width:0;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));flex:1}.sidebar{display:none}.tabbar{z-index:15;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{min-height:60px;color:var(--text-muted);font:600 11px/1 var(--f-body);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 2px;display:flex}.tabbar button[aria-current=page]{color:var(--accent)}.tabbar svg,.sidebar svg{flex:none;width:22px;height:22px}.inline-cta{gap:var(--s2);flex-direction:column;display:flex}.shell-main .screen-foot{bottom:calc(60px + env(safe-area-inset-bottom,0px))}.pick{gap:var(--s2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pickcard{display:flex;position:relative}.pickcard input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pickcard input:disabled{cursor:not-allowed}.pickcard>span{min-width:0;padding:var(--s3);border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--bg-surface);text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}@media (hover:hover){.pickcard:hover>span{border-color:var(--accent)}}.pickcard .n{font:700 24px/1 var(--f-display);text-transform:uppercase}.pickcard small{color:var(--text-muted);font-size:13px}.pickcard input:checked+span{border:2px solid var(--accent);background:linear-gradient(#e49c212e,#e49c212e),var(--bg-surface);padding:11px}.pickcard input:disabled+span{color:var(--text-muted);border-style:dashed}.pickcard input:disabled+span svg{opacity:.5}.pickcard input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.prof .pickcard>span{text-align:left;align-items:flex-start;gap:2px;min-height:76px}.prof .pickcard b{font-weight:600}.prof .pickcard small{overflow-wrap:anywhere}.profnote{gap:var(--s2);margin-top:var(--s2);color:var(--text-secondary);flex-direction:column;display:flex}.placeholder-tag{font:600 11px/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);border:1px dashed var(--text-muted);border-radius:var(--r-sm);align-self:flex-start;padding:4px 8px}.btnrow{gap:var(--s2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.or{align-items:center;gap:var(--s3);color:var(--text-muted);font-size:13px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--border-subtle);flex:1}.gmark{border-radius:var(--r-sm);background:var(--text-primary);width:20px;height:20px;color:var(--text-on-accent);font:700 13px/1 var(--f-body);text-transform:none;letter-spacing:0;place-items:center;margin-right:10px;display:inline-grid}.expiry{top:env(safe-area-inset-top,0px);z-index:15;margin:0 0 var(--s4);border:1px solid var(--accent);border-radius:var(--r-sm);padding:var(--s4);gap:var(--s3);background:#2e2716;flex-direction:column;display:flex;position:sticky}.expiry h2{font:600 16px/1.3 var(--f-body);text-transform:none;margin:0}.msgref{color:var(--text-muted);font-size:13px}.msgicon{border:2px solid var(--accent);border-radius:var(--r-md);width:56px;height:56px;color:var(--accent);font:800 30px/1 var(--f-display);place-items:center;display:grid}.sent{gap:var(--s2);border:1px solid var(--border-input);border-radius:var(--r-sm);padding:var(--s4);background:var(--bg-surface);flex-direction:column;display:flex}.sent b{word-break:break-all}.skel{background:linear-gradient(90deg,var(--bg-surface),var(--bg-raised),var(--bg-surface));border-radius:var(--r-sm);min-height:20px}.fmain{gap:var(--s6);flex-direction:column;display:flex}@media (width>=1024px){.tabbar{display:none}.shell-main{padding-bottom:0}.shell-main .screen-body{max-width:960px;margin-inline:0;padding:40px 48px}.sidebar{gap:var(--s5);background:var(--bg-surface);border-right:1px solid var(--border-subtle);width:236px;height:100dvh;padding:var(--s5) var(--s3);flex-direction:column;flex:none;display:flex;position:sticky;top:0}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav button{align-items:center;gap:var(--s3);min-height:44px;padding:0 var(--s3);border-radius:var(--r-sm);color:var(--text-secondary);font:600 14px/1 var(--f-body);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.sidebar nav button[aria-current=page]{color:var(--accent);background:#e49c212e}.sidebar nav button:hover{color:var(--text-primary)}.sidebar .grow{flex:1}.sidebar .who{align-items:center;gap:var(--s3);padding:var(--s3);border-top:1px solid var(--border-subtle);display:flex}.sidebar .who i{border-radius:var(--r-sm);background:var(--accent);width:36px;height:36px;color:var(--text-on-accent);font:700 13px/1 var(--f-body);place-items:center;font-style:normal;display:grid}.sidebar .who b{font-size:14px;display:block}.sidebar .who small{color:var(--text-muted);font-size:12px}.open-grid{gap:var(--s6);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.inline-cta{max-width:360px}.shell-main .screen-foot{background:0 0;border:0;padding:0 48px 40px;position:static}.shell-main .screen-foot .inner{max-width:360px;margin:0}.shell-main .expiry{margin:24px 48px 0}.split{flex-direction:row}.split .brand-pane{justify-content:center;gap:var(--s6);background:radial-gradient(55% 60% at 50% 45%,#e49c212e,#e49c2100 70%),var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;flex:55%;padding:56px;display:flex}.split .form-pane{flex-direction:column;flex:45%;justify-content:center;display:flex}.split .form-pane .screen-body{flex:none;max-width:460px}.split .form-pane .screen-foot{background:0 0;border:0;padding-top:0;position:static}.split .form-pane .screen-foot .inner{max-width:460px}.split .mobile-only{display:none}.split .brand-pane .hero,.split .brand-pane .vesselrow{background:0 0;padding:0}}@media (width<=1023.98px){.brand-pane{display:none}}html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 24px)}.fitchip{border-radius:var(--r-sm);font:600 11px/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.fitchip:before{content:"";background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.fit-ok{color:var(--st-ready);background:#9cc46b2e}.fit-warm{color:var(--st-fermenting);background:#e49c212e}.fit-big{color:var(--st-brewing);background:#f59c6e2e}.rhero{align-items:center;gap:var(--s4);padding:var(--s6) var(--s4) var(--s4);border-radius:var(--r-md);background:radial-gradient(55% 60% at 50% 40%,#e49c2138,#e49c2100 70%),var(--bg-surface);flex-direction:column;display:flex;position:relative}.stats{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stats div{padding:var(--s3);border-left:1px solid var(--border-subtle)}.stats div:first-child{border-left:0}.stats b{font:700 26px/1 var(--f-display);display:block}.stats span{font:600 11px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.ing h2{font:600 12px/1.2 var(--f-body);letter-spacing:.19em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--s2)}.ing ul{margin:0;padding:0;list-style:none}.ing li{justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--border-subtle);display:flex}.ing li b{font-weight:600;display:block}.ing li small{color:var(--text-muted);font-size:13px;display:block}.ing .amt{text-align:right;flex:none}.ing .amt strong{font:700 24px/1 var(--f-display);display:block}.checks{border-top:1px solid var(--border-subtle);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checks li{gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--border-subtle);display:flex}.checks .ic{border-radius:var(--r-sm);width:24px;height:24px;font:700 13px/1 var(--f-body);color:var(--text-on-accent);flex:none;place-items:center;margin-top:1px;display:grid}.ic-ok{background:var(--st-ready)}.ic-warm{background:var(--st-fermenting)}.ic-big{background:var(--st-brewing)}.checks b{font-weight:600;display:block}.checks p{color:var(--text-secondary);font-size:14px}.checks .todo{color:var(--text-primary);margin-top:6px}.proc{margin:0}.proc div{justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--border-subtle);display:flex}.proc dt{color:var(--text-secondary)}.proc dd{text-align:right;margin:0;font-weight:600}.datewrap input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.r-grid{gap:var(--s6);flex-direction:column;display:flex}.scaled-note{gap:var(--s2) var(--s4);flex-wrap:wrap;align-items:center;display:flex}.steps{gap:var(--s2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step,.add{align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-sm);border:1px solid #0000;display:flex}.step.cur,.add.due{border-color:var(--accent);background:var(--bg-surface)}.sn{border-radius:var(--r-sm);border:1px solid var(--border-input);width:26px;height:26px;font:600 12px/1 var(--f-body);color:var(--text-secondary);flex:none;place-items:center;display:grid}.step.done .sn,.add.added .sn{background:var(--st-ready);border-color:var(--st-ready);color:var(--text-on-accent);font-size:14px}.step.cur .sn,.add.due .sn{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.st-t{flex:1;min-width:0}.st-t b{font-weight:600;display:block}.st-t small{color:var(--text-muted);font-size:13px;display:block}.sstate{font:600 11px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);text-align:right;flex:none}.sstate.cur{color:var(--accent)}.add.skipped .st-t b{color:var(--text-muted);text-decoration:line-through}.ring{aspect-ratio:1;width:min(280px,72vw);margin:0 auto;position:relative}.ring svg{width:100%;height:100%;display:block}.ring-in{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 36px;display:flex;position:absolute;inset:0}.ring-t{font:800 clamp(52px,16vw,72px)/1 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ring-s{color:var(--text-secondary);font-size:14px}.tstate{text-align:center;font:600 12px/1.2 var(--f-body);letter-spacing:.19em;text-transform:uppercase;color:var(--text-secondary)}.nextup{background:var(--bg-surface);border-radius:var(--r-sm);padding:var(--s4)}.ogbox .input-wrap{border-color:var(--accent)}.ogbox .input-wrap input{font:700 40px/1.1 var(--f-display);padding:10px 12px}@media (width>=1024px){.r-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.r-side{position:sticky;top:56px}.brewlist{max-width:720px!important}.ring{width:320px}}@media (width<=1023px){html{scroll-padding-bottom:170px}}.bcard{align-items:center;gap:var(--s4);padding:var(--s4);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:radial-gradient(60% 80% at 30% 50%,#e49c2129,#e49c2100 70%),var(--bg-surface);display:flex}.bcard svg{flex:none}.bname{font:700 26px/1.05 var(--f-display);text-transform:uppercase}.delta{border-radius:var(--r-sm);font:600 11px/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;padding:2px 6px;display:inline-block}.d-ok{color:var(--st-ready);background:#9cc46b2e}.d-off{color:var(--st-fermenting);background:#e49c212e}.seg{border:1px solid var(--border-subtle);border-radius:var(--r-sm);grid-template-columns:1fr 1fr;max-width:360px;padding:3px;display:grid}.seg button{border-radius:var(--r-sm);min-height:44px;color:var(--text-secondary);font:600 12px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0}.seg button[aria-pressed=true]{background:var(--text-primary);color:var(--text-on-accent)}.stats3{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats3 div{padding:var(--s3);border-left:1px solid var(--border-subtle);min-width:0}.stats3 div:first-child{border-left:0}.stats3 b{font:700 28px/1 var(--f-display);white-space:nowrap;display:block}.stats3 span{font:600 11px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.vgrid{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.vgrid.cards{grid-template-columns:minmax(0,1fr)}.vtile{gap:var(--s2);padding:var(--s3);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-surface);flex-direction:column;min-width:0;display:flex}.vtile.empty{border-style:dashed;border-color:var(--border-input);background:0 0}.vt-top{justify-content:space-between;align-items:center;display:flex}.tag{font:600 11px/1 var(--f-body);letter-spacing:.12em;background:var(--bg-raised);border-radius:var(--r-sm);padding:4px 6px}.vt-art{padding:var(--s2) 0;justify-content:center;display:flex}.vtile .bname{font-size:22px}.vt-nums{justify-content:space-between;gap:var(--s2);display:flex}.vt-nums b{font:700 22px/1 var(--f-display);display:block}.vt-nums small{font:600 10px/1.2 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.vtile .btn{letter-spacing:.12em;min-height:44px;font-size:11px}.chartbox{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s4);gap:var(--s2);flex-direction:column;display:flex}.chart{width:100%;height:auto;display:block}.row3{gap:var(--s2);grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr);display:grid}.addform{background:var(--bg-surface);border:1px solid var(--accent);border-radius:var(--r-md);padding:var(--s4)}.addform h2{font-size:20px}.accbox{border-left:4px solid var(--accent);background:var(--bg-surface);border-radius:var(--r-sm);padding:var(--s5);gap:var(--s2);flex-direction:column;display:flex}.acc{font:800 72px/1 var(--f-display);letter-spacing:-.02em}.acc span{font:700 italic 28px/1 var(--f-accent);color:var(--accent);margin-left:4px}.miss{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--r-sm);padding:var(--s4);flex-direction:column;gap:6px;display:flex}.miss h3{font:600 16px/1.3 var(--f-body);color:var(--accent);margin:0}.miss p{color:var(--text-secondary)}.crow{gap:var(--s4);padding:var(--s4);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-surface);align-items:center;display:flex}.crow .bar{height:4px;margin-top:8px;display:block}.ready{text-align:center;flex-direction:column;flex:none;display:flex}.ready small{font:600 10px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.ready b{font:800 40px/1 var(--f-display);color:var(--accent)}@media (width>=1024px){.vgrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.vgrid.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.shell-main .screen-body.board{max-width:1100px}}.chartbox .gl{stroke:var(--border-input);stroke-width:1px}.chartbox .bb{fill:var(--accent)}.chartbox .ct{fill:var(--text-secondary);font:600 11px var(--f-body)}.tablewrap{overflow-x:auto}.ppm{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.ppm th,.ppm td{border-bottom:1px solid var(--border-subtle);text-align:right;padding:10px 8px}.ppm th:first-child,.ppm td:first-child{text-align:left}.ppm thead th{font:600 11px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.ppm tbody th{color:var(--text-primary);font-weight:600}.fnotes{border:1px solid var(--border-input);border-radius:var(--r-sm);padding:var(--s3)}.fnotes summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.stylel{gap:var(--s3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.stylel li{align-items:center;gap:var(--s3);grid-template-columns:96px minmax(0,1fr) 28px;display:grid}.stylel .bar{margin:0}.stylel b{text-align:right;font:700 20px/1 var(--f-display)}:root{--paper:#fbfaf6;--ink:#1f1f1f;--ink-2:#4a4741;--paper-rule:#8e8b84}.sheetgrid{gap:var(--s6);flex-direction:column;display:flex}.paper{background:var(--paper);color:var(--ink);border-radius:var(--r-sm);padding:var(--s5);gap:var(--s3);flex-direction:column;min-width:0;display:flex}.paper h2{font:800 30px/1 var(--f-display);text-transform:uppercase;color:var(--ink)}.paper h3{margin:var(--s2) 0 0;font:700 12px/1.2 var(--f-body);letter-spacing:.19em;text-transform:uppercase;color:var(--ink);border-bottom:1.5px solid var(--ink);padding-bottom:4px}.paper .pk{font:600 11px/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.paper .pmeta{color:var(--ink-2);font-size:13px}.ptarg{gap:var(--s2);border:1.5px solid var(--ink);padding:var(--s2);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid}.ptarg dt{font:600 10px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.ptarg dd{font:700 18px/1.1 var(--f-display);margin:0}.pl{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pl li{align-items:center;gap:var(--s3);border-bottom:1px solid var(--paper-rule);padding:6px 0;display:flex}.pl .nm{flex:1;min-width:0}.pl small{color:var(--ink-2);font-size:12px;display:block}.pl b{white-space:nowrap;font-weight:600}.cb{border:1.5px solid var(--ink);flex:none;width:16px;height:16px}.pm{flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:14px;display:flex}.plog{border-collapse:collapse;width:100%;font-size:13px}.plog th{text-align:left;font:600 11px/1.2 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border-bottom:1.5px solid var(--ink);padding:4px}.plog td{border-bottom:1px solid var(--paper-rule);height:28px;padding:4px}.pnotes{flex-direction:column;gap:26px;padding-top:20px;display:flex}.pnotes i{border-bottom:1px solid var(--paper-rule);display:block}@media (width>=1024px){.sheetgrid{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:48px;display:grid}.sheetgrid>.paper{max-width:680px}.shell-main .screen-body:has(.sheetpage){max-width:1100px}}@media print{@page{size:A4;margin:14mm}.sidebar,.tabbar,.screen-foot,.noprint,.toast,.sr-only,[aria-live]{display:none!important}html,body{height:auto;background:#fff!important}body:before{display:none}.shell{min-height:0;display:block}.shell-main{padding:0!important}.screen-body{gap:0!important;max-width:none!important;margin:0!important;padding:0!important}.sheetgrid{display:block}.paper{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;background:#fff;border-radius:0;padding:0}.pl li,.plog tr{-moz-column-break-inside:avoid;break-inside:avoid}.paper,.paper *{color:#000!important}.paper .pk,.paper .pmeta,.pl small,.ptarg dt,.plog th{color:#333!important}}.pill.expired{color:var(--st-brewing);background:#f59c6e2e}.pill.out{color:var(--text-secondary);background:#c9c5bc29}.pill.low{color:var(--st-conditioning);background:#7fb7c92e}.pill.soon{color:var(--st-fermenting);background:#e49c212e}.pill.indate{color:var(--st-ready);background:#9cc46b2e}.slist{gap:var(--s2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.srow{align-items:center;gap:var(--s3);text-align:left;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);width:100%;min-height:72px;padding:var(--s3) var(--s4);cursor:pointer;color:var(--text-primary);display:flex}@media (hover:hover){.srow:hover{border-color:var(--border-input)}}.srow .t{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.srow .t b{font-weight:600}.srow .t small{color:var(--text-muted);font-size:13px}.srow .q{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.srow .q strong{font:700 24px/1 var(--f-display);white-space:nowrap}.shop li .have{color:var(--st-ready);font:600 11px/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;display:block}.shop li.got b,.shop li.got .amt strong{color:var(--text-muted)}@media print{.srow .pill{border:1px solid #000}}.qsheet{padding:var(--s4)}.qgrid{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.qgrid.sz-sm{grid-template-columns:repeat(2,minmax(0,1fr))}.qgrid.sz-md,.qgrid.sz-lg{grid-template-columns:minmax(0,1fr)}.qlab{align-items:center;gap:var(--s2);border:1px dashed var(--paper-rule);border-radius:var(--r-sm);padding:var(--s2);min-width:0;display:flex}.qlab .qc{flex:none;line-height:0;display:block}.qlab .qc svg{max-width:100%;height:auto}.qlab .qt{min-width:0;color:var(--ink-2);flex-direction:column;gap:2px;font-size:11px;line-height:1.25;display:flex}.qlab .qt b{font:800 15px/1.05 var(--f-display);text-transform:uppercase;color:var(--ink);overflow-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.qlab .qu{overflow-wrap:anywhere}.qlab .q18{color:var(--ink);font-weight:600}.sz-sm .qlab{text-align:center;flex-direction:column;align-items:center}.sz-sm .qt>span{display:none}.sz-sm .qt .q18{display:block}.sz-sm .qt b{font-size:12px}.qprint{display:none}.pubpage .lockup-row{margin-bottom:var(--s2)}.pubpage .screen-body{max-width:520px}.pubpage .stats3{grid-template-columns:minmax(0,1fr);max-width:180px}.pubpage h1{overflow-wrap:anywhere}@media (width>=1024px){.qgrid.sz-sm{grid-template-columns:repeat(4,minmax(0,1fr))}.qgrid.sz-md{grid-template-columns:repeat(3,minmax(0,1fr))}.qgrid.sz-lg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{body:has(.qprint) .shell-main .screen-body>:not(.sheetpage){display:none!important}body:has(.qprint) .sheetpage>:not(.qprint){display:none!important}body:has(.qprint) .screen-body{gap:0!important}.qprint{display:block!important}.qprint ul{-moz-column-gap:2.5mm;gap:0 2.5mm;margin:0;list-style:none;display:grid}.qprint .qlab{box-sizing:border-box;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;border:0;border-radius:0;height:100%;padding:1.5mm 2mm;overflow:hidden}.qprint .qt{max-height:100%;overflow:hidden}.qprint .qlab,.qprint .qlab *{color:#000!important}.qp-sm ul{grid-template-columns:repeat(5,38.1mm);grid-auto-rows:21.2mm;padding:10.7mm 0 0 4.65mm}.qp-sm .qlab{flex-direction:row;gap:1.5mm;padding:1mm}.qp-sm .qc svg{width:17mm;height:17mm}.qp-sm .qt{font-size:6pt}.qp-sm .qt b{font-size:7pt}.qp-sm .qt>span{display:none}.qp-sm .qt .q18{display:block}.qp-md ul{grid-template-columns:repeat(3,63.5mm);grid-auto-rows:38.1mm;padding:15.15mm 0 0 7.25mm}.qp-md .qc svg{width:30mm;height:30mm}.qp-md .qt{font-size:7pt}.qp-md .qt b{font-size:11pt}.qp-lg ul{grid-template-columns:repeat(2,99.1mm);grid-auto-rows:57mm;padding:6mm 0 0 4.65mm}.qp-lg .qc svg{width:45mm;height:45mm}.qp-lg .qt{font-size:9pt}.qp-lg .qt b{font-size:14pt}body:has(.qprint){margin:0}}@page labels{size:A4;margin:0}@media print{.qprint{page:labels}}.pg{background:radial-gradient(ellipse 50% 50% at 50% 50%,#3d2b14 0%,#211d1a 55%,#1a1817 100%) fixed,var(--bg-canvas)}.pg .screen-foot{background:0 0}.pg-head{padding:8px max(20px,env(safe-area-inset-left,0px));justify-content:space-between;align-items:center;width:100%;max-width:560px;margin-inline:auto;display:flex}.pg-brands{align-items:center;gap:9.6px;display:flex}.pg-brands img{-o-object-fit:contain;object-fit:contain;height:auto;display:block}.pg-brands img:first-child{width:33px}.pg-brands img:last-child{width:50px}.pg-brands span{font:600 14.4px/1 var(--f-body);color:var(--text-muted)}.pg-soon{font:600 13px/1.2 var(--f-body);letter-spacing:.19em;text-transform:uppercase;color:var(--text-secondary)}.pg-body{flex-direction:column;gap:14px;display:flex}.pg-center{text-align:center;justify-content:center;align-items:center;gap:18px}.pg-kicker{font:600 13px/1.2 var(--f-body);letter-spacing:.19em;text-transform:uppercase;color:var(--gold)}.pg-hero{font:800 72px/.95 var(--f-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--text-primary)}.pg-title{font:800 34px/1.05 var(--f-display);letter-spacing:-.02em;text-transform:uppercase}.pg-title em{color:var(--accent)}.pg-tag{font:600 13px/1.2 var(--f-body);letter-spacing:.19em;text-transform:uppercase;color:var(--text-primary)}.pg-lead{color:var(--text-secondary);max-width:350px;font-size:15px;line-height:1.55}.pg-left{text-align:left;max-width:none}.pg-caskit{align-items:center;gap:calc(var(--ck)*.033);display:flex}.pg-caskit img{width:var(--ck);height:var(--ck);display:block}.pg-caskit span{font:800 calc(var(--ck)*.667)/.8 var(--f-display);letter-spacing:-.02em;color:var(--text-primary)}.pg-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.pg-panel p{color:var(--text-secondary);line-height:1.55}.pg-eyebrow{font:600 13px/1.2 var(--f-body);letter-spacing:.19em;text-transform:uppercase;color:var(--accent);margin:0}.pg-form{flex-direction:column;gap:14px;display:flex}.pg-checks{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.pg-note{color:var(--text-muted);text-align:center;font-size:13px;line-height:1.4}.pg-note a{color:var(--text-muted)}.pg-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.pg h1[tabindex="-1"]:focus,.pg h1:focus{outline:none}.pg-invite{color:var(--text-secondary);font-size:15px;line-height:1.5}.pg-invite a{color:var(--accent);font-weight:600}.pg .screen-foot{background:linear-gradient(#1a181700,#1a1817 28px);border-top:0}.gantt{gap:var(--s4);flex-direction:column;display:flex}.gx-key{gap:var(--s2) var(--s4);color:var(--text-secondary);flex-wrap:wrap;display:flex}.gx-key span{align-items:center;gap:6px;display:inline-flex}.gx-key .k{border-radius:var(--r-sm);width:18px;height:12px;display:inline-block}.gx-key .k.planned{border:2px dashed var(--text-secondary);background:var(--bg-raised)}.gx-key .k.fermenting{background:var(--st-fermenting)}.gx-key .k.cond{border:1px solid var(--st-conditioning);background:#7fb7c959}.gx-key .k.clean{border:1px solid var(--st-brewing);background:repeating-linear-gradient(45deg,#0000 0 3px,#f59c6e8c 3px 5px)}.gx{-webkit-overflow-scrolling:touch;border-radius:var(--r-sm);overflow-x:auto}.gx:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gx-in{min-width:640px;padding-bottom:var(--s2)}.gx-axis{border-bottom:1px solid var(--border-subtle);height:22px;font:600 11px/1 var(--f-body);letter-spacing:.08em;color:var(--text-secondary);position:relative}.gx-axis span{white-space:nowrap;position:absolute;top:2px}.gx-row{margin-top:var(--s3)}.gx-name{justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:4px;display:flex}.gx-name small{color:var(--text-muted);font-size:13px}.gx-track{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);height:40px;position:relative;overflow:hidden}.gx-bar{border-radius:var(--r-sm);height:28px;font:600 12px/1 var(--f-body);white-space:nowrap;text-overflow:ellipsis;z-index:2;align-items:center;padding:0 8px;display:flex;position:absolute;top:5px;overflow:hidden}.gx-bar.planned{border:2px dashed var(--text-secondary);background:var(--bg-raised);color:var(--text-primary)}.gx-bar.fermenting{background:var(--st-fermenting);color:var(--text-on-accent)}.gx-cond{border-radius:var(--r-sm);border:1px solid var(--st-conditioning);z-index:1;background:#7fb7c959;height:28px;position:absolute;top:5px}.gx-clean{border:1px solid var(--st-brewing);z-index:3;background:repeating-linear-gradient(45deg,#0000 0 3px,#f59c6e8c 3px 5px);height:28px;position:absolute;top:5px}.gx-today{background:var(--accent);z-index:4;width:2px;position:absolute;top:0;bottom:0}.gx-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s4);gap:var(--s3);flex-direction:column;display:flex}.gx-card h3{font:600 16px/1.3 var(--f-body);margin:0}.gx-items{gap:var(--s3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gx-items li{padding-top:var(--s3);border-top:1px solid var(--border-subtle);flex-direction:column;gap:6px;display:flex}.gx-items li:first-child{border-top:0;padding-top:0}.gx-items small{font-size:13px}.gx-line{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.gx-act{gap:var(--s4);flex-wrap:wrap;display:flex}.gx-move{background:var(--bg-canvas);border-radius:var(--r-sm);padding:var(--s3)}.pill.planned{color:var(--text-secondary);background:#c9c5bc29}@media (width>=1024px){.gx-in{min-width:0}}.crew-mark{-o-object-fit:contain;object-fit:contain;flex:none;display:block}.crew-plate{background:var(--bg-canvas);border:1px solid var(--gold);border-radius:var(--r-sm);align-items:center;gap:16px;min-height:96px;padding:14px 22px 14px 20px;display:flex;position:relative}.crew-plate:after{content:"";pointer-events:none;border:1px solid #c8913259;border-radius:1px;position:absolute;inset:4px}.crew-plate .cp-text{flex:1;min-width:0}.crew-plate .cp-word{font:800 28px/1 var(--f-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text-primary);margin:0}.crew-plate .cp-word em{font:italic 700 28px/1 var(--f-accent);color:var(--accent)}.crew-plate .cp-sub{font:600 11px/1.3 var(--f-body);letter-spacing:.19em;text-transform:uppercase;color:var(--text-secondary);margin:5px 0 0}.cp-chip{z-index:1;border-radius:var(--r-sm);background:var(--accent);color:var(--text-on-accent);font:600 10px/1 var(--f-body);letter-spacing:.19em;text-transform:uppercase;flex:none;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:relative}.cp-chip.lock{border:1px solid var(--accent);color:var(--accent);letter-spacing:.16em;background:0 0}.cp-chip svg{flex:none;width:12px;height:12px}.cp-chip .sm{display:none}@media (width<=599px){.crew-plate{gap:12px;min-height:72px;padding:10px 14px}.crew-plate .crew-mark{width:44px;height:44px}.crew-plate .cp-word,.crew-plate .cp-word em{font-size:22px}.crew-plate .cp-sub{font-size:10px}.cp-chip:not(.lock),.cp-chip .lg{display:none}.cp-chip .sm{display:inline}}.shell-main.crew-screen{border-top:2px solid var(--accent)}.sidebar .crew-badge{border:1px solid var(--accent);border-radius:var(--r-sm);align-items:center;gap:8px;margin-top:6px;padding:5px 10px 5px 6px;display:inline-flex}.sidebar .crew-badge b{font:800 15px/1 var(--f-display);text-transform:uppercase;color:var(--text-primary);display:block}.sidebar .crew-badge em{font:italic 700 14px/1 var(--f-accent);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);display:block}.mem-list.crew li:before{background:url(/brand/caskit-mark-stillage.svg) 50%/contain no-repeat;border:0;width:18px;height:18px;margin-top:1px;transform:none}.crew-preview{background:var(--bg-surface);border-radius:var(--r-sm);border:1px solid #c8913299;padding:20px;position:relative;overflow:hidden}.crew-preview .cpv-rows{opacity:.28;flex-direction:column;gap:10px;display:flex}.crew-preview:after{content:"";background:linear-gradient(#2a292600 0%,#2a2926e6 100%);position:absolute;inset:0}.crew-preview .cpv-label{z-index:1;font:600 11px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.cpv-row{font:600 12px/1 var(--f-body);color:var(--text-secondary);grid-template-columns:48px 1fr;align-items:center;gap:12px;display:grid}.cpv-track{background:var(--bg-track);border-radius:var(--r-sm);height:30px;position:relative}.cpv-track i{background:var(--accent);border-radius:2px;position:absolute;top:3px;bottom:3px}.cpv-track i.p{border:1px dashed var(--accent);background:0 0}.crew-hint{background:var(--bg-surface);border-left:2px solid var(--gold);border-radius:var(--r-sm);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.crew-hint p{margin:0}@media print{.crew-plate,.crew-hint,.crew-preview{display:none!important}}
