@font-face{font-family:Neue Montreal;src:url(/fonts/PPNeueMontreal-Book.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Neue Montreal;src:url(/fonts/PPNeueMontreal-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:GT Super;src:url(/fonts/GT-Super-Display-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:GT Super;src:url(/fonts/GT-Super-Display-Light-Italic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Hopeless Romantic;src:url(/fonts/HopelessRomanticSociety.otf) format("opentype");font-weight:400;font-display:swap}:root{--deep-black: #1f1f1f;--dark-grey: #4c4c4c;--dark-sand: #eae1d2;--light-sand: #f6f3ee;--light-grey: #ededed;--white: #ffffff;--fresh-dot: #4f7a52;--muted-red: #8c4a4a;--bg: var(--light-sand);--text: var(--deep-black);--text-2: var(--dark-grey);--font-display: "GT Super", Georgia, serif;--font-body: "Neue Montreal", system-ui, sans-serif;--font-accent: "Hopeless Romantic", cursive;--tap-min: 56px;--radius-btn: 2px;--radius-card: 6px;--maxw: 480px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;font-size:18px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:var(--font-body)}img{max-width:100%;display:block}a{color:inherit}.app{min-height:100dvh;max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root,:host{container-type:inline-size}.overview-bar .overview-add{display:none}@container (min-width: 768px){.app{max-width:1040px}.sheet{max-width:680px}.screen{max-width:680px;width:100%;margin-inline:auto}.screen-wide{max-width:1000px}.overview-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.overview-bar .seg{width:auto;flex:0 0 auto;margin-bottom:0}.overview-bar .overview-add{display:inline-flex;width:auto;flex:0 0 auto}.screen-wide~.footer-action{display:none}.app .card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr}.app .card-list .card{height:100%}.app .card-list .card:not(.card-vorrat){justify-content:space-between}.footer-action .btn,.footer-action .footer-stack{max-width:680px;margin-inline:auto}}.header{display:grid;grid-template-columns:var(--tap-min) 1fr var(--tap-min);align-items:center;padding:8px 12px;min-height:64px}.header-logo{height:22px;width:auto;margin:0 auto;object-fit:contain}.header-back{width:var(--tap-min);height:var(--tap-min);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--deep-black);cursor:pointer}.header-spacer{width:var(--tap-min)}.screen{flex:1;padding:12px 24px 24px;display:flex;flex-direction:column}.screen-title{font-family:var(--font-display);font-weight:300;font-size:34px;line-height:1.1;margin:8px 0 20px}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--tap-min);padding:16px 20px;font-size:18px;font-weight:500;font-family:var(--font-body);text-decoration:none;cursor:pointer;border:1px solid var(--deep-black)}.btn-primary{background:var(--deep-black);color:var(--white);border-radius:var(--radius-btn)}.btn-secondary{background:var(--white);color:var(--deep-black);border-radius:var(--radius-btn)}.footer-action{position:sticky;bottom:0;padding:16px 24px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 72%,rgba(246,243,238,0))}.footer-stack{display:flex;flex-direction:column;gap:12px}.product-image{display:flex;align-items:center;justify-content:center;background:var(--light-grey);border-radius:4px;overflow:hidden;flex:0 0 auto}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-image-fallback{width:40%;height:40%;object-fit:contain;opacity:.35;mix-blend-mode:normal}.welcome{align-items:center;text-align:center;justify-content:center;gap:18px;padding-top:24px}.welcome-mark{height:60px;width:auto;opacity:.9}.welcome-title{font-family:var(--font-display);font-weight:300;font-size:30px;line-height:1.15;margin:0;max-width:16em}.welcome-sub{color:var(--text-2);font-size:18px;margin:0;max-width:22em}.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.card{display:flex;flex-direction:column;gap:14px;padding:14px 14px 13px;background:var(--white);border-radius:var(--radius-card);text-decoration:none;color:inherit;container-type:inline-size}.card:active{background:#fbfaf8}.card-top{display:flex;align-items:center;gap:16px}.card-image{width:72px;height:72px}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.card-name{font-weight:500;font-size:clamp(15px,5.6cqi,19px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-remaining{color:var(--text-2);font-size:15px}.card-metric{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1}.card-days{font-family:var(--font-display);font-weight:300;font-size:clamp(34px,12.5cqi,42px)}.card-days-unit{font-size:13px;color:var(--text-2);margin-top:3px}.progress-fresh{--tone: var(--fresh-dot)}.progress-soon{--tone: var(--deep-black)}.progress-expired{--tone: var(--dark-sand)}.progress-line{display:block;width:100%;height:4px;background:var(--light-grey);border-radius:999px;overflow:hidden}.progress-line-fill{display:block;height:100%;width:100%;transform-origin:left center;background:var(--tone);border-radius:999px}.status{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:500}.status-fresh{color:var(--dark-grey)}.status-soon{color:var(--deep-black)}.status-expired{color:var(--deep-black);background:var(--dark-sand);font-size:13px;padding:1px 8px;border-radius:3px;align-self:flex-start}.card:has(.status-expired) .card-body{gap:4px}.card:has(.status-expired) .card-remaining{font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--fresh-dot)}.search{width:100%;min-height:var(--tap-min);padding:14px 16px;font-size:18px;font-family:var(--font-body);background:var(--white);border:1px solid var(--light-grey);border-radius:var(--radius-card);margin-bottom:14px}.search:focus{outline:2px solid var(--deep-black);outline-offset:1px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chips-center{justify-content:center;margin:6px 0 18px}.chip{min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--light-grey);background:var(--white);font-size:16px;font-family:var(--font-body);color:var(--deep-black);cursor:pointer;white-space:nowrap}.chip-active{background:var(--deep-black);color:var(--white);border-color:var(--deep-black)}.group-title{font-family:var(--font-body);font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin:20px 0 10px}.pick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pick{display:flex;align-items:center;gap:16px;width:100%;padding:12px;background:var(--white);border:none;border-radius:var(--radius-card);text-align:left;cursor:pointer}.pick:active{background:#fbfaf8}.pick-image{width:60px;height:60px}.pick-text{display:flex;flex-direction:column;gap:2px}.pick-name{font-weight:500;font-size:18px}.pick-cat{color:var(--text-2);font-size:15px}.confirm{align-items:center;text-align:center;gap:14px}.confirm-image{width:150px;height:150px;border-radius:var(--radius-card);margin-top:8px}.confirm-product{font-weight:500;font-size:18px;margin:0}.confirm-question{font-family:var(--font-display);font-weight:300;font-size:30px;line-height:1.15;margin:4px 0}.date-field{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.date-label{font-size:15px;color:var(--text-2)}.date-input{width:100%;max-width:100%;min-width:0;min-height:var(--tap-min);padding:12px 16px;font-size:20px;font-family:var(--font-body);background:var(--white);border:1px solid var(--deep-black);border-radius:var(--radius-card);-webkit-appearance:none;-moz-appearance:none;appearance:none}.confirm-expiry{color:var(--text-2);font-size:17px;margin:0}.detail{align-items:center;text-align:center;gap:14px}.detail-image{width:150px;height:150px;border-radius:var(--radius-card);margin-top:8px}.detail-name{font-weight:500;font-size:19px;margin:0}.ring{position:relative;display:flex;align-items:center;justify-content:center;margin:4px 0}.ring svg{display:block}.ring-fill{stroke:var(--tone)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.countdown-num{font-family:var(--font-display);font-weight:300;font-size:76px;line-height:1}.countdown-unit{font-size:17px;color:var(--text-2)}.ring-expired-label{font-family:var(--font-display);font-weight:300;font-size:34px}.detail-overdue{font-size:16px;color:var(--deep-black);background:var(--dark-sand);padding:6px 14px;border-radius:3px;margin:0}.detail-dates{display:flex;gap:32px;margin:12px 0 0}.detail-dates div{display:flex;flex-direction:column;gap:4px}.detail-dates dt{font-size:14px;color:var(--text-2)}.detail-dates dd{margin:0;font-size:17px;font-weight:500}.lead{font-size:19px;line-height:1.4;margin:0 0 24px}.steps{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:18px}.step{display:flex;align-items:flex-start;gap:16px}.step-num{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--deep-black);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px}.step-text{font-size:18px;line-height:1.4;padding-top:4px}.step-sub{display:block;font-size:15px;line-height:1.4;color:var(--text-2);margin-top:4px}.note{background:var(--dark-sand);border-radius:var(--radius-card);padding:16px 18px;font-size:16px;line-height:1.45;color:var(--deep-black);margin:0}.landing{flex:1;display:flex;flex-direction:column;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.landing-logo{display:flex;justify-content:center;padding:20px 0 14px}.landing-logo img{height:24px;width:auto}.landing-hero{height:232px;flex:0 0 auto;overflow:hidden}.landing-hero img{width:100%;height:100%;object-fit:cover;object-position:60% 36%}.landing-content{padding:24px 28px 0}.landing-title{font-family:var(--font-display);font-weight:300;font-size:34px;line-height:1.08;letter-spacing:-.01em;margin:0}.landing-title em{font-style:italic}.landing-sub{font-family:var(--font-body);font-size:17px;line-height:1.5;color:var(--text-2);margin:16px 0 0}.landing-actions{padding:24px 28px 0;display:flex;flex-direction:column;gap:12px}.landing-divider{display:flex;align-items:center;gap:16px;padding:22px 28px 0}.landing-divider-line{flex:1;height:1px;background:#1f1f1f24}.landing-divider-text{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.landing-demo{padding:18px 28px 0}.btn-demo{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--dark-sand);color:var(--deep-black);border:none;border-radius:var(--radius-btn);font-family:var(--font-body);font-weight:500;font-size:17px;cursor:pointer}.btn-demo:active{opacity:.85}.landing-demo-note{text-align:center;font-family:var(--font-body);font-size:14px;color:var(--text-2);margin:12px 0 0}.install-card{margin:22px 28px 0;display:flex;flex-direction:column;gap:4px}.install-card-main{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--white);border:1px solid var(--light-grey);border-radius:var(--radius-card);padding:14px 16px;cursor:pointer}.install-card-main:active{background:#fbfaf8}.install-card-icon{flex:0 0 auto;display:flex;color:var(--deep-black)}.install-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.install-card-title{font-weight:500;font-size:17px;color:var(--deep-black)}.install-card-sub{font-size:14px;color:var(--text-2);line-height:1.35}.install-card-chevron{flex:0 0 auto;color:var(--dark-grey)}.install-card-dismiss{align-self:center;background:none;border:0;padding:8px 12px;min-height:var(--tap-min);font-family:var(--font-body);font-size:14px;color:var(--text-2);cursor:pointer}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:var(--dark-sand);border-radius:var(--radius-card);padding:8px 14px;margin-bottom:16px;font-size:14px;font-weight:500}.demo-end{flex:0 0 auto;background:var(--white);border:1px solid rgba(31,31,31,.18);border-radius:999px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--deep-black);cursor:pointer;padding:6px 12px;min-height:36px}.add-custom{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:var(--tap-min);margin-bottom:18px;background:var(--dark-sand);color:var(--deep-black);border:none;border-radius:var(--radius-btn);font-family:var(--font-body);font-weight:500;font-size:17px;cursor:pointer}.add-custom:active{opacity:.85}.add-custom-icon{display:flex}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.field-label{font-size:16px;font-weight:500;color:var(--deep-black)}.field-hint{font-size:14px;color:var(--text-2);margin:0}.text-input{width:100%;min-height:var(--tap-min);padding:12px 16px;font-size:18px;font-family:var(--font-body);background:var(--white);border:1px solid var(--deep-black);border-radius:var(--radius-card)}.text-input:focus{outline:2px solid var(--deep-black);outline-offset:1px}.preview-line{font-size:17px;color:var(--text-2);margin:4px 0 0}.btn:disabled{opacity:.4;cursor:default}.login-form{display:flex;flex-direction:column}.login-form .note{margin-bottom:22px}.consent-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;font-size:16px;line-height:1.45;color:var(--deep-black);cursor:pointer}.consent-row input[type=checkbox]{flex:0 0 auto;width:28px;height:28px;margin:0;accent-color:var(--deep-black);cursor:pointer}.consent-row a{color:inherit;text-decoration:underline;text-underline-offset:3px}.club-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.club-card{margin-top:28px;padding:16px 18px;background:var(--white);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:14px}.club-card-title{font-family:var(--font-body);font-weight:500;font-size:19px;margin:0}.club-card .lead{margin:0}.login-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:20px}.text-link{background:none;border:0;padding:10px 0;min-height:var(--tap-min);font-family:var(--font-body);font-size:16px;color:var(--deep-black);text-decoration:underline;text-underline-offset:3px;text-align:left;cursor:pointer}.auth-note{margin-bottom:16px}.note-link{color:inherit;font-weight:500;text-decoration:underline;text-underline-offset:3px}.detail-category{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);margin:6px 0 0}.usedup-line{font-size:15px;color:var(--text-2);margin:-12px 0 18px}.btn-slim{min-height:48px;padding:10px 18px;font-size:16px}.reminder-pill{display:inline-flex;align-items:center;gap:8px;background:var(--dark-sand);border-radius:999px;padding:9px 16px;font-size:15px;font-weight:500;color:var(--deep-black);margin-top:16px}.reminder-pill-row{align-self:flex-start;margin:0 0 18px}.reminder-cta{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--white);border:1px solid var(--light-grey);border-radius:var(--radius-card);padding:14px 16px;margin-bottom:18px;cursor:pointer}.reminder-cta:active{background:#fbfaf8}.reminder-cta-icon{flex:0 0 auto;display:flex;color:var(--deep-black)}.reminder-cta-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.reminder-cta-title{font-weight:500;font-size:17px;color:var(--deep-black)}.reminder-cta-sub{font-size:14px;color:var(--text-2);line-height:1.35}.reminder-cta-chevron{flex:0 0 auto;color:var(--dark-grey)}.scroll-hint{align-self:center;display:flex;align-items:center;gap:6px;margin-bottom:6px;padding:6px 14px;background:var(--white);border:1px solid var(--light-grey);border-radius:999px;font-size:13px;color:var(--dark-grey);pointer-events:none}.pao{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;text-align:center;margin-top:18px}.pao-label{font-size:14px;color:var(--text-2)}.info-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--dark-grey);cursor:pointer;padding:0}.info-icon:active{color:var(--deep-black)}.refill-note{font-size:14px;color:var(--text-2);text-align:center;margin:0}.refill-note-strong{color:var(--deep-black);font-weight:500}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1f1f66;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{width:100%;max-width:var(--maxw);background:var(--bg);border-radius:16px 16px 0 0;padding:24px 24px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.sheet-title{font-family:var(--font-display);font-weight:300;font-size:26px;line-height:1.1;margin:0}.sheet-text{font-size:15px;line-height:1.4;color:var(--text-2);margin:0 0 4px}.sheet-row{display:flex;align-items:center;gap:14px;width:100%;min-height:var(--tap-min);padding:12px 6px;background:none;border:none;font-family:var(--font-body);font-size:18px;color:var(--deep-black);text-align:left;cursor:pointer}.sheet-row:active{background:#fbfaf8}.sheet-row-danger{color:var(--muted-red)}.sheet-cancel{align-self:center;background:none;border:none;font-family:var(--font-body);font-size:16px;color:var(--dark-grey);cursor:pointer;padding:10px;min-height:44px}.header-menu{width:var(--tap-min);height:var(--tap-min);display:flex;align-items:center;justify-content:center;margin-left:auto;background:none;border:none;color:var(--deep-black);cursor:pointer}.seg{display:flex;background:var(--light-grey);border-radius:999px;padding:4px;margin-bottom:18px}.seg-btn{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:none;background:none;border-radius:999px;font-family:var(--font-body);font-weight:500;font-size:16px;color:var(--dark-grey);cursor:pointer}.seg-active{background:var(--deep-black);color:var(--white)}.seg-count{font-size:13px;opacity:.7}.card-vorrat{flex-direction:row;align-items:center;gap:16px}.card-chevron{flex:0 0 auto;color:var(--dark-grey)}.card-qty{flex:0 0 auto;margin-left:auto;font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--deep-black);background:var(--dark-sand);border-radius:999px;padding:4px 11px}.card-qty+.card-chevron{margin-left:0}.vorrat-qty{display:flex;align-items:center;gap:12px}.vorrat-qty-label{font-size:15px;color:var(--text-2)}.vorrat-state{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin:28px 0 8px}.vorrat-hint{font-size:15px;line-height:1.45;color:var(--text-2);margin:0;max-width:24em}.link-extern{align-self:center;font-family:var(--font-body);font-size:15px;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;padding:10px;min-height:44px}.select{width:100%;max-width:100%;min-width:0;min-height:var(--tap-min);padding:12px 42px 12px 16px;font-size:18px;font-family:var(--font-body);color:var(--deep-black);background-color:var(--white);border:1px solid var(--deep-black);border-radius:var(--radius-card);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231F1F1F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.stepper{display:inline-flex;align-items:center;border:1px solid var(--deep-black);border-radius:999px}.stepper-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--deep-black);cursor:pointer}.stepper-btn:disabled{opacity:.3;cursor:default}.stepper-value{min-width:44px;text-align:center;font-size:20px;font-weight:500}.card-shade{font-size:14px;color:var(--text-2)}.detail-shade{font-size:15px;color:var(--text-2);margin:4px 0 0}.hint{color:var(--text-2);font-size:17px;padding:8px 0}.import-note{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.import-note-text{flex:1}.import-note-close{flex:0 0 auto;background:none;border:none;color:var(--dark-grey);cursor:pointer;padding:2px;margin:-2px -4px 0 0;line-height:0}.welcome .import-note{align-self:stretch;text-align:left}