:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing: clamp(1rem, 1vw, 2cqi);--spacing-lg: 1.5rem;--spacing-xl: 2rem;--color-1: hsl(0 0% 90%);--color-2: hsl(0 0% 85%);--color-3: hsl(0 0% 80%);--color-4: hsl(0 0% 75%);--color-5: hsl(0 0% 70%);--color-6: hsl(0 0% 65%);--color-7: hsl(0 0% 60%);--color-8: hsl(0 0% 55%);--backdrop-color: rgba(0, 0, 0, .5);--overlay-light: rgba(255, 255, 255, .07);--overlay-medium: rgba(255, 255, 255, .1);--overlay-heavy: rgba(255, 255, 255, .2);--bg-color-1: hsl(240 4% 8%);--bg-color-1-50: hsl(240 4% 8% / 50%);--bg-color-2: hsl(240 3% 12%);--bg-color-3: hsl(240 3% 16%);--bg-color-4: hsl(240 2% 20%);--bg-color-5: hsl(240 2% 24%);--bg-color-6: hsl(240 2% 28%);--bg-color-7: hsl(240 2% 32%);--bg-color-8: hsl(240 2% 36%);--bg-white-20: rgba(255, 255, 255, .2);--border-0: hsl(0 0% 20%);--border-1: hsl(0 0% 30%);--border-2: hsl(0 0% 40%);--border-3: hsl(0 0% 50%);--golden: #ffc400;--blue: #1565C0;--red: #C62828;--dark-red: #8E0000;--success: #2E7D32;--warning: #F57C00;--radius-sm: calc(var(--spacing) / 4);--radius-md: calc(var(--spacing) / 2);--radius-lg: var(--spacing);--radius-full: 9999px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:var(--color-1);fill:var(--color-4);background-color:var(--bg-color-1);font-size:clamp(18px,.5vw,2rem);font-weight:lighter;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.dosis{font-family:Dosis,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.bellota-text-light{font-family:Bellota Text,sans-serif;font-weight:300;font-style:normal;letter-spacing:.1ch}.bellota-text-regular{font-family:Bellota Text,sans-serif;font-weight:400;font-style:normal}body,#app{margin:0;box-sizing:border-box;height:100vh;width:100vw;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;overflow:hidden}a{text-decoration:none;color:var(--color-1)}h1,h2,h3,h4,h5,h6{margin:var(--spacing) 0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.absolute-top-left{position:absolute;z-index:1;top:var(--spacing);left:var(--spacing)}.absolute-top-right{position:absolute;z-index:1;top:var(--spacing);right:var(--spacing)}input,select,textarea{border-radius:var(--radius-md);border:1px solid var(--border-1);font-family:inherit;background-color:var(--bg-color-3);font-size:1rem;font-weight:300;padding:calc(var(--spacing) / 2);box-sizing:border-box}input:focus,input:focus-visible,input:active,select:focus,select:focus-visible,select:active,textarea:focus,textarea:focus-visible,textarea:active{border:1px solid var(--border-2)}input:hover,select:hover,textarea:hover{background-color:var(--bg-color-4);border:1px solid var(--border-2)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.actions{display:flex;justify-content:center;align-items:center;gap:var(--spacing);z-index:1;position:fixed;bottom:calc(.9 * var(--spacing));left:0;right:0}.actions .bar{display:flex;gap:var(--spacing);padding:calc(.5 * var(--spacing)) var(--spacing);border-radius:1.5rem;border:1px solid var(--border-1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:transparent}.switch{width:3.75rem;height:2.5rem;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:all var(--transition-slow);background-color:var(--bg-color-3);border-radius:var(--radius-md)}.switch span{height:2.5rem;display:flex;align-items:center}.switch svg{opacity:.2;transition:all var(--transition-slow)}.switch.on{justify-content:flex-end}.switch.on svg{opacity:1}.backdrop{position:absolute;text-decoration:none;width:100%;height:100%;background-color:var(--backdrop-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:0}.spacer{min-height:200px;flex-shrink:0}.cocktail.svelte-1tejsl1{text-decoration:none;display:flex;flex-direction:column;background-color:var(--bg-color-2);border-radius:var(--radius-sm);overflow:hidden;position:relative;transition:transform .3s ease-in-out}.cocktail.svelte-1tejsl1.favorite{border-bottom:1px solid var(--golden)}.cocktail.svelte-1tejsl1.lab{border-bottom:1px solid var(--blue)}.cocktail.svelte-1tejsl1>svg#not-synced{position:absolute;top:1cqi;right:1cqi;fill:#fff;opacity:.8}.cocktail.svelte-1tejsl1:active,.cocktail.svelte-1tejsl1:hover{transform:scale(1.05)}.cocktail.svelte-1tejsl1 img:where(.svelte-1tejsl1){width:100%;max-height:clamp(12rem,25vh,300px);aspect-ratio:1;object-fit:cover}.cocktail.svelte-1tejsl1 .summary:where(.svelte-1tejsl1){display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 2);overflow:hidden;container-type:inline-size}.cocktail.svelte-1tejsl1 .summary:where(.svelte-1tejsl1) .name:where(.svelte-1tejsl1){color:var(--color-6);font-size:18cqi;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cocktail-grid.svelte-15xq1dv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing);width:100%;padding:0 var(--spacing) var(--spacing) var(--spacing);box-sizing:border-box}@media (max-width: 768px){.cocktail-grid.svelte-15xq1dv{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (min-width: 768px){.cocktail-grid.svelte-15xq1dv{max-width:60vw;margin:0 auto}}.cocktails-list.svelte-6mkf4m{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing) var(--spacing) var(--spacing);width:100%;box-sizing:border-box}@media (min-width: 768px){.cocktails-list.svelte-6mkf4m{max-width:60vw;margin:0 auto}}.cocktail-item.svelte-6mkf4m{display:flex;align-items:center;gap:var(--spacing);padding:var(--spacing-sm) var(--spacing);background-color:var(--bg-color-2);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);border-left:3px solid transparent}.cocktail-item.svelte-6mkf4m.favorite{border-left-color:var(--golden)}.cocktail-item.svelte-6mkf4m.lab{border-left-color:var(--blue)}.cocktail-item.svelte-6mkf4m:hover{background-color:var(--bg-color-3);transform:translate(4px)}.cocktail-item.svelte-6mkf4m:active{background-color:var(--bg-color-4)}.thumbnail.svelte-6mkf4m{width:3rem;height:3rem;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.thumbnail.svelte-6mkf4m img:where(.svelte-6mkf4m){width:100%;height:100%;object-fit:cover}.thumbnail.svelte-6mkf4m .no-image:where(.svelte-6mkf4m){width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color-4);color:var(--color-4);font-size:1.25rem;font-weight:500}.info.svelte-6mkf4m{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.name.svelte-6mkf4m{color:var(--color-1);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name.svelte-6mkf4m .variants:where(.svelte-6mkf4m){color:var(--color-6);font-size:.85rem}.ingredients.svelte-6mkf4m{color:var(--color-6);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.indicators.svelte-6mkf4m{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-5);flex-shrink:0}.ideas-view.svelte-ofh1de{padding:0 var(--spacing) var(--spacing) var(--spacing);width:100%;box-sizing:border-box}@media (min-width: 768px){.ideas-view.svelte-ofh1de{max-width:80vw;margin:0 auto}}.empty-state.svelte-ofh1de{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-5);gap:var(--spacing)}.empty-state.svelte-ofh1de h3:where(.svelte-ofh1de){margin:0;color:var(--color-3)}.empty-state.svelte-ofh1de p:where(.svelte-ofh1de){margin:0;max-width:300px}.ideas-grid.svelte-ofh1de{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing)}button.idea-card.svelte-ofh1de{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--bg-color-2);border-radius:var(--radius-md);border:1px solid var(--border-0);border-left:3px solid var(--blue);cursor:pointer;transition:all var(--transition-fast)}button.idea-card.svelte-ofh1de:hover{background-color:var(--bg-color-3);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}button.idea-card.svelte-ofh1de:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button.idea-card.svelte-ofh1de.has-undefined{border-left-color:var(--warning)}.card-header.svelte-ofh1de{display:flex;align-items:center;gap:var(--spacing-sm)}.card-header.svelte-ofh1de .icon:where(.svelte-ofh1de){color:var(--blue);display:flex}.card-header.svelte-ofh1de .title:where(.svelte-ofh1de){margin:0;font-size:1.1rem;color:var(--color-1);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingredients-preview.svelte-ofh1de{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ingredient.svelte-ofh1de{display:flex;align-items:baseline;gap:var(--spacing-sm);font-size:.9rem}.ingredient.svelte-ofh1de .quantity:where(.svelte-ofh1de){color:var(--color-2);font-weight:500;min-width:2rem;text-align:right}.ingredient.svelte-ofh1de .unit:where(.svelte-ofh1de){color:var(--color-5);min-width:2.5rem}.ingredient.svelte-ofh1de .name:where(.svelte-ofh1de){color:var(--color-4);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingredient.svelte-ofh1de .placeholder:where(.svelte-ofh1de){color:var(--warning);font-weight:700;min-width:2rem;text-align:right}.ingredient.svelte-ofh1de.undefined{opacity:.8}.ingredient.svelte-ofh1de.undefined .name:where(.svelte-ofh1de){color:var(--color-6)}.more.svelte-ofh1de{color:var(--color-6);font-size:.85rem;font-style:italic;padding-left:calc(2rem + var(--spacing-sm))}.annotations.svelte-ofh1de{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-color-3);border-radius:var(--radius-sm);color:var(--color-5);font-size:.85rem}.annotations.svelte-ofh1de span:where(.svelte-ofh1de){flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer.svelte-ofh1de{margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--border-0)}.card-footer.svelte-ofh1de .status:where(.svelte-ofh1de){font-size:.8rem;color:var(--color-6)}.to-try-view.svelte-y54zk4{padding:0 var(--spacing) var(--spacing) var(--spacing);width:100%;box-sizing:border-box}@media (min-width: 768px){.to-try-view.svelte-y54zk4{max-width:60vw;margin:0 auto}}.empty-state.svelte-y54zk4{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-5);gap:var(--spacing)}.empty-state.svelte-y54zk4 h3:where(.svelte-y54zk4){margin:0;color:var(--color-3)}.empty-state.svelte-y54zk4 p:where(.svelte-y54zk4){margin:0;max-width:300px}.try-header.svelte-y54zk4{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing) 0;color:var(--color-4);font-size:.9rem;border-bottom:1px solid var(--border-0);margin-bottom:var(--spacing)}.try-list.svelte-y54zk4{display:flex;flex-direction:column;gap:var(--spacing-sm)}button.try-card.svelte-y54zk4{display:flex;align-items:stretch;gap:var(--spacing);background-color:var(--bg-color-2);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}button.try-card.svelte-y54zk4:hover{background-color:var(--bg-color-3)}button.try-card.svelte-y54zk4:hover .card-action:where(.svelte-y54zk4){background-color:var(--bg-color-5)}button.try-card.svelte-y54zk4:hover .card-action:where(.svelte-y54zk4) .action-hint:where(.svelte-y54zk4){opacity:1}button.try-card.svelte-y54zk4:hover .card-number:where(.svelte-y54zk4) span:where(.svelte-y54zk4){transform:scale(1.1)}button.try-card.svelte-y54zk4:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.card-number.svelte-y54zk4{display:flex;align-items:center;justify-content:center;width:3rem;background-color:var(--bg-color-3);flex-shrink:0}.card-number.svelte-y54zk4 span:where(.svelte-y54zk4){font-size:1.25rem;font-weight:600;color:var(--color-4);transition:transform var(--transition-fast)}.card-content.svelte-y54zk4{flex:1;padding:var(--spacing);display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.title.svelte-y54zk4{margin:0;font-size:1.1rem;color:var(--color-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spirits.svelte-y54zk4{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.spirit-tag.svelte-y54zk4{display:inline-block;padding:2px var(--spacing-sm);background-color:var(--bg-color-4);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-4);white-space:nowrap}.preview.svelte-y54zk4{margin:0;font-size:.85rem;color:var(--color-6);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta.svelte-y54zk4{display:flex;gap:var(--spacing);font-size:.8rem;color:var(--color-7)}.meta.svelte-y54zk4 span:where(.svelte-y54zk4){display:flex;align-items:center;gap:var(--spacing-xs)}.card-action.svelte-y54zk4{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing);background-color:var(--bg-color-3);transition:background-color var(--transition-fast);flex-shrink:0}.card-action.svelte-y54zk4 .action-hint:where(.svelte-y54zk4){writing-mode:vertical-rl;text-orientation:mixed;font-size:.75rem;font-weight:500;color:var(--color-4);opacity:0;transition:opacity var(--transition-fast);text-transform:uppercase;letter-spacing:.1em}.dropdown.svelte-1luwhfv{position:relative}button.svelte-1luwhfv{padding:calc(var(--spacing) / 2) var(--spacing);gap:var(--spacing);border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-0);background-color:var(--bg-color-1);display:flex;align-items:center;justify-content:center;font-size:1.6em}menu.svelte-1luwhfv{border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-1);background-color:var(--bg-color-3);position:absolute;list-style:none;white-space:nowrap;margin:0;padding:0;overflow:hidden}menu.svelte-1luwhfv li:where(.svelte-1luwhfv){padding:calc(var(--spacing) / 2)}menu.svelte-1luwhfv li:where(.svelte-1luwhfv) a:where(.svelte-1luwhfv){display:block;width:100%}menu.svelte-1luwhfv li:where(.svelte-1luwhfv):hover{background-color:var(--bg-color-2)}button.svelte-1pscr3s{cursor:pointer;transition:background-color .3s ease;border-radius:var(--radius-md);padding:calc(var(--spacing) / 2);display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:transparent;border:none}button.svelte-1pscr3s img{height:1em;width:1em}button.svelte-1pscr3s.compact{padding:calc(var(--spacing) * .4)!important}button.svelte-1pscr3s.compact svg,button.svelte-1pscr3s.compact img{height:1rem;width:1rem}button.svelte-1pscr3s.rounded{border-radius:50%}button.svelte-1pscr3s.background{background:var(--bg-color-3)}button.svelte-1pscr3s.border{border:1px solid var(--border-1)}button.svelte-1pscr3s:hover svg{fill:var(--color-6)}button.svelte-1pscr3s.background:not(.disabled):hover{background:var(--bg-color-4)}button.svelte-1pscr3s:disabled{cursor:default;opacity:.4}.cocktail-view.svelte-f5xizt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt){display:flex;flex-direction:column;background-color:var(--overlay-light);animation:all 1s ease-in-out;z-index:1;border-radius:var(--radius-md);overflow:hidden;width:60%;max-height:80vh;gap:var(--spacing);position:relative}@media (max-width: 768px){.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt){position:fixed;top:0;right:0;bottom:0;left:0;border-radius:unset;max-height:unset;width:100vw}}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) img:where(.svelte-f5xizt){width:100%;max-height:35vh;object-fit:cover}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .summary:where(.svelte-f5xizt){position:relative;display:flex;flex:1;width:100%;justify-content:center}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .summary:where(.svelte-f5xizt) .name:where(.svelte-f5xizt){text-align:center;white-space:nowrap;overflow:hidden;padding-right:60px;padding-left:var(--spacing);text-overflow:ellipsis;box-sizing:border-box;font-size:2em}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt){display:flex;flex-direction:column;overflow:auto;padding:0 var(--spacing);gap:var(--spacing)}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .ingredients:where(.svelte-f5xizt) .title:where(.svelte-f5xizt){padding-bottom:var(--spacing);border-bottom:1px var(--overlay-heavy) solid}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .ingredients:where(.svelte-f5xizt) button:where(.svelte-f5xizt){padding:0;border:none;background:none}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .ingredients:where(.svelte-f5xizt) table:where(.svelte-f5xizt){border-spacing:var(--spacing)}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .ingredients:where(.svelte-f5xizt) td.right:where(.svelte-f5xizt){text-align:right}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .ingredients:where(.svelte-f5xizt) .quantity:where(.svelte-f5xizt){font-size:1.2em;font-weight:400;margin:var(--spacing-xs)}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .ingredients:where(.svelte-f5xizt) .unity:where(.svelte-f5xizt){font-size:1.1em}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .ingredients:where(.svelte-f5xizt) .spirit:where(.svelte-f5xizt){font-weight:400;color:var(--color-1)}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .ingredients:where(.svelte-f5xizt) .annotations:where(.svelte-f5xizt){font-size:.9em}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .estimated-volume:where(.svelte-f5xizt){font-size:.8em;color:var(--color-4)}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .instructions:where(.svelte-f5xizt) .title:where(.svelte-f5xizt){padding-bottom:var(--spacing);border-bottom:1px var(--overlay-heavy) solid}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .instructions:where(.svelte-f5xizt) .text:where(.svelte-f5xizt){display:flex;flex-direction:column;gap:2px}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .instructions:where(.svelte-f5xizt) .text:where(.svelte-f5xizt) .instruction:where(.svelte-f5xizt){display:flex;gap:calc(var(--spacing) / 2);align-items:center;padding-bottom:calc(var(--spacing) / 2)}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .instructions:where(.svelte-f5xizt) .text:where(.svelte-f5xizt) .instruction:where(.svelte-f5xizt) .index:where(.svelte-f5xizt){font-size:.9rem;color:var(--color-8);margin-right:var(--spacing)}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .instructions:where(.svelte-f5xizt) .text:where(.svelte-f5xizt) .instruction:where(.svelte-f5xizt) .index:where(.svelte-f5xizt):after{content:":"}.cocktail-view.svelte-f5xizt .content:where(.svelte-f5xizt) .details:where(.svelte-f5xizt) .lab-annotations:where(.svelte-f5xizt){display:flex;padding:var(--spacing);gap:var(--spacing);background-color:var(--bg-color-3);border:1px var(--overlay-heavy) solid;border-radius:var(--radius-lg)}.loader.svelte-1dyvz7b{width:48px;height:48px;display:inline-block;position:relative}.loader.svelte-1dyvz7b:after,.loader.svelte-1dyvz7b:before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid #FFF;position:absolute;left:0;top:0;animation:svelte-1dyvz7b-animloader 2s linear infinite}.loader.svelte-1dyvz7b:after{animation-delay:1s}@keyframes svelte-1dyvz7b-animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.menu-bar.svelte-1e1g4s3{position:fixed;bottom:0;left:0;right:0;display:flex;flex:1;gap:var(--spacing);padding:var(--spacing);align-items:center;justify-content:center;background-color:var(--overlay-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--overlay-medium);z-index:1}.menu-bar.svelte-1e1g4s3:not(:has(*)){display:none}.menu-bar.svelte-1e1g4s3.expanded>button,.menu-bar.svelte-1e1g4s3.expanded>.expandable-menu:not(.expanded){display:none;opacity:0}@media (min-width: 1024px){.menu-bar.svelte-1e1g4s3{left:50%;right:auto;transform:translate(-50%);width:40vw;border-radius:var(--radius-md);bottom:var(--spacing)}}label.svelte-1z01jsk{cursor:pointer;position:relative;fill:var(--color-8);color:var(--color-8);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 2);gap:calc(var(--spacing) / 2);display:flex;align-items:center;background:var(--bg-color-3);flex-grow:0;flex-shrink:1}label.svelte-1z01jsk:hover{background:var(--bg-color-4)}label.svelte-1z01jsk.checked{fill:var(--color-1);border:1px solid var(--border-2);color:var(--color-1)}label.svelte-1z01jsk input:where(.svelte-1z01jsk){opacity:0;position:absolute;width:0;height:0}.backdrop.svelte-9s7s5o{position:absolute;text-decoration:none;color:#ffffffb3;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:0}.cocktail-form.svelte-9s7s5o{display:flex;flex-direction:column;height:100vh;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;width:60%;max-height:80vh;margin:auto;z-index:1;background-color:var(--bg-color-2)}@media (max-width: 768px){.cocktail-form.svelte-9s7s5o{position:absolute;max-height:unset;width:100vw}}.cocktail-form.svelte-9s7s5o .form:where(.svelte-9s7s5o){display:flex;flex-direction:column;overflow:auto}.cocktail-form.svelte-9s7s5o .form:where(.svelte-9s7s5o) .spacer:where(.svelte-9s7s5o){min-height:200px;flex-shrink:0}.cocktail-form.svelte-9s7s5o .title:where(.svelte-9s7s5o){color:var(--color-2);font-size:1.5em}.cocktail-form.svelte-9s7s5o .image-container:where(.svelte-9s7s5o){position:relative;min-height:5rem;overflow:hidden;flex-shrink:0}.cocktail-form.svelte-9s7s5o .image-container:where(.svelte-9s7s5o).image-container--crop{height:100vh}.cocktail-form.svelte-9s7s5o .image-container:where(.svelte-9s7s5o) .hint:where(.svelte-9s7s5o){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;color:var(--color-4)}.cocktail-form.svelte-9s7s5o .image-container:where(.svelte-9s7s5o) img:where(.svelte-9s7s5o){width:100%;max-height:35vh;object-fit:cover;object-position:50% 50%}.cocktail-form.svelte-9s7s5o .image-container:where(.svelte-9s7s5o) .image-buttons:where(.svelte-9s7s5o){position:absolute;bottom:var(--spacing);right:var(--spacing);display:flex;gap:var(--spacing);opacity:.5;transition:opacity .3s ease}.cocktail-form.svelte-9s7s5o .image-container:where(.svelte-9s7s5o):hover .image-buttons:where(.svelte-9s7s5o){opacity:1}.cocktail-form.svelte-9s7s5o .summary:where(.svelte-9s7s5o){padding:var(--spacing)}.cocktail-form.svelte-9s7s5o .summary:where(.svelte-9s7s5o) input:where(.svelte-9s7s5o){flex:1;width:100%;box-sizing:border-box}.cocktail-form.svelte-9s7s5o .options:where(.svelte-9s7s5o){display:flex;align-items:center;justify-content:center;padding:var(--spacing);gap:var(--spacing)}.cocktail-form.svelte-9s7s5o .ingredients:where(.svelte-9s7s5o){padding:var(--spacing);display:flex;flex-direction:column;gap:var(--spacing)}.cocktail-form.svelte-9s7s5o .ingredients:where(.svelte-9s7s5o) .ingredient:where(.svelte-9s7s5o){display:flex;gap:calc(var(--spacing) / 2)}.cocktail-form.svelte-9s7s5o .ingredients:where(.svelte-9s7s5o) .ingredient:where(.svelte-9s7s5o) .inputs:where(.svelte-9s7s5o){display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing) / 2);overflow:auto}.cocktail-form.svelte-9s7s5o .ingredients:where(.svelte-9s7s5o) .ingredient:where(.svelte-9s7s5o) .inputs:where(.svelte-9s7s5o) .row:where(.svelte-9s7s5o){display:flex;flex:1;gap:calc(var(--spacing) / 2)}.cocktail-form.svelte-9s7s5o .ingredients:where(.svelte-9s7s5o) .ingredient:where(.svelte-9s7s5o) .inputs:where(.svelte-9s7s5o) .row:where(.svelte-9s7s5o) input#ingredient-quantity:where(.svelte-9s7s5o){width:40cqi;max-width:10ch;display:flex;min-width:0}.cocktail-form.svelte-9s7s5o .ingredients:where(.svelte-9s7s5o) .ingredient:where(.svelte-9s7s5o) .inputs:where(.svelte-9s7s5o) .row:where(.svelte-9s7s5o) select#ingredient-unity:where(.svelte-9s7s5o){max-width:15ch;display:flex;flex:1 1 50%;min-width:0}.cocktail-form.svelte-9s7s5o .ingredients:where(.svelte-9s7s5o) .ingredient:where(.svelte-9s7s5o) .inputs:where(.svelte-9s7s5o) .row:where(.svelte-9s7s5o) input#ingredient-base:where(.svelte-9s7s5o){display:flex;flex:1 1 100%;min-width:0}.cocktail-form.svelte-9s7s5o .ingredients:where(.svelte-9s7s5o) .ingredient:where(.svelte-9s7s5o) .inputs:where(.svelte-9s7s5o) .row:where(.svelte-9s7s5o) .full-width:where(.svelte-9s7s5o){width:100%}.cocktail-form.svelte-9s7s5o .ingredients:where(.svelte-9s7s5o) .ingredient:where(.svelte-9s7s5o) .buttons:where(.svelte-9s7s5o){display:flex;gap:calc(var(--spacing) / 2)}.cocktail-form.svelte-9s7s5o .instructions:where(.svelte-9s7s5o){padding:var(--spacing);display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}.cocktail-form.svelte-9s7s5o .instructions:where(.svelte-9s7s5o) .instruction:where(.svelte-9s7s5o){display:flex;gap:calc(var(--spacing) / 2);align-items:center;padding-bottom:calc(var(--spacing) / 2);border-bottom:1px solid var(--border-1)}.cocktail-form.svelte-9s7s5o .instructions:where(.svelte-9s7s5o) .instruction:where(.svelte-9s7s5o) .index:where(.svelte-9s7s5o){font-size:.9rem;color:var(--color-8);margin-right:var(--spacing)}.cocktail-form.svelte-9s7s5o .instructions:where(.svelte-9s7s5o) .instruction:where(.svelte-9s7s5o) .index:where(.svelte-9s7s5o):after{content:":"}.cocktail-form.svelte-9s7s5o .instructions:where(.svelte-9s7s5o) .instruction:where(.svelte-9s7s5o) .text:where(.svelte-9s7s5o){display:flex;flex:1;align-items:center}.cocktail-form.svelte-9s7s5o .instructions:where(.svelte-9s7s5o) .form-row:where(.svelte-9s7s5o){display:flex;gap:calc(var(--spacing) / 2);align-items:center;overflow:hidden}.cocktail-form.svelte-9s7s5o .instructions:where(.svelte-9s7s5o) .form-row:where(.svelte-9s7s5o) input:where(.svelte-9s7s5o){display:flex;flex:1}.cocktail-form.svelte-9s7s5o .annotations:where(.svelte-9s7s5o){padding:var(--spacing);display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}.cocktail-form.svelte-9s7s5o .annotations:where(.svelte-9s7s5o) .title:where(.svelte-9s7s5o){display:flex;align-items:center;gap:calc(var(--spacing) / 2)}.crop-view.svelte-9s7s5o{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--backdrop-color)}.crop-view.svelte-9s7s5o .crop-overlay:where(.svelte-9s7s5o){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.crop-view.svelte-9s7s5o .crop-actions:where(.svelte-9s7s5o){position:absolute;top:var(--spacing);right:var(--spacing);display:flex;gap:var(--spacing);z-index:1001}.crop-view.svelte-9s7s5o cropper-canvas:where(.svelte-9s7s5o){width:100vw;height:100vh}.view-mode-selector.svelte-1jtfakr{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--bg-color-2);border-radius:var(--radius-md);border:1px solid var(--border-0)}.mode-button.svelte-1jtfakr{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-6);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.mode-button.svelte-1jtfakr .label:where(.svelte-1jtfakr){font-size:.85rem;display:none}.mode-button.svelte-1jtfakr:hover{background-color:var(--bg-color-3);color:var(--color-3)}.mode-button.svelte-1jtfakr.active{background-color:var(--bg-color-4);color:var(--color-1)}.mode-button.svelte-1jtfakr.active .label:where(.svelte-1jtfakr){display:inline}.mode-button.svelte-1jtfakr:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (min-width: 768px){.mode-button.svelte-1jtfakr .label:where(.svelte-1jtfakr){display:inline}}.expandable-menu.svelte-1pvgf08{width:fit-content;display:flex;gap:var(--spacing);align-items:center;justify-content:center;box-sizing:border-box;transition:width var(--transition-fast)}.expandable-menu.svelte-1pvgf08.expanded{flex:1;width:100vw}.expanded-menu.svelte-1pvgf08{display:flex;gap:var(--spacing);align-items:center;justify-content:center}.confirm-dialog.svelte-1vmsipx{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:1}main.svelte-ix9zrf{display:flex;flex-direction:column;width:100vw;height:100vh;gap:var(--spacing);box-sizing:border-box;overflow:auto;padding-bottom:calc(var(--spacing) * 5)}main.svelte-ix9zrf .toolbar:where(.svelte-ix9zrf){display:flex;width:100%;align-items:center;padding:var(--spacing);gap:var(--spacing);box-sizing:border-box;container-type:inline-size}main.svelte-ix9zrf .logo:where(.svelte-ix9zrf){display:flex;align-items:center;justify-content:stretch;gap:var(--spacing);font-size:clamp(1.5rem,2cqi,1rem);flex:1}main.svelte-ix9zrf .logo:where(.svelte-ix9zrf) img:where(.svelte-ix9zrf){height:4rem;width:4rem}main.svelte-ix9zrf .coffee-link:where(.svelte-ix9zrf){display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}main.svelte-ix9zrf .coffee-link:where(.svelte-ix9zrf):hover{background-color:var(--bg-color-3)}main.svelte-ix9zrf .toolbar-sync:where(.svelte-ix9zrf){display:flex;align-items:center;justify-content:center}main.svelte-ix9zrf .view-mode-container:where(.svelte-ix9zrf){display:flex;justify-content:center;padding:0 var(--spacing)}main.svelte-ix9zrf .logon-form:where(.svelte-ix9zrf){display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;gap:var(--spacing);position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:1}main.svelte-ix9zrf .logon-form:where(.svelte-ix9zrf) .box:where(.svelte-ix9zrf){display:flex;flex-direction:column;align-items:center;padding:var(--spacing);gap:var(--spacing);background:var(--bg-color-1);border-radius:var(--radius-md)}main.svelte-ix9zrf .logon-form:where(.svelte-ix9zrf) .box:where(.svelte-ix9zrf) .form:where(.svelte-ix9zrf){display:flex;width:100%;justify-content:center;align-items:center;gap:var(--spacing)}main.svelte-ix9zrf .logon-form:where(.svelte-ix9zrf) .box:where(.svelte-ix9zrf) .e-mail:where(.svelte-ix9zrf){width:100%}main.svelte-ix9zrf .logon-form:where(.svelte-ix9zrf) .box:where(.svelte-ix9zrf) .help:where(.svelte-ix9zrf){text-align:center;font-size:.9rem;color:var(--color-8)}main.svelte-ix9zrf .progress-message:where(.svelte-ix9zrf){display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;gap:var(--spacing);position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:1}main.svelte-ix9zrf .progress-message:where(.svelte-ix9zrf) .primary-message:where(.svelte-ix9zrf){text-align:center;font-size:1.1rem}main.svelte-ix9zrf .progress-message:where(.svelte-ix9zrf) .secondary-message:where(.svelte-ix9zrf){text-align:center;font-size:.9rem;color:var(--color-8)}main.svelte-ix9zrf .filter-help:where(.svelte-ix9zrf){display:flex;align-items:center;justify-content:center;font-size:.8em;color:var(--color-6)}main.svelte-ix9zrf .filter-help:where(.svelte-ix9zrf) em:where(.svelte-ix9zrf){color:var(--color-2)}main.svelte-ix9zrf .filter-help:where(.svelte-ix9zrf) em:where(.svelte-ix9zrf)~em:where(.svelte-ix9zrf):before{content:", "}main.svelte-ix9zrf .filter-help:where(.svelte-ix9zrf) a:where(.svelte-ix9zrf){margin-left:var(--spacing);font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}main.svelte-ix9zrf .density-settings:where(.svelte-ix9zrf){text-align:center}main.svelte-ix9zrf .density-settings:where(.svelte-ix9zrf) .label:where(.svelte-ix9zrf){font-size:.85rem;color:var(--color-5);margin-top:var(--spacing-xs)}.dialog-backdrop.svelte-1punafz{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:10}.dialog.svelte-1punafz{width:min(720px,92vw);max-height:90vh;background:var(--bg-color-2);border:1px solid var(--border-1);border-radius:var(--spacing);padding:var(--spacing);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:var(--spacing);overflow:auto}header.svelte-1punafz{display:flex;align-items:center;justify-content:space-between}.header-title.svelte-1punafz{display:flex;align-items:center;gap:calc(var(--spacing) / 2)}.header-title.svelte-1punafz h3:where(.svelte-1punafz){margin:0}.content.svelte-1punafz{background:var(--bg-color-3);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:var(--spacing)}ul.list.svelte-1punafz{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}ul.list.svelte-1punafz li:where(.svelte-1punafz){display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing) / 2);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);background:var(--bg-color-2)}.item-main.svelte-1punafz .name:where(.svelte-1punafz){font-weight:600}.item-actions.svelte-1punafz{display:flex;gap:calc(var(--spacing) / 2)}.editor.svelte-1punafz{display:flex;flex-direction:column;gap:calc(var(--spacing));border-top:1px solid var(--border-1);padding-top:var(--spacing)}.form-row.svelte-1punafz{display:flex;flex-direction:column;gap:calc(var(--spacing) / 4)}.form-row.svelte-1punafz input:where(.svelte-1punafz){background:var(--bg-color-1);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 1.2);color:var(--color-1)}.form-actions.svelte-1punafz{display:flex;gap:var(--spacing);justify-content:flex-end}.form-actions.svelte-1punafz button:where(.svelte-1punafz){display:inline-flex;align-items:center;gap:calc(var(--spacing) / 3);padding:calc(var(--spacing) / 2) var(--spacing);border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-1);background:var(--bg-color-3);color:var(--color-1);cursor:pointer}.form-actions.svelte-1punafz .primary:where(.svelte-1punafz){background:var(--bg-color-4)}.form-actions.svelte-1punafz .alert:where(.svelte-1punafz){background:var(--alert-bg, #6b1a1a);color:#fff;border-color:transparent}.dialog-backdrop.svelte-4mzp9{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:10}.dialog.svelte-4mzp9{width:min(720px,92vw);max-height:90vh;background:var(--bg-color-2);border:1px solid var(--border-1);border-radius:var(--spacing);padding:var(--spacing);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:var(--spacing);overflow:auto}header.svelte-4mzp9{display:flex;align-items:center;justify-content:space-between}.header-title.svelte-4mzp9{display:flex;align-items:center;gap:calc(var(--spacing) / 2)}.header-title.svelte-4mzp9 h3:where(.svelte-4mzp9){margin:0}.content.svelte-4mzp9{background:var(--bg-color-3);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:var(--spacing)}ul.list.svelte-4mzp9{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}ul.list.svelte-4mzp9 li:where(.svelte-4mzp9){display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing) / 2);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);background:var(--bg-color-2)}.item-main.svelte-4mzp9{display:flex;flex-direction:column;gap:calc(var(--spacing) / 4)}.item-main.svelte-4mzp9 .name:where(.svelte-4mzp9){font-weight:600}.item-main.svelte-4mzp9 .brand:where(.svelte-4mzp9){font-size:.85em;color:var(--color-2)}.item-actions.svelte-4mzp9{display:flex;gap:calc(var(--spacing) / 2)}.editor.svelte-4mzp9{display:flex;flex-direction:column;gap:calc(var(--spacing));border-top:1px solid var(--border-1);padding-top:var(--spacing)}.form-row.svelte-4mzp9{display:flex;flex-direction:column;gap:calc(var(--spacing) / 4)}.form-row.svelte-4mzp9 input:where(.svelte-4mzp9){background:var(--bg-color-1);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 1.2);color:var(--color-1)}.form-actions.svelte-4mzp9{display:flex;gap:var(--spacing);justify-content:flex-end}.form-actions.svelte-4mzp9 button:where(.svelte-4mzp9){display:inline-flex;align-items:center;gap:calc(var(--spacing) / 3);padding:calc(var(--spacing) / 2) var(--spacing);border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-1);background:var(--bg-color-3);color:var(--color-1);cursor:pointer}.form-actions.svelte-4mzp9 .primary:where(.svelte-4mzp9){background:var(--bg-color-4)}.form-actions.svelte-4mzp9 .alert:where(.svelte-4mzp9){background:var(--alert-bg, #6b1a1a);color:#fff;border-color:transparent}.empty.svelte-4mzp9{text-align:center;color:var(--color-2);padding:var(--spacing)}.dialog-backdrop.svelte-185lmqs{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:10}.dialog.svelte-185lmqs{width:min(720px,92vw);max-height:90vh;background:var(--bg-color-2);border:1px solid var(--border-1);border-radius:var(--spacing);padding:var(--spacing);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:var(--spacing);overflow:auto}header.svelte-185lmqs{display:flex;align-items:center;justify-content:space-between}.header-title.svelte-185lmqs{display:flex;align-items:center;gap:calc(var(--spacing) / 2)}.header-title.svelte-185lmqs h3:where(.svelte-185lmqs){margin:0}.content.svelte-185lmqs{background:var(--bg-color-3);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:var(--spacing);max-height:300px;overflow-y:auto}ul.list.svelte-185lmqs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}ul.list.svelte-185lmqs li:where(.svelte-185lmqs){display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing) / 2);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);background:var(--bg-color-2)}.item-main.svelte-185lmqs{display:flex;flex-direction:column;gap:calc(var(--spacing) / 4)}.item-main.svelte-185lmqs .name:where(.svelte-185lmqs){font-weight:600}.item-main.svelte-185lmqs .details:where(.svelte-185lmqs){font-size:.85em;color:var(--color-2)}.item-main.svelte-185lmqs .coffee:where(.svelte-185lmqs){font-size:.8em;color:var(--color-3, var(--color-2));opacity:.8}.item-actions.svelte-185lmqs{display:flex;gap:calc(var(--spacing) / 2)}.editor.svelte-185lmqs{display:flex;flex-direction:column;gap:calc(var(--spacing));border-top:1px solid var(--border-1);padding-top:var(--spacing)}.form-row.svelte-185lmqs{display:flex;flex-direction:column;gap:calc(var(--spacing) / 4)}.form-grid.svelte-185lmqs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing)}.form-row.svelte-185lmqs input:where(.svelte-185lmqs),.form-row.svelte-185lmqs select:where(.svelte-185lmqs),.form-row.svelte-185lmqs textarea:where(.svelte-185lmqs){background:var(--bg-color-1);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 1.2);color:var(--color-1);font-family:inherit;font-size:inherit}.form-row.svelte-185lmqs textarea:where(.svelte-185lmqs){resize:vertical}.form-actions.svelte-185lmqs{display:flex;gap:var(--spacing);justify-content:flex-end;flex-wrap:wrap}.form-actions.svelte-185lmqs button:where(.svelte-185lmqs){display:inline-flex;align-items:center;gap:calc(var(--spacing) / 3);padding:calc(var(--spacing) / 2) var(--spacing);border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-1);background:var(--bg-color-3);color:var(--color-1);cursor:pointer}.form-actions.svelte-185lmqs .primary:where(.svelte-185lmqs){background:var(--bg-color-4)}.form-actions.svelte-185lmqs .alert:where(.svelte-185lmqs){background:var(--alert-bg, #6b1a1a);color:#fff;border-color:transparent}.empty.svelte-185lmqs{text-align:center;color:var(--color-2);padding:var(--spacing)}.dialog-backdrop.svelte-19xm1v0{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:11}.dialog.svelte-19xm1v0{width:min(600px,92vw);max-height:90vh;background:var(--bg-color-2);border:1px solid var(--border-1);border-radius:var(--spacing);padding:var(--spacing);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:var(--spacing);overflow:auto}header.svelte-19xm1v0{display:flex;align-items:center;justify-content:space-between}.header-info.svelte-19xm1v0{display:flex;flex-direction:column;gap:calc(var(--spacing) / 4)}.header-title.svelte-19xm1v0{display:flex;align-items:center;gap:calc(var(--spacing) / 2)}.header-info.svelte-19xm1v0 h3:where(.svelte-19xm1v0){margin:0}.recipe-name.svelte-19xm1v0{font-size:.85em;color:var(--color-2)}.content.svelte-19xm1v0{background:var(--bg-color-3);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:var(--spacing);max-height:250px;overflow-y:auto}.list.svelte-19xm1v0{display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}.list-item.svelte-19xm1v0{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:calc(var(--spacing) / 4);width:100%;padding:calc(var(--spacing) / 2);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);background:var(--bg-color-2);cursor:pointer;transition:background-color .15s ease;font-family:inherit;font-size:inherit;color:inherit}.list-item.svelte-19xm1v0:hover{background:var(--bg-color-1)}.list-item.svelte-19xm1v0 .date:where(.svelte-19xm1v0){font-weight:600;font-size:.9em}.list-item.svelte-19xm1v0 .details:where(.svelte-19xm1v0){font-size:.85em;color:var(--color-2)}.list-item.svelte-19xm1v0 .ratio:where(.svelte-19xm1v0){opacity:.7}.list-item.svelte-19xm1v0 .rating:where(.svelte-19xm1v0){font-size:.9em;color:#f5c518}.list-item.svelte-19xm1v0 .notes:where(.svelte-19xm1v0){font-size:.8em;color:var(--color-3, var(--color-2));font-style:italic}.editor.svelte-19xm1v0{display:flex;flex-direction:column;gap:calc(var(--spacing));border-top:1px solid var(--border-1);padding-top:var(--spacing)}.form-row.svelte-19xm1v0{display:flex;flex-direction:column;gap:calc(var(--spacing) / 4)}.form-grid.svelte-19xm1v0{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing)}.form-row.svelte-19xm1v0 input:where(.svelte-19xm1v0),.form-row.svelte-19xm1v0 select:where(.svelte-19xm1v0),.form-row.svelte-19xm1v0 textarea:where(.svelte-19xm1v0){background:var(--bg-color-1);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 1.2);color:var(--color-1);font-family:inherit;font-size:inherit}.form-row.svelte-19xm1v0 textarea:where(.svelte-19xm1v0){resize:vertical}.ratio-display.svelte-19xm1v0{text-align:center;padding:calc(var(--spacing) / 2);background:var(--bg-color-3);border-radius:calc(var(--spacing) / 2);font-weight:600;color:var(--color-2)}.form-actions.svelte-19xm1v0{display:flex;gap:var(--spacing);justify-content:flex-end;flex-wrap:wrap}.form-actions.svelte-19xm1v0 button:where(.svelte-19xm1v0){display:inline-flex;align-items:center;gap:calc(var(--spacing) / 3);padding:calc(var(--spacing) / 2) var(--spacing);border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-1);background:var(--bg-color-3);color:var(--color-1);cursor:pointer}.form-actions.svelte-19xm1v0 .primary:where(.svelte-19xm1v0){background:var(--bg-color-4)}.form-actions.svelte-19xm1v0 .alert:where(.svelte-19xm1v0){background:var(--alert-bg, #6b1a1a);color:#fff;border-color:transparent}.empty.svelte-19xm1v0{text-align:center;color:var(--color-2);padding:var(--spacing)}main.svelte-4j93je{display:flex;flex-direction:column;width:100vw;height:100vh;gap:var(--spacing);box-sizing:border-box;overflow:auto;padding-bottom:calc(var(--spacing) * 5)}main.svelte-4j93je .toolbar:where(.svelte-4j93je){display:flex;width:100%;align-items:center;padding:var(--spacing);gap:var(--spacing);box-sizing:border-box;container-type:inline-size}main.svelte-4j93je .toolbar:where(.svelte-4j93je) a:where(.svelte-4j93je) svg:where(.svelte-4j93je){width:1.2em;height:1.2em}main.svelte-4j93je .toolbar:where(.svelte-4j93je) .view-change:where(.svelte-4j93je){display:flex;align-items:center;justify-content:center;gap:var(--spacing)}main.svelte-4j93je .logo:where(.svelte-4j93je){display:flex;align-items:center;justify-content:stretch;gap:var(--spacing);font-size:clamp(1.5rem,2cqi,1rem);flex:1}main.svelte-4j93je .logo:where(.svelte-4j93je) img:where(.svelte-4j93je){height:4rem;width:4rem}main.svelte-4j93je .section-list:where(.svelte-4j93je){padding:0 var(--spacing);display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}main.svelte-4j93je .section-list:where(.svelte-4j93je) .section-header:where(.svelte-4j93je){display:flex;align-items:center;justify-content:space-between}main.svelte-4j93je .section-list:where(.svelte-4j93je) .section-header:where(.svelte-4j93je) .section-title:where(.svelte-4j93je){display:flex;align-items:center;gap:calc(var(--spacing) / 2)}main.svelte-4j93je .section-list:where(.svelte-4j93je) .section-header:where(.svelte-4j93je) .section-title:where(.svelte-4j93je) svg{opacity:.8}main.svelte-4j93je .section-list:where(.svelte-4j93je) .section-header:where(.svelte-4j93je) h2:where(.svelte-4j93je){margin:0;font-size:1.2em;font-weight:600;color:var(--color-1)}main.svelte-4j93je .section-list:where(.svelte-4j93je) .cards:where(.svelte-4j93je){display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}main.svelte-4j93je .section-list:where(.svelte-4j93je) .empty-message:where(.svelte-4j93je){display:flex;align-items:center;justify-content:center;color:var(--color-2);padding:var(--spacing);background:var(--bg-color-2);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2)}main.svelte-4j93je .section-list:where(.svelte-4j93je) .card:where(.svelte-4j93je){display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:calc(var(--spacing) / 4);padding:var(--spacing);background:var(--bg-color-2);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);cursor:pointer;transition:background-color .15s ease;font-family:inherit;font-size:inherit;color:inherit;width:100%}main.svelte-4j93je .section-list:where(.svelte-4j93je) .card:where(.svelte-4j93je):hover{background:var(--bg-color-3)}main.svelte-4j93je .section-list:where(.svelte-4j93je) .card:where(.svelte-4j93je) .card-header:where(.svelte-4j93je){display:flex;align-items:center;justify-content:space-between;gap:var(--spacing)}main.svelte-4j93je .section-list:where(.svelte-4j93je) .card:where(.svelte-4j93je) .card-name:where(.svelte-4j93je){font-weight:600;font-size:1.1em}main.svelte-4j93je .section-list:where(.svelte-4j93je) .card:where(.svelte-4j93je) .card-rating:where(.svelte-4j93je){color:#f5c518;font-size:.9em}main.svelte-4j93je .section-list:where(.svelte-4j93je) .card:where(.svelte-4j93je) .card-subtitle:where(.svelte-4j93je){color:var(--color-2);font-size:.9em}main.svelte-4j93je .section-list:where(.svelte-4j93je) .card:where(.svelte-4j93je) .card-details:where(.svelte-4j93je){color:var(--color-3, var(--color-2));font-size:.85em;opacity:.8}