.bar-surface{min-width:0;font-size:1rem}.bar-surface h1{letter-spacing:.06em;font-size:1.875rem}.bar-surface h2{font-size:1.25rem}.bar-surface h3{font-size:1.125rem}.bar-surface input:not([type=checkbox]),.bar-surface textarea,.bar-surface select{width:100%;min-width:0;font-size:1rem}.bar-surface textarea{resize:vertical;min-height:6rem}.bar-surface select option{background:var(--color-bg-void)}.bar-surface label{flex-direction:column;gap:.35rem;font-size:.875rem;display:flex}.bar-surface label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:.6rem}.bar-surface input[type=checkbox]{accent-color:var(--color-accent-amber);width:1rem;height:1rem}.bar-surface button{min-height:2.75rem;font-size:.875rem}.bar-surface button:disabled{opacity:.5;cursor:default}.bar-surface button[aria-pressed=true]{border-color:var(--color-accent-amber);color:var(--color-accent-amber);background:#d4af3710}.bar-surface .bar-primary{background:var(--color-accent-amber);color:var(--color-bg-void);border-color:var(--color-accent-amber)}.bar-muted{color:var(--color-text-muted);font-size:.875rem}.bar-stack>*+*{margin-top:1.25rem}.bar-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.bar-between{justify-content:space-between}.bar-panel{border:1px solid var(--color-border-base);padding:1.25rem}.bar-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.bar-wide{grid-column:1/-1}.bar-error{color:#fca5a5;white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #fca5a5;padding-left:.75rem}.bar-card{border-bottom:1px solid var(--color-border-base);padding:1.25rem 0}.bar-card-title{text-align:left;overflow-wrap:anywhere;border:0;max-width:100%;display:block;padding:0!important}.bar-card-title strong{font:inherit;font-family:var(--font-serif);font-size:1.25rem}.bar-card-title span{color:var(--color-text-muted);font-size:.875rem;display:block}.bar-tags{color:var(--color-accent-amber);font-size:.875rem}.bar-modal{border:1px solid var(--color-border-base);background:var(--color-bg-void);color:var(--color-text-primary);overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#52525b var(--color-bg-void);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:min(44rem,100vw - 2rem);max-width:none;max-height:90dvh;margin:auto;padding:0;overflow-y:auto}.bar-modal:hover{scrollbar-color:#82703a var(--color-bg-void)}@supports selector(::-webkit-scrollbar){.bar-modal,.bar-modal:hover{scrollbar-width:auto;scrollbar-color:auto}.bar-modal::-webkit-scrollbar{width:8px;height:8px}.bar-modal::-webkit-scrollbar-track{background:var(--color-bg-void)}.bar-modal::-webkit-scrollbar-thumb{border:2px solid var(--color-bg-void);background:#52525b;border-radius:999px}.bar-modal::-webkit-scrollbar-thumb:hover{background:var(--color-accent-amber)}.bar-modal::-webkit-scrollbar-button{display:none}.bar-modal::-webkit-scrollbar-corner{background:var(--color-bg-void)}}@media (forced-colors:active){.bar-modal,.bar-modal:hover{scrollbar-color:auto;scrollbar-width:auto;color-scheme:normal}.bar-modal::-webkit-scrollbar{all:revert}.bar-modal::-webkit-scrollbar-track{all:revert}.bar-modal::-webkit-scrollbar-thumb{all:revert}.bar-modal::-webkit-scrollbar-thumb:hover{all:revert}.bar-modal::-webkit-scrollbar-button{all:revert}.bar-modal::-webkit-scrollbar-corner{all:revert}}.bar-modal::backdrop{background:#09090be0}.bar-modal-content{overflow-wrap:anywhere;padding:1.5rem}.bar-modal-top{border-bottom:1px solid var(--color-border-base);background:var(--color-bg-void);z-index:1;justify-content:flex-end;padding:.75rem 1rem;display:flex;position:sticky;top:0}.bar-recipe-lines>li{border-bottom:1px solid var(--color-border-base);justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0;display:flex}.bar-recipe-lines .bar-amount{font-family:var(--font-mono);flex-shrink:0}.bar-steps{padding-left:1.5rem;list-style:decimal}.bar-steps li{white-space:pre-wrap;margin-top:.75rem;padding-left:.5rem}.bar-surface a{text-underline-offset:.25em;text-decoration:underline}.bar-surface fieldset{min-width:0}.bar-surface fieldset:disabled{opacity:.7}@media (max-width:640px){.bar-fields{grid-template-columns:minmax(0,1fr)}.bar-panel{padding:1rem}.bar-modal{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.bar-modal-content{padding:1rem}}