@charset "UTF-8";:root{--bg-top: #020916;--bg-bottom: #000a1d;--dark-blue: #020916;--darker-blue: #010205;--gb-shadow: -1px 1px 9px 1px #2d333e;--transparent-bg-bottom: #000a1ddd;--transparent-bg-top: #000a1ddd;--transparent-white-0: #ffffff16;--transparent-white-1: #ffffff24;--transparent-white-2: #ffffff30;--transparent-white-3: #ffffffaa;--transparent-white-4: #ffffffcc;--transparent-black-0: #00000030;--transparent-black-1: #00000060;--light-green-0: #ecfddf;--light-green-1: #d3ffb1;--light-green-2: #b7e990;--transparent-green-0: #d3ffb115;--transparent-green-1: #d3ffb125;--transparent-green-2: #d3ffb1bb;--light-yellow-0: #fff9bc;--light-yellow-1: #f5eb92;--light-yellow-2: #f7e857;--transparent-yellow-0: #f7e85715;--transparent-yellow-1: #f7e85730;--transparent-yellow-2: #f7e85780;--star-yellow: #f7e857;--light-red-0: #fdc3c3;--light-red-1: #f9a9a9;--light-red-2: #e67979;--transparent-red-0: #f9a9a915;--transparent-red-1: #f9a9a925;--transparent-red-2: #f9a9a9bb;--light-blue-0: #ceeef8;--light-blue-1: #b7e4f3;--light-blue-2: #82d6f1;--transparent-blue-0: #b7e4f320;--transparent-blue-1: #b7e4f340;--transparent-blue-2: #b7e4f3bb;--light-violet-0: #e5cef8;--light-violet-1: #e0aaff;--light-violet-2: #ce82f1;--transparent-violet-0: #e0aaff15;--transparent-violet-1: #e0aaff25;--transparent-violet-2: #e0aaffbb;--meal-color-1: #725885;--meal-color-2: #2c6981;--font-color: #faeed8;--font-color-disabled: #faeed850;--bg-light: #d0cabe;--bg-light-border: #a5a6a6}.light-theme{--bg-top: #ffffff;--bg-bottom: #efefef;--dark-blue: #fdfffd;--darker-blue: #010205;--gb-shadow: -1px 1px 9px 1px #99999950;--transparent-bg-bottom: #efefefdd;--transparent-bg-top: #ffffffdd;--transparent-white-0: #00000008;--transparent-white-1: #00000015;--transparent-white-2: #00000025 ;--transparent-white-3: #000000aa;--transparent-white-4: #000000cc;--transparent-black-0: #ffffff30;--transparent-black-1: #ffffff60;--light-green-0: #d6f3a7;--light-green-1: #537919;--light-green-2: #30490a;--transparent-green-0: #5c891815;--transparent-green-1: #5c891825;--transparent-green-2: #5c8918bb;--light-yellow-0: #af9e02;--light-yellow-1: #8b7903;--light-yellow-2: #554a02;--transparent-yellow-0: #8b790315;--transparent-yellow-1: #8b790330;--transparent-yellow-2: #8b790380;--star-yellow: #bfa813;--light-red-0: #b81f1f;--light-red-1: #951b1b;--light-red-2: #700c0c;--transparent-red-0: #951b1b15;--transparent-red-1: #951b1b25;--transparent-red-2: #951b1bbf;--light-blue-0: #2aa5db;--light-blue-1: #0776bd;--light-blue-2: #04436b;--transparent-blue-0: #0776bd20;--transparent-blue-1: #0776bd40;--transparent-blue-2: #0776bdbb;--light-violet-0: #8933ed;--light-violet-1: #5907c2;--light-violet-2: #320462;--transparent-violet-0: #5907c215;--transparent-violet-1: #5907c225;--transparent-violet-2: #5907c2bb;--meal-color-1: #cca9e4;--meal-color-2: #95d1e8;--font-color: #1a1a1a;--font-color-disabled: #1a1a1a50;--bg-light: #ffffff;--bg-light-border: #c5c5c5}*{color:var(--font-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;letter-spacing:.05em;box-sizing:border-box}body{background:var(--bg-bottom);margin:0}div{display:flex}button{background:linear-gradient(145deg,var(--transparent-white-0),var(--transparent-white-1));padding:10px 12px;border:none;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;flex-shrink:0;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}button *{color:inherit}button.icon-before{padding-right:12px;padding-top:8px;padding-bottom:8px}button.icon-after{padding-left:12px;padding-top:8px;padding-bottom:8px}button.transparent{background:transparent;border-radius:0;transition:all .2s ease;text-shadow:0 1px 2px var(--transparent-black-0)}button.backdrop{backdrop-filter:blur(10px);will-change:backdrop-filter}button.icon-btn{background:transparent;border-radius:0;padding:0;transition:all .2s ease;text-shadow:0 1px 2px var(--transparent-black-0)}button.responsive label{display:none}button:active:not(:disabled){transform:scale(.97);box-shadow:0 1px 2px var(--transparent-black-0) inset}button:active:not(:disabled).icon-btn,button:active:not(:disabled).transparent{background:transparent;box-shadow:none;transform:scale(.95);text-shadow:0 1px 2px var(--transparent-black-1)}button:disabled,button.disabled{color:var(--font-color-disabled);cursor:default}button:disabled.transparent,button:disabled.icon-btn,button.disabled.transparent,button.disabled.icon-btn{background:transparent;text-shadow:none;transform:none}button:disabled *,button.disabled *{cursor:default}input,select,app-limited-input{color:var(--font-color);padding:8px 10px;border:none;border-radius:8px;background-color:var(--transparent-white-1)}input.light,select.light,app-limited-input.light{background-color:var(--bg-light);border:solid 1px var(--bg-light-border);color:var(--darker-blue)}input.slim,select.slim,app-limited-input.slim{padding:4px;border-radius:4px}textarea{width:100%;min-height:90px;border-radius:8px;padding:4px 8px;background:var(--transparent-white-1);border:none;color:var(--font-color)}input:focus,select:focus,textarea:focus{outline:none}app-icon{height:22px!important;width:22px!important;font-size:22px!important;flex-shrink:0}.tag{display:flex;gap:4px;align-items:center;padding:4px 8px 4px 6px;border-radius:20px;box-shadow:1px 1px 2px var(--transparent-white-1);justify-content:space-between}.tag app-icon:not(.delete){height:18px!important;width:18px!important;font-size:18px!important}.tag button{background:transparent;padding:0;color:inherit}.tag.green{background:var(--transparent-green-1);border-color:var(--transparent-green-1);color:var(--light-green-0)}.tag.blue{background:var(--transparent-blue-1);border-color:var(--transparent-blue-1);color:var(--light-blue-0)}.tag.red{background:var(--transparent-red-1);border-color:var(--transparent-red-1);color:var(--light-red-0)}.tag.large{background:var(--transparent-green-2);border:solid 2px var(--light-green-1);color:var(--dark-blue);font-weight:500;padding-right:10px}.tag.large label{color:inherit}.filter-section{flex-direction:column;gap:6px;text-align:left}.filter-section .headline-small{text-align:left}.filter-section .filter-header{justify-content:space-between;align-items:center}.filter-section .filter-content{gap:8px;flex-direction:column}.filter-section .filter-content-wrap{gap:8px;flex-wrap:wrap}.filter-section .included,.filter-section .excluded{border:solid 2px transparent}.filter-section .included{border-color:var(--light-green-1);color:var(--light-green-1)}.filter-section .excluded{border-color:var(--light-red-1);color:var(--light-red-1)}.filter-section .check{color:var(--font-color-disabled)}.filter-section .check.checked{color:var(--light-green-1)}.filter-btn.no-border{border:none;padding:4px 4px 4px 8px!important}.filter-btn.included{border-color:var(--light-green-1)!important;background:var(--transparent-green-1);color:var(--light-green-1)}.filter-btn.excluded{border-color:var(--light-red-1)!important;background:var(--transparent-red-1);color:var(--light-red-1)}.filter-btn.neutral{border-color:var(--light-yellow-1)!important;background:var(--transparent-yellow-1);color:var(--light-yellow-1)}.filter-btn.custom{border-color:var(--light-blue-1)!important;background:var(--transparent-blue-1);color:var(--light-blue-1)}.snap-buttons{position:fixed;bottom:80px;right:5%;gap:12px;z-index:200}.headline-large{font-size:24px;font-weight:500;padding:12px 0;text-align:center}.headline-medium{font-size:18px;font-weight:500;padding:8px 0;text-align:center}.headline-small{font-size:15px;font-weight:500;padding:4px 0;text-align:center}.body-large{font-size:17px;line-height:28px}.body-medium{font-size:15px;line-height:24px}.body-small{font-size:13px;line-height:18px}.scroll-container{position:relative;flex:1 1 auto;width:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;flex-direction:column;align-items:center}.scroll-section{width:98%;max-width:1200px;min-height:100%;height:100%;scroll-snap-align:start;flex-direction:column;align-items:center;overflow-y:auto;scrollbar-width:none}.container{position:relative;flex:1 1 auto;width:100%;overflow-y:auto;overflow-x:hidden;flex-direction:column;align-items:center}.section{width:98%;max-width:1200px;flex-direction:column;align-items:center;position:relative}.header{flex:0 0 auto;justify-content:center;width:100%;padding:4px 0;background:var(--bg-bottom);border-bottom:solid 1px #aaa;margin-bottom:1px}.header-content{width:98%;max-width:1200px;flex-direction:column}::-webkit-scrollbar{width:6px;height:12px}::-webkit-scrollbar-track{background:transparent;border:none}::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px;border:2px solid var(--bg-top)}::-webkit-scrollbar-thumb:hover{background-color:#555}.shopping-checkbox[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--transparent-white-2);display:inline-block;vertical-align:middle;position:relative;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-shrink:0;padding:0}.shopping-checkbox[type=checkbox]:checked{background-color:var(--transparent-white-2);border-color:var(--transparent-white-3)}.shopping-checkbox[type=checkbox]:checked:after{content:"\2714";color:var(--transparent-white-3);font-size:10px}.shopping-checkbox[type=checkbox]:disabled{border-color:var(--transparent-white-2);cursor:default}@media (min-width: 768px) and (max-width: 1024px){button{gap:8px;padding:6px 12px;font-size:14px}button label{font-size:14px}button.with-icon{padding:8px 16px 8px 12px}button.responsive label{display:block}app-icon{height:22px!important;width:22px!important;font-size:22px!important}.headline-large{font-size:20px;font-weight:500}.headline-medium{font-size:18px;font-weight:500}.headline-small{font-size:16px;font-weight:500}.body-large{font-size:16px}.body-medium{font-size:15px}.body-small{font-size:13px}.scroll-section,.section{width:95%}.header{padding:8px 0}.header-content{width:95%}app-icon{height:24px;width:24px;font-size:initial}.tag{gap:4px;padding:4px 8px 4px 6px;border-width:2px}.tag label{font-size:14px}.tag app-icon{height:24px;width:24px;font-size:20px}.snap-buttons{bottom:8%;right:10%}.shopping-checkbox[type=checkbox]{width:24px;height:24px}.shopping-checkbox[type=checkbox]:checked:after{font-size:12px}}@media (min-width: 1025px){.headline-large{font-size:24px;font-weight:500}.headline-medium{font-size:20px;font-weight:500}.headline-small{font-size:16px;font-weight:500}.body-large{font-size:18px}.body-medium{font-size:16px}.body-small{font-size:13px}.scroll-section,.section{width:80%}.header{padding:12px 0}.header-content{width:80%}.tag{gap:6px;padding:4px 8px 4px 6px;border-width:2px}.tag label{font-size:16px}.tag app-icon{height:24px;width:24px;font-size:24px}.snap-buttons{bottom:8%;right:15%}.shopping-checkbox[type=checkbox]{width:28px;height:28px;cursor:pointer}.shopping-checkbox[type=checkbox]:checked:after{font-size:14px}button{padding:8px 12px;font-size:medium;gap:8px;font-size:15px;cursor:pointer}button *{cursor:pointer}button label{font-size:15px}button.with-icon{padding:8px 16px 8px 12px}button.responsive label{display:block}button:not(:disabled):hover{background:linear-gradient(145deg,var(--transparent-white-1),var(--transparent-white-0));box-shadow:0 4px 12px var(--transparent-black-0);transform:translateY(-1px)}.icon-btn:not(:disabled):hover,.transparent:not(:disabled):hover{background:transparent!important;text-shadow:0 2px 6px var(--transparent-black-0);transform:translateY(-1px);box-shadow:none}app-icon{height:24px!important;width:24px!important;font-size:24px!important}}