.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);width:min(44rem,100vw - 2rem);max-width:none;max-height:90dvh;margin:auto;padding:0;overflow-y:auto}.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}}