:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;--page-background:#f4f7fb;--surface:#fff;--surface-muted:#edf3fa;--surface-subtle:#fbfcfe;--text:#172033;--muted:#667085;--line:#d9e2ec;--line-soft:#d9e2ece6;--line-overlay:#d9e2eccc;--primary:#1677ff;--primary-active:#095dcc;--on-primary:#fff;--primary-soft:#e9f3ff;--primary-soft-text:#075bbd;--danger:#c93535;--danger-soft:#fff0f0;--danger-soft-text:#962f2f;--danger-line:#f1c9c9;--success:#137a4b;--success-soft:#e8f7ef;--info-soft:#eaf3ff;--info-text:#174f94;--input-background:#fbfdff;--input-border:#cbd6e2;--placeholder:#98a2b3;--icon-muted:#526174;--chevron:#9aa6b2;--brand-background:#e8f2ff;--top-bar-background:#f4f7fbe0;--floating-background:#ffffffeb;--navigation-background:#ffffffeb;--focus-ring:#1677ff21;--dialog-backdrop:#1118277a;--code-background:#111827;--code-text:#e7eef8;--shadow-card:0 12px 32px #25375317;--shadow-floating:0 14px 35px #2030482e;--shadow-segment:0 2px 8px #22354f1f;color:var(--text);background:var(--page-background);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page-background:#11161d;--surface:#1c222b;--surface-muted:#252d38;--surface-subtle:#171d25;--text:#f1f5f9;--muted:#aab4c3;--line:#364152;--line-soft:#364152e6;--line-overlay:#364152cc;--primary:#5ca6ff;--primary-active:#3887dc;--on-primary:#081321;--primary-soft:#19334f;--primary-soft-text:#8fc4ff;--danger:#ff8585;--danger-soft:#3a2024;--danger-soft-text:#faa;--danger-line:#704047;--success:#68d8a5;--success-soft:#173529;--info-soft:#192f49;--info-text:#a9d0ff;--input-background:#151b23;--input-border:#465366;--placeholder:#7f8a99;--icon-muted:#b1bdcc;--chevron:#7f8a99;--brand-background:#1b3553;--top-bar-background:#11161de0;--floating-background:#1c222bf0;--navigation-background:#1c222bf0;--focus-ring:#5ca6ff33;--dialog-backdrop:#000000ad;--code-background:#0b1017;--code-text:#e7eef8;--shadow-card:0 12px 32px #00000047;--shadow-floating:0 14px 35px #00000061;--shadow-segment:0 2px 8px #0000004d}}*{box-sizing:border-box}html{background:var(--page-background);min-height:100%}body{background:var(--page-background);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-shell{min-height:100vh}.top-bar{z-index:20;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:var(--top-bar-background);border-bottom:1px solid var(--line-overlay);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--brand-background);border-radius:14px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.brand span:last-child{line-height:1.1;display:grid}.brand strong{font-size:16px}.brand small{color:var(--muted);margin-top:3px;font-size:12px}.page{width:min(760px,100%);margin:0 auto;padding:24px 16px 40px}.page.with-navigation{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.stack{gap:16px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(27px,7vw,38px)}.page-header p{color:var(--muted);margin:6px 0 0}.card{border:1px solid var(--line-soft);background:var(--surface);box-shadow:var(--shadow-card);border-radius:20px;padding:18px}.card h2{margin:0;font-size:19px}.card p{color:var(--muted);line-height:1.5}.button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;min-height:44px;padding:10px 15px;font-weight:700;text-decoration:none;display:inline-flex}.button:disabled{opacity:.45;cursor:default}.button.primary{background:var(--primary);color:var(--on-primary)}.button.primary:active{background:var(--primary-active)}.button.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.button.text{min-height:auto;color:var(--primary);background:0 0;padding:7px 0}.button.danger{background:var(--danger-soft);color:var(--danger)}.button.wide{width:100%}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row .button{flex:220px}.feedback{border-radius:14px;padding:13px 15px;line-height:1.4}.feedback.info{background:var(--info-soft);color:var(--info-text)}.feedback.success{background:var(--success-soft);color:var(--success)}.feedback.error{background:var(--danger-soft);color:var(--danger-soft-text)}.import-card{text-align:center}.import-icon{font-size:48px}.import-card h2{margin-top:10px}.import-card p{max-width:540px;margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.form-section{gap:16px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading p{margin:4px 0 0}.section-heading.inline{align-items:center}.field{gap:7px;display:grid}.field>span{font-size:14px;font-weight:700}.field small{color:var(--muted);line-height:1.35}input,textarea{border:1px solid var(--input-border);background:var(--input-background);width:100%;color:var(--text);border-radius:12px;outline:none}input::placeholder,textarea::placeholder{color:var(--placeholder)}input{min-height:46px;padding:10px 12px}textarea{resize:vertical;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.field-grid{gap:12px;display:grid}.icon-name-grid{grid-template-columns:88px 1fr}.two-columns,.nutrition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-field input{text-align:center;font-size:24px}.input-with-unit{position:relative}.input-with-unit input{padding-right:48px}.input-with-unit>span{color:var(--muted);font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-row span{gap:4px;display:grid}.toggle-row small{color:var(--muted)}.toggle-row input{width:24px;min-height:24px;accent-color:var(--primary)}.advanced-section summary{cursor:pointer;font-weight:800}.advanced-section[open] summary{margin-bottom:8px}.sticky-actions{bottom:calc(78px + env(safe-area-inset-bottom));z-index:10;border:1px solid var(--line-soft);background:var(--floating-background);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:17px;gap:10px;padding:10px;display:flex;position:sticky}.sticky-actions .button{flex:1}.drink-list{gap:12px;display:grid}.drink-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);border-radius:18px;overflow:hidden}.drink-card-main{grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:15px;text-decoration:none;display:grid}.drink-icon{background:var(--surface-muted);border-radius:15px;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.drink-copy{gap:5px;min-width:0;display:grid}.drink-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drink-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chevron{color:var(--chevron);font-size:30px}.drink-actions{border-top:1px solid var(--line);background:var(--surface-subtle);grid-template-columns:repeat(4,1fr);display:grid}.icon-button{border:0;border-right:1px solid var(--line);min-height:43px;color:var(--icon-muted);background:0 0;font-size:18px}.icon-button:last-child{border-right:0}.icon-button:disabled{opacity:.28}.icon-button.danger{color:var(--danger)}.bottom-nav{z-index:30;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line-overlay);background:var(--navigation-background);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav-link{min-height:52px;color:var(--muted);border-radius:13px;align-content:center;place-items:center;gap:3px;text-decoration:none;display:grid}.bottom-nav-link span{font-size:20px}.bottom-nav-link small{font-size:11px;font-weight:700}.bottom-nav-link.active{background:var(--primary-soft);color:var(--primary-soft-text)}.empty-state{text-align:center;align-content:center;place-items:center;min-height:320px;padding:36px 20px;display:grid}.empty-state-icon{font-size:54px}.empty-state h1,.empty-state h2{margin:10px 0 0}.empty-state p{max-width:440px;color:var(--muted);margin:8px 0 20px;line-height:1.5}.output-summary{gap:16px;display:grid}dl{gap:10px;margin:0;display:grid}dl div{justify-content:space-between;gap:16px;display:flex}dt{color:var(--muted)}dd{text-align:right;margin:0;font-weight:700}.segmented-control{background:var(--surface-muted);border-radius:12px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented-control a{text-align:center;border-radius:10px;padding:8px;font-size:13px;font-weight:700;text-decoration:none}.segmented-control a.active{background:var(--surface);box-shadow:var(--shadow-segment)}.code-card{padding:0;overflow:hidden}.code-card-header{border-bottom:1px solid var(--line);padding:13px 16px}pre{background:var(--code-background);max-height:55vh;color:var(--code-text);margin:0;padding:16px;font-size:12px;line-height:1.5;overflow:auto}.settings-list{padding:0;overflow:hidden}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.settings-row:last-child{border-bottom:0}.settings-row span{gap:4px;display:grid}.settings-row small{color:var(--muted)}.info-card,.danger-zone{gap:12px;display:grid}.info-card p,.danger-zone p{margin:0}.danger-zone{border-color:var(--danger-line)}.icon-picker-trigger{border:1px solid var(--input-border);background:var(--input-background);width:100%;min-height:46px;color:var(--text);cursor:pointer;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:5px 8px 5px 12px;display:grid}.icon-picker-trigger:focus-visible,.icon-picker-option:focus-visible,.icon-picker-close:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.icon-picker-trigger-value{text-align:center;font-size:25px;line-height:1}.icon-picker-trigger-chevron{color:var(--chevron);font-size:18px}.icon-picker-dialog{border:1px solid var(--line);background:var(--surface);width:min(460px,100% - 28px);max-height:calc(100dvh - 28px);color:var(--text);box-shadow:var(--shadow-floating);border-radius:22px;padding:0;overflow:hidden}.icon-picker-dialog::backdrop{background:var(--dialog-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-picker-panel{max-height:calc(100dvh - 28px);overflow:auto}.icon-picker-header{z-index:1;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex;position:sticky;top:0}.icon-picker-header h2{margin:0;font-size:20px}.icon-picker-header p{color:var(--muted);margin:4px 0 0;font-size:14px}.icon-picker-close{background:var(--surface-muted);width:38px;height:38px;color:var(--text);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:26px;line-height:1;display:grid}.icon-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px;display:grid}.icon-picker-option{aspect-ratio:1;border:1px solid var(--line);background:var(--input-background);color:var(--text);cursor:pointer;border-radius:15px;place-items:center;padding:0;font-size:28px;display:grid}.icon-picker-option[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px var(--focus-ring)}.icon-picker-custom{padding:0 18px 18px}.icon-picker-custom-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.icon-picker-custom-row input{text-align:center;font-size:23px}@media (width<=540px){.page{padding-inline:13px}.page-header{align-items:center}.page-header .button{min-width:auto;padding-inline:13px}.two-columns,.nutrition-grid{grid-template-columns:1fr}.section-heading.inline{display:grid}.settings-row{align-items:flex-start}.settings-row .button{flex:none}.icon-picker-dialog{border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;width:100%;max-width:none;max-height:78dvh;margin:auto 0 0}.icon-picker-panel{max-height:78dvh}.icon-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-picker-custom-row{grid-template-columns:1fr}}@media (width>=760px){.bottom-nav{border:1px solid var(--line);width:520px;box-shadow:var(--shadow-card);border-radius:20px;bottom:14px;left:50%;right:50%;transform:translate(-50%)}.page.with-navigation{padding-bottom:120px}}