@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Mogra&display=swap";:root{--bg: rgb(14, 11, 21);--bg-toolbar: rgba(12, 10, 18, .92);--bg-gradient-start: rgb(46, 14, 98);--bg-gradient-mid: rgb(35, 14, 72);--bg-gradient-end: rgb(22, 10, 47);--fg: rgb(226, 222, 237);--text-muted: rgba(236, 233, 244, .72);--accent: rgb(255, 197, 50);--accent2: rgb(179, 79, 255);--accent-soft: rgba(244, 194, 72, .18);--card-text: rgba(26, 21, 37, .9);--card-shadow: rgba(5, 3, 9, .6);--card-beer: rgba(17, 12, 29, .84);--text-accent: rgb(211, 157, 255);--surface-1: rgba(18, 14, 28, .74);--surface-2: rgba(23, 18, 35, .88);--surface-3: rgba(30, 23, 45, .96);--border-soft: rgba(255, 255, 255, .1);--border-strong: rgba(244, 194, 72, .28);--shadow-soft: 0 16px 40px rgba(0, 0, 0, .22);--shadow-card: 0 20px 56px rgba(0, 0, 0, .3);--shadow-lift: 0 12px 24px rgba(0, 0, 0, .2);--title-font: "Mogra";--ui-font: "Baloo 2", Arial;--main-width: 900px;--fermenter-card-width: 150px;--s0: 4px;--s1: 8px;--s2: 16px;--s3: 32px;--page-padding: .75rem;--leading: 1.4;--fermenter-mask: url(./fermenter.C4BFZ9ob.svg)}body{background:var(--bg);min-height:100vh;margin:0;display:flex;flex-direction:column;color:var(--fg);font-family:var(--ui-font);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:0;line-height:1.35}h3{font-size:1.55rem;color:var(--accent);margin:0;line-height:1.15}h4{font-size:1.1rem;color:var(--accent2);margin:0;line-height:1.2}a,a:visited{color:var(--accent)}.page{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3c!--%20Tile%20bevel%20highlight%20(top%20+%20left)%20--%3e%3cg%20stroke-linecap='square'%3e%3cpath%20d='M1%201%20H99%20M1%201%20V99'%20stroke='%23ffffff'%20stroke-opacity='0.15'%20stroke-width='2'%20/%3e%3cpath%20d='M1%2099%20H99%20M99%201%20V99'%20stroke='%23000000'%20stroke-opacity='0.8'%20stroke-width='2'%20/%3e%3c/g%3e%3c/svg%3e"),radial-gradient(circle at 20% 0%,#a342ff4d,#af6df800 50%),linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 44%,var(--bg-gradient-end) 100%);background-repeat:repeat,no-repeat;background-position:center top,center top,center top,center top;background-size:70px 70px,cover,cover,cover;line-height:var(--leading);padding:var(--page-padding);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;flex:1 1 auto;min-height:0}.page-top{justify-content:flex-start}.toolbar{background:linear-gradient(180deg,#100d18f5,#0c0a12f5);border-bottom:1px solid rgba(244,194,72,.22);position:sticky;top:0;z-index:50;display:flex;justify-content:center}.toolbar-inner{margin:0;width:min(100%,var(--main-width));box-sizing:border-box;padding:.35rem;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:.35rem 1rem}.toolbar-title{color:var(--accent);text-decoration:none;font-family:var(--title-font);font-size:clamp(1.8rem,4vw,2rem);font-style:italic;text-transform:uppercase;letter-spacing:.02em;transform:translateY(.18rem)}.toolbar-section{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.toolbar-text{font-family:var(--ui-font);font-size:1.05rem;text-align:center;color:var(--accent);overflow-wrap:anywhere;margin-left:auto;margin-right:auto}.toolbar-menu{position:relative;display:flex;align-items:center}.toolbar-user-pill{display:inline-flex;box-sizing:border-box;align-items:center;gap:.45rem;max-width:min(16rem,30vw);padding:.35rem .75rem;border-radius:999px;border:1px solid var(--accent);background:var(--bg);color:var(--fg);font-family:var(--ui-font);line-height:1}.toolbar-user-pill-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #ffc5322e;flex:0 0 auto}.toolbar-user-pill-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600}.toolbar-menu-trigger{width:clamp(5.5rem,3vw,6rem);height:2.1rem;padding-left:0;padding-right:0}.toolbar-menu-icon{height:1.25rem;aspect-ratio:4 / 1;flex:auto 0 auto 0;color:currentColor;transform:translateY(-.1rem)}.toolbar-menu-popover{position:absolute;right:0;top:calc(100% + .45rem);width:14rem;display:flex;flex-flow:column nowrap;justify-content:center;align-items:stretch;gap:.4rem;padding:.5rem;border-radius:16px;border:1px solid var(--border-strong);background:linear-gradient(180deg,#1f182dfa,#120e1cfa);box-shadow:var(--shadow-card);z-index:60}.toolbar-menu-popover form{margin:0}.toolbar-menu-item{width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left}@media(max-width:600px){.toolbar-inner{flex-wrap:wrap;align-items:center;justify-content:space-between;padding-left:.4rem;padding-right:.4rem}.toolbar-section{gap:.35rem}.toolbar-section:first-child{flex:1 1 auto;min-width:0;justify-content:flex-start}.toolbar-section[role=navigation]{display:contents}.toolbar-user-pill{order:3;flex:1 0 100%;min-width:0;width:100%;max-width:none;justify-content:center;padding-left:.55rem;padding-right:.55rem;margin-top:.1rem}.toolbar-user-pill-text{font-size:.92rem}.toolbar-menu{order:2}.toolbar-title-hide{display:none}}.btn{background:var(--accent2);font-family:var(--title-font);text-align:center;text-transform:uppercase;color:var(--bg);text-decoration:none;border:1px solid var(--border-soft);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap;padding:.6rem .6rem .4rem;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600}.btn:hover{filter:brightness(.7)}.btn-primary{background:var(--accent)}a.btn,a.btn:visited{color:var(--bg)}.btn-inline{min-height:1.5rem;padding:.45rem .65rem .25rem;font-size:.95rem;border-radius:9px}.fermenterGrid{max-width:1300px;min-height:auto;position:relative;display:flex;flex-flow:row wrap;margin:0 auto;justify-content:center;align-content:center;gap:.5rem}.month-block{margin:0 0 1.6rem}.section-heading{width:100%;color:var(--accent);text-align:center;margin:.2rem 0 0;font-family:var(--title-font);font-style:italic;text-transform:uppercase;font-size:clamp(1.75rem,3.8vw,2rem);letter-spacing:.03em;text-shadow:.3rem .3rem .2rem var(--card-shadow)}.section-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem}.section-header-back{justify-self:start}.section-header .section-heading{justify-self:center;width:auto;margin:0}.section-header .btn{filter:drop-shadow(.3rem .3rem .3rem var(--card-shadow))}.fermenter-card{position:relative;--grad-start: rgb(130, 25, 242);--grad-end: rgb(184, 50, 255);--fermenter-card-design-width: var(--fermenter-card-width);--fermenter-card-render-width: clamp( 100px, var(--fermenter-card-design-width), calc(.3 * (100vw - 2 * var(--page-padding))) );width:var(--fermenter-card-render-width);aspect-ratio:calc(450 / 730);color:var(--card-text);cursor:pointer;z-index:30;overflow:hidden;filter:drop-shadow(.3rem .3rem .3rem var(--card-shadow))}.fermenter-card-stage{position:absolute;width:var(--fermenter-card-design-width);aspect-ratio:calc(450 / 730);transform-origin:top left;transform:scale(calc(var(--fermenter-card-render-width) / var(--fermenter-card-design-width)));background-image:radial-gradient(circle at 50% 95%,var(--grad-start) 0%,var(--grad-end) 100%);background-repeat:no-repeat;background-position:center center;background-size:100% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-image:var(--fermenter-mask);mask-image:var(--fermenter-mask);inset:0;transition:transform .1s ease,filter .1s ease}.fermenter-card:hover .fermenter-card-stage{filter:brightness(1.15) saturate(1.03)}.fermenter-card:hover{z-index:40}.fermenter-card-overlay{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;gap:var(--s0);text-align:center;z-index:30}.fermenter-card-main{position:absolute;left:50%;max-height:54%;top:var(--beer-brewer-center-y, 75.5%);transform:translate(-50%,-50%);width:92%;display:flex;flex-flow:column nowrap;align-items:center;gap:.25rem}.fermenter-card-title{width:100%;background:var(--card-beer);border-radius:10px;color:var(--fg);display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;text-align:center;font-weight:700;font-size:.95rem;overflow:hidden;padding:3px;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:none;hyphens:none}.fermenter-card-style{width:90%;font-size:.8rem;font-weight:400}.fermenter-card-brewer{font-size:.95rem;font-weight:600}.fermenter-card-date{position:absolute;left:50%;top:var(--brewdate-center-y, 93%);transform:translate(-50%,-50%);padding:.18rem .5rem;font-size:.82rem;display:flex;flex-flow:column nowrap;align-items:center;gap:.3rem}.bubbles-overlay{position:absolute;pointer-events:none;inset:0;opacity:0;transition:opacity .16s ease;z-index:10}.bubbles-overlay.visible{opacity:1}.bubbles-overlay .bubble{position:absolute;bottom:var(--bubble-origin-y);background:none;border:3px solid rgb(255,255,255,.5);border-radius:50%;opacity:0;transform:translate(-50%) translateY(0) scale(.25);animation-name:rise;animation-timing-function:cubic-bezier(.13,.25,.21,.45);animation-iteration-count:infinite;will-change:transform,opacity}@keyframes rise{0%{transform:translate(-50%) translateY(0) scale(.4);opacity:0}15%{opacity:.8}85%{opacity:.7}to{transform:translate(-50%) translateY(calc(-1.2 * var(--fermenter-card-width))) scale(1);opacity:0}}.modal-backdrop{position:fixed;inset:0;background:radial-gradient(circle at top,#ffd67114,#ffd67100 30%),#07050aa8;z-index:1000;border:0;padding:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-scroll{position:fixed;inset:0;z-index:1001;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:flex-start;padding:.5rem;pointer-events:none}.modal{position:relative;box-sizing:border-box;width:min(600px,calc(100vw - 1rem));max-width:calc(100vw - 1rem);background:linear-gradient(180deg,#221b31fa,#130f1efa);border-radius:18px;border:1px solid var(--border-strong);box-shadow:0 28px 60px #0000006b;padding:.65rem;outline:none;margin-block:auto;pointer-events:auto}.modal-content{display:flex;flex-flow:column nowrap;gap:1rem;padding:1.15rem 1.35rem 1.25rem;color:var(--fg);font-family:var(--ui-font)}.modal-content-inner{display:grid;grid-template-columns:1fr var(--fermenter-card-width);align-items:start;gap:1.25rem}.modal-icon{width:var(--fermenter-card-width);aspect-ratio:calc(450 / 730);display:flex;justify-content:center;align-items:center;align-self:center;background-image:radial-gradient(circle at 50% 95%,var(--grad-start) 0%,var(--grad-end) 100%);background-repeat:no-repeat;background-position:center center;background-size:100% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-image:var(--fermenter-mask);mask-image:var(--fermenter-mask);color:var(--card-text);--grad-start: rgb(130, 25, 242);--grad-end: rgb(184, 50, 255);position:relative;z-index:1200}@media(max-width:600px){.modal-content-inner{grid-template-columns:1fr}.modal-icon{display:none}.beer-modal-grid{grid-template-columns:1fr;gap:.2rem}.beer-modal-grid .modal-label-cell{text-align:left;padding-right:0;padding-top:.25rem}}.modal-icon .bubbles-overlay{opacity:1;z-index:1210}.modal-grid{display:grid;grid-template-columns:100px 1fr;gap:.65rem 1rem;align-items:start;margin-bottom:0}.modal-details{display:grid;gap:.65rem}.modal-main-title{margin:0}.modal-label-cell{text-align:left;padding-right:.5rem;color:var(--text-accent);font-weight:600}.modal-value-cell{text-align:left;min-width:0;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:none;hyphens:none}.modal-description{white-space:pre-line}.beer-modal-grid{margin-bottom:.35rem}.modal-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:.25rem}.settings-stack .modal-actions,.settings-stack-tight .modal-actions{margin-top:0}.settings-shell{width:min(980px,100%);display:grid;gap:1.25rem;padding:1.1rem 0 2.5rem}.settings-header{display:grid;gap:.75rem}@media(max-width:700px){.section-header{grid-template-columns:1fr;justify-items:center}.section-header-back{justify-self:center}}.alert-box{margin:0;padding:.7rem .85rem;border-radius:12px;font-weight:600}.alert-box-warning{background:#ffcf321a;border:1px solid rgba(255,207,50,.28);color:var(--fg)}.alert-box-error{border:1px solid rgba(255,122,107,.68);background:linear-gradient(180deg,#4d1d18f2,#3a1511f5);color:#ffd8d2;font-size:.87rem;line-height:1.35;box-shadow:0 8px 24px #00000047}.settings-card{background:linear-gradient(180deg,#1e172ded,#170f1ded);border:1px solid rgba(244,194,72,.16);border-radius:18px;padding:1.15rem;box-shadow:var(--shadow-card)}.settings-card-header{display:flex;justify-content:space-between;align-items:center;gap:.85rem;flex-wrap:wrap}.panel-title{margin:0;color:var(--accent);font-size:1.35rem;font-family:var(--ui-font);font-weight:700;letter-spacing:.01em}.settings-card-header .panel-title{margin:0}.settings-subtle{color:var(--text-accent);font-weight:600}.settings-empty{padding:.35rem 0;color:var(--text-muted)}.settings-grid{display:grid;gap:.55rem}.settings-stack{display:grid;gap:1.15rem}.settings-stack-tight{display:grid;gap:.7rem}.settings-row{display:flex;align-items:flex-start;gap:.85rem}.settings-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.85rem}.settings-beers-grid-wrap{overflow-x:auto}.data-grid{display:grid;grid-template-columns:var(--grid-columns);min-width:var(--grid-min-width, 56rem);align-items:center;gap:.55rem;padding:.45rem .2rem;border-bottom:1px solid rgba(255,255,255,.08)}.data-grid-head{color:var(--text-accent);font-weight:700}.data-grid-row{color:var(--fg);border-radius:10px;transition:background-color .14s ease,transform .14s ease}.data-grid-row:hover{background:#ffffff0a}.data-grid-row-expired{background:#ff6b6b14}.data-grid-row-expired:hover{background:#ff6b6b26}.settings-status-expired{color:#ff9c9c;font-weight:700}.data-grid-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-grid-cell-wrap{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-all}.invitation-copied-hint{margin-left:.45rem;font-size:.85rem;white-space:nowrap}.settings-row-actions{display:flex;gap:.45rem;flex-wrap:nowrap}.action-btn{gap:.35rem}.action-icon{display:none;width:.95rem;height:.95rem;flex:0 0 auto;transform:translateY(-.08rem)}.settings-form{display:grid;gap:.8rem}.auth-form{width:min(25rem,100%);margin-inline:auto}.field-invalid{border-color:#ff7a6be6!important;box-shadow:0 0 0 2px #ff7a6b33,inset 0 1px #ffffff0a!important}input[type=text],input[type=password],input[type=date],input[type=url],input[type=number],input[type=datetime-local],select,textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0;background:linear-gradient(180deg,#171322fa,#120f1cfa);color:var(--fg)!important;-webkit-text-fill-color:var(--fg);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.62rem .75rem;font:inherit;line-height:1.3;box-shadow:inset 0 1px #ffffff0a,0 4px 12px #00000024;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg)!important;caret-color:var(--fg);box-shadow:0 0 0 1000px #16131eeb inset!important;-webkit-box-shadow:0 0 0 1000px rgba(22,19,30,.92) inset!important;transition:background-color 9999s ease-in-out 0s}input[type=text],input[type=password],input[type=date],input[type=url],select{height:2.35rem;min-height:2.35rem}input[type=date]{color-scheme:dark;padding-right:2rem}input[type=date]::-webkit-calendar-picker-indicator{width:1rem;height:1rem;cursor:pointer;opacity:.85;filter:invert(84%) sepia(31%) saturate(835%) hue-rotate(336deg) brightness(103%) contrast(100%)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-year-field{color:var(--fg)}select{padding-top:0;padding-bottom:0;line-height:2.35rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.05rem;height:1.05rem;margin:0;border:1px solid rgba(255,197,50,.5);border-radius:4px;background:#16131eeb;box-shadow:inset 0 1px #ffffff0a;cursor:pointer;vertical-align:middle;display:inline-grid;place-content:center}input[type=checkbox]:before{content:"";width:.6rem;height:.6rem;border-radius:2px;transform:scale(0);transform-origin:center;transition:transform .12s ease-in-out;background:var(--accent)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible{outline:2px solid rgba(255,207,50,.6);outline-offset:2px;border-radius:3px}input[type=checkbox]:disabled{background:#121018b8;border-color:#ffc53224;cursor:not-allowed;box-shadow:none}input[type=checkbox]:disabled:before{background:#e6e6e673}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffcf3229,inset 0 1px #ffffff0a}input[type=text]:disabled,input[type=password]:disabled,input[type=date]:disabled,input[type=url]:disabled,select:disabled,textarea:disabled{background:#121018b8;color:#e6e6e68c;border-color:#ffc53224;cursor:not-allowed;box-shadow:none}textarea{resize:none;min-height:7.5rem;max-height:7.5rem;width:100%}input::placeholder,textarea::placeholder{color:#ece9f46b}.fermenterIconPickerOptions{display:flex;gap:.2rem;flex-wrap:wrap}.fermenterIconChoice{width:3rem;padding:.1rem;border-radius:8px;border:0px solid rgba(255,255,255,.25);background:#ffffff0d;cursor:pointer;display:flex;align-items:center;justify-content:center}.fermenterIconChoice img{width:100%;height:auto;display:block}.cardColorChoice{aspect-ratio:1}.cardColorChoiceSwatch{width:100%;height:100%;background-image:radial-gradient(circle at 50% 95%,var(--grad-start) 0%,var(--grad-end) 100%);background-repeat:no-repeat;background-position:center center;background-size:100% auto;border-radius:4px}.fermenterIconChoice.is-selected{border:2px solid var(--accent);box-shadow:0 0 0 2px #ffcf3240}.settings-form-grid{grid-template-columns:100px 1fr;grid-template-rows:auto;align-items:center;margin:0}.settings-form-grid .modal-label-cell{align-self:start;padding-top:.35rem}.settings-modal{width:min(560px,calc(100vw - 1rem))}.brand-heading{color:var(--accent);text-decoration:none;font-family:var(--title-font);font-size:1.6rem;font-style:italic;text-transform:uppercase;letter-spacing:.03em;text-shadow:0 10px 24px rgba(0,0,0,.28)}.code-block{margin:0;padding:.9rem 1rem;border-radius:14px;background:linear-gradient(180deg,#130f1cfa,#0e0b15fa);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff08;overflow-x:hidden}.code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.93rem;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.code-link{display:block;color:inherit;text-decoration:none}.code-link:hover,.code-link:focus-visible{text-decoration:underline}@media(max-width:600px){.settings-row{flex-direction:column}.settings-column{width:100%}.settings-form-grid{grid-template-columns:1fr;gap:.3rem}.settings-form-grid .modal-label-cell{text-align:left;padding-right:0;padding-top:0}.settings-shell{padding-top:.75rem}.settings-card{padding:1rem;border-radius:16px}.modal{padding:.45rem;border-radius:16px}.modal-content{padding:.95rem 1rem 1.05rem}.btn{min-height:2.2rem}}@media(max-width:700px){.settings-row-actions .action-icon{display:block}.settings-row-actions .action-label{display:none}.settings-row-actions .action-btn{width:2rem;min-width:2rem;padding-left:0;padding-right:0}}