@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700&family=Mogra&display=swap";:root{--bg: rgb(17, 15, 22);--bg-toolbar: rgb(17, 15, 22);--bg-gradient-start: rgb(54, 3, 126);--bg-gradient-end: rgb(17, 6, 45);--fg: rgba(230, 230, 230, 1);--accent: rgb(255, 197, 50);--accent2: rgb(179, 79, 255);--card-text: rgba(26, 21, 37, .9);--card-shadow: rgb(59, 5, 116);--card-beer: rgba(18, 4, 33, .78);--text-accent: rgb(160, 85, 240);--title-font: "Mogra";--ui-font: "Baloo 2", Arial;--main-width: 1000px;--fermenter-card-width: 150px;--border-width: 1px;--media-width-limit: 1000px;--s0: 4px;--s1: 8px;--s2: 16px;--s3: 32px;--page-padding: .5rem;--leading: 1.25;--leading-tight: 1.05;--fermenter-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-225 0 450 770'><path d='M%200%2010%20H%2037%20A%2012%2012%200%200%201%2042.5%2032.66536%20L%2052.48431%2060.61408%20A%2012%2012%200%200%201%2042.5%2076%20C%2042.5%20166%20210%20130%20210%20280%20V%20640%20C%20210%20735%20142.5%20760%200%20760%20C%20-142.5%20760%20-210%20735%20-210%20640%20V%20280%20C%20-210%20130%20-42.5%20166%20-42.5%2076%20A%2012%2012%200%200%201%20-52.48431%2060.61408%20L%20-42.5%2032.66536%20A%2012%2012%200%200%201%20-37%2010%20Z' fill='white'/></svg>")}body{background:var(--bg);min-height:100vh;margin:0;display:flex;flex-direction:column}p{margin:1rem 0 0}h3{font-size:1.75rem;color:var(--accent);margin:.5rem 0 .75rem}h4{font-size:1.25rem;color:var(--accent2);margin:.75rem 0 .25rem}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"),linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);background-repeat:repeat,no-repeat;background-position:center top,center top;background-size:70px 70px,cover;color:var(--fg);font-family:var(--ui-font);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:var(--bg-toolbar);border-bottom:var(--border-width) solid var(--accent);position:sticky;top:0;z-index:50;display:flex;justify-content:center}.toolbar-inner{margin:0;width:min(100%,var(--main-width));padding:.5rem;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.toolbar-title{color:var(--accent);text-decoration:none;font-family:var(--title-font);font-size:2rem;font-style:italic;text-transform:uppercase;letter-spacing:.02em;transform:translateY(.3rem)}.toolbar-brand{display:flex;align-items:center;gap:.5rem;min-width:0}.toolbar-icon{width:55px;height:16px;display:block;transform:rotate(180deg)}.toolbar-actions{display:flex;gap:var(--s1);align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:0}.toolbar-text{font-family:var(--ui-font);font-size:1.3rem;color:var(--accent);overflow-wrap:anywhere;padding-left:var(--s0);padding-right:var(--s0)}.toolbar-actions form{margin:0}@media(max-width:600px){.toolbar-inner{justify-content:center}.toolbar-brand,.toolbar-actions{width:100%;justify-content:center}.toolbar-text{flex:1 0 100%;text-align:center}}.btn{background:var(--accent2);font-family:var(--title-font);text-align:center;text-transform:uppercase;color:var(--bg);text-decoration:none;border:none;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:7px;cursor:pointer;font-size:1.1rem;font-weight:700;filter:brightness(.9)}.btn:hover{filter:brightness(1.2)}.btn-primary{background:var(--accent)}a.btn,a.btn:visited{color:var(--bg)}.btn-inline{height:1.5rem;font-size:.95rem;border-radius:6px}.fermenterGrid{max-width:1300px;min-height:auto;position:relative;display:flex;flex-flow:row wrap;margin:0 auto;justify-content:center;align-content:center;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.month-block{margin:1.25rem 0}.section-heading{width:100%;color:var(--accent);text-align:center;margin:.5rem 0 .75rem;font-family:var(--title-font);font-style:italic;text-transform:uppercase;font-size:2rem;filter:drop-shadow(.2rem .2rem 0 var(--bg))}.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-actions{justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.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 / 770);color:var(--card-text);cursor:pointer;z-index:30;overflow:hidden}.fermenter-card-stage{position:absolute;width:var(--fermenter-card-design-width);aspect-ratio:calc(450 / 770);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.2)}.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:var(--s1);color:var(--fg);display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;text-align:center;font-weight:700;font-size:1.05rem;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-weight:600}.fermenter-card-date{position:absolute;left:50%;top:var(--brewdate-center-y, 93%);transform:translate(-50%,-50%);padding:.18rem .5rem;font-size:.9rem;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:#00000080;z-index:1000;border:0;padding:0}.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:var(--bg);border-radius:12px;border:var(--border-width) solid var(--accent);box-shadow:0 20px 40px #0009;padding:.5rem;outline:none;margin-block:auto;pointer-events:auto}.modal-content{display:flex;flex-flow:column nowrap;padding:1rem 1.25rem;color:var(--fg);font-family:var(--ui-font)}.modal-content-inner{display:grid;flex-flow:row nowrap;grid-template-columns:1fr var(--fermenter-card-width);align-items:start;gap:var(--s2)}.modal-icon{width:var(--fermenter-card-width);aspect-ratio:calc(450 / 770);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:.5rem 1rem;align-items:start;margin-bottom:.75rem}.modal-details{display:grid;gap:.4rem}.modal-main-title{margin:0 0 .35rem}.modal-label-cell{text-align:left;padding-right:.5rem;color:var(--text-accent)}.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;gap:.5rem;justify-content:center;margin-top:.75rem}.settings-shell{width:min(980px,100%);display:grid;gap:1rem;padding:1rem 0 2rem}.settings-header{display:grid;gap:.5rem}@media(max-width:700px){.section-header{grid-template-columns:1fr;justify-items:center}.section-header-back,.section-header-actions{justify-self:center}}.alert-box{margin:0 auto var(--s1) auto;padding:.5rem .75rem;border-radius:8px;font-weight:600}.alert-box-warning{background:#ffcf321f;border:1px solid rgba(255,207,50,.35);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:#0e0c12a6;border:1px solid rgba(255,197,50,.35);border-radius:14px;padding:1rem;box-shadow:0 6px 18px #00000059}.settings-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.panel-title{margin:0 0 .5rem;color:var(--accent);font-size:1.45rem;font-family:var(--ui-font)}.settings-card-header .panel-title{margin:0}.modal-content .panel-title{margin:0 0 .75rem}.settings-subtle{color:var(--text-accent)}.settings-empty{padding:.5rem 0}.settings-grid{display:grid;gap:.35rem}.settings-row{display:flex;align-items:flex-start;gap:.5rem}.settings-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.5rem}.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:.4rem;padding:.15rem;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);transition:background-color .14s ease}.data-grid-row:hover{background:#ffffff0d}.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:.4rem;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:.6rem}.auth-form{width:min(24rem,100%);margin-inline:auto}.settings-password-grid{grid-template-columns:9.5rem minmax(0,1fr);align-items:center;column-gap:.75rem;row-gap:.65rem}.settings-inline-row{display:flex;align-items:center;gap:.75rem}.settings-inline-row label,.settings-password-grid label{color:var(--text-accent)}.settings-inline-row label{width:9.5rem;flex:0 0 auto;text-align:right}.settings-inline-row input{flex:1 1 auto}.settings-form-actions{grid-column:2}.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:#16131eeb;color:var(--fg)!important;-webkit-text-fill-color:var(--fg);border:1px solid rgba(255,197,50,.28);border-radius:8px;padding:.55rem .65rem;font:inherit;line-height:1.3;box-shadow:inset 0 1px #ffffff0a}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 2px #ffcf3233,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:7rem;max-height:7rem;width:100%}.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))}@media(max-width:600px){.settings-row{flex-direction:column}.settings-column{width:100%}.publicUserLayout{grid-template-columns:1fr}.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-password-grid{grid-template-columns:1fr}.settings-inline-row{flex-direction:column;align-items:stretch;gap:.35rem}.settings-inline-row label,.settings-password-grid label{text-align:left}.settings-inline-row label{width:auto}.settings-form-actions{grid-column:1}}@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}}