[data-phx-session],[data-phx-teleported-src]{display:contents}.brain-container{position:relative;flex:1;min-height:0;overflow:hidden}.brain-container canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.brain-error{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;text-align:center;padding:1rem}.brain-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.brain-progress-bar-container{width:200px;height:8px;background:var(--border-color);border-radius:4px;margin:.5rem auto;overflow:hidden}.brain-progress-bar{height:100%;width:0%;background:var(--link-color);border-radius:4px;transition:width .2s ease}.brain-progress-text{font-size:.875rem;opacity:.7}:root{--bg-light: #ffffff;--text-light: #000000;--secondary-bg-light: #f2f2f2;--border-light: #ddd;--link-light: #ee6300;--bg-dark: #1a1a1a;--text-dark: #e0e0e0;--secondary-bg-dark: #2d2d2d;--border-dark: #444;--link-dark: #ffeb7a;--bg-black: #000000;--text-black: #e0e0e0;--secondary-bg-black: #1e1e1e;--border-black: #323232;--link-black: #ffeb7a;--error-color: #cc0000}:root,html:has(#theme-light:checked){--bg-color: var(--bg-light);--text-color: var(--text-light);--secondary-bg-color: var(--secondary-bg-light);--border-color: var(--border-light);--link-color: var(--link-light);color-scheme:light}html:has(#theme-dark:checked){--bg-color: var(--bg-dark);--text-color: var(--text-dark);--secondary-bg-color: var(--secondary-bg-dark);--border-color: var(--border-dark);--link-color: var(--link-dark);color-scheme:dark}html:has(#theme-black:checked){--bg-color: var(--bg-black);--text-color: var(--text-black);--secondary-bg-color: var(--secondary-bg-black);--border-color: var(--border-black);--link-color: var(--link-black);color-scheme:dark}@media (prefers-color-scheme: dark){html:has(#theme-auto:checked){--bg-color: var(--bg-dark);--text-color: var(--text-dark);--secondary-bg-color: var(--secondary-bg-dark);--border-color: var(--border-dark);--link-color: var(--link-dark);color-scheme:dark}}*{font-family:JetBrains Mono,monospace;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}table{border-collapse:collapse;width:100%;margin:20px 0}th,td{border:1px solid var(--border-color);padding:8px;text-align:left}th{background-color:var(--secondary-bg-color)}body{display:flex;flex-direction:column;min-height:100svh;margin:0;background-color:var(--bg-color);color:var(--text-color)}a{color:var(--link-color)}main{flex:1;display:flex;flex-direction:column;padding:0 20px 20px}header{padding:20px;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em;margin-bottom:0}.back-link{text-decoration:none;font-size:32px}header>h1{margin:0}header>.description,header>.date{flex-basis:100%;margin:4px 0}footer{display:flex;justify-content:space-between;align-items:center;margin:0;padding:8px 8px 8px 20px;background-color:var(--secondary-bg-color);border-top:1px solid var(--border-color)}@media (max-width: 600px){footer{flex-direction:column;gap:12px;padding:16px;text-align:center}.theme-toggle{padding-right:0}}.theme-toggle{display:flex;gap:8px;padding-right:12px}.theme-toggle input[type=radio]{display:none}.theme-toggle label{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;padding:2px 6px;font-size:.8em}.theme-toggle label:hover{background-color:var(--border-color)}html:has(#theme-auto:checked) label[for=theme-auto],html:has(#theme-light:checked) label[for=theme-light],html:has(#theme-dark:checked) label[for=theme-dark],html:has(#theme-black:checked) label[for=theme-black]{background-color:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}footer>p{margin:0}button{background-color:var(--link-color);border:none;color:var(--bg-color);padding:.5em 1em;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-family:JetBrains Mono,monospace;font-size:16px;background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);padding:.5em}textarea{resize:vertical}input[type=color]{padding:0;border:0;width:auto}input:not([type=checkbox]):not([type=radio]):not([type=color]):focus,select:focus,textarea:focus{outline:none;border-color:var(--link-color)}input[type=checkbox],input[type=radio]{accent-color:var(--link-color)}pre{border:1px solid var(--border-color);background-color:var(--secondary-bg-color);padding:16px;overflow-x:auto;max-width:fit-content;margin:0}.flash-message{background-color:var(--link-color);color:var(--bg-color);display:flex;justify-content:space-between;align-items:center;padding:4px}.flash-message-close{border:1px solid var(--bg-color);background:transparent;color:var(--bg-color);padding:.25em .5em;margin-left:1em}.field-error-text{color:var(--error-color)}.checkbox-field{border:0;margin:0;min-inline-size:0;padding:0}.checkbox-label{align-items:center;display:inline-flex;gap:.4rem}.section-grid{display:flex;flex-wrap:wrap;gap:2rem}.section-grid>section{flex:1 1 24rem}#qr-form{align-items:center;display:grid;gap:4px 8px;grid-template-columns:max-content 10rem max-content 10rem}#qr-form .qr-field:not(.qr-field-boost),#qr-form .qr-field>div{display:contents}#qr-form .qr-field-input>input{grid-column:span 3}#qr-form .qr-field-boost{grid-column:span 2}#qr-form input[type=color]{width:auto}#qr-form noscript{grid-column:span 4;justify-self:end}#zap-form{display:grid;grid-template-columns:repeat(2,1fr);width:fit-content;gap:8px}#zap-form>div{grid-column:span 2;display:flex;justify-content:flex-end}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.field label{font-weight:700}.field textarea{min-height:6rem}.field textarea[readonly]{background-color:var(--secondary-bg-color);cursor:text}.button-secondary{border:1px solid var(--border-color);background-color:var(--secondary-bg-color);color:var(--text-color);padding:0 .9em;font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.button-secondary:hover{border-color:var(--link-color);color:var(--link-color)}.button-secondary[hidden]{display:none}.age-key-row{display:flex;gap:.5rem;align-items:stretch}.age-key-row input{flex:1 1 auto;min-width:0}.age-key-row .button-secondary{flex:0 0 auto}.age-hint{font-size:.8em;opacity:.7;margin:0}.age-actions{display:flex;gap:.5rem;margin:.75rem 0}.age-actions button:disabled{opacity:.4;cursor:not-allowed}.age-status{font-size:.85em;margin:0;min-height:1.2em;overflow-wrap:anywhere}.age-status-error{color:var(--error-color)}li{min-height:24px}main a[href^=http]:after,main a[href^=https]:after{content:" \29c9";display:inline-block;font-size:.75em;line-height:1;vertical-align:baseline;position:relative;top:-.35em;left:.3em}.soup-layout{display:flex;flex-wrap:wrap;gap:2rem}.soup-groups{flex:3 1 28rem;display:flex;flex-direction:column;gap:1.5rem}.soup-group h3{margin:0 0 .5rem;font-size:1rem}.soup-items{display:flex;flex-wrap:wrap;gap:.5rem}.soup-item{display:inline-block;border:1px solid var(--border-color);background-color:var(--secondary-bg-color);padding:.3em .75em;font-size:.9em;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.soup-item.active{background-color:var(--link-color);color:var(--bg-color);border-color:var(--link-color);box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--link-color)}.soup-recipe-card{flex:2 1 16rem;border:1px solid var(--border-color);background-color:var(--secondary-bg-color);padding:1.25rem;align-self:flex-start;position:sticky;top:1rem}.soup-recipe-card h3{margin:0 0 .75rem}.soup-recipe-card ul{list-style:none;padding:0;margin:0 0 1.25rem}.soup-recipe-card li{padding:.35em 0;border-bottom:1px solid var(--border-color)}.soup-recipe-card li:last-child{border-bottom:none}.soup-veg-toggle{margin-top:1rem}.soup-veg-toggle .checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95em}.soup-item.hidden-veg{opacity:.25;text-decoration:line-through;cursor:default;pointer-events:none}.soup-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.soup-card-actions button{flex:1 1 auto;border:1px solid var(--border-color);background-color:var(--secondary-bg-color);color:var(--text-color);padding:.5em .75em;font-size:.95em;cursor:pointer;transition:border-color .15s ease,color .15s ease}.soup-card-actions button:hover{border-color:var(--link-color);color:var(--link-color)}.soup-card-actions .soup-reroll{font-weight:600}.soup-credit{font-size:.85em;opacity:.7;margin:0 0 .5rem}.soup-credit a{color:var(--link-color)}
