.brewery-log { color: #d8eee8; background: #061510; border: 1px solid #398f7b; border-radius: 18px; width: min(560px, calc(100vw - 32px)); max-height: 85dvh; padding: 22px; box-sizing: border-box; overflow: auto; }
.brewery-log::backdrop { background: #000b; }
.brewery-log [hidden] { display: none !important; }
.brewery-log h2, .brewery-log h3 { color: #92e3ce; }
.brewery-log form { display: grid; gap: 14px; margin: 20px 0; }
.brewery-log label { display: grid; gap: 7px; font-size: 14px; }
.brewery-log input, .brewery-log select, .brewery-log button { font: inherit; min-height: 44px; border-radius: 8px; border: 1px solid #468473; padding: 10px; background: #0c251d; color: #e1f4ee; box-sizing: border-box; max-width: 100%; }
.brewery-log input, .brewery-log select { font-size: 16px; width: 100%; }
.brewery-log button { cursor: pointer; }
.brewery-log button:disabled { opacity: .5; cursor: wait; }
.brewery-log :focus-visible { outline: 2px solid #a4f2db; outline-offset: 3px; }
.brewery-log p { line-height: 1.5; overflow-wrap: anywhere; }
.brewery-log code { font-size: 12px; overflow-wrap: anywhere; }