@font-face{font-family:Plus Jakarta Sans;src:url(/assets/plus_jakarta_sans-BZU_LQer.ttf)format("truetype");font-weight:200 800;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#f3f5f4;--surface:#fff;--surface2:#f3f5f4;--ink:#14201b;--ink-secondary:#4e5f58;--border:#e1e7e4;--primary:#1c6b4e;--primary-text:#1c6b4e;--primary-soft:#e3f1ea;--tile:#1c6b4e;--plate:#f4faf7;--plate-muted:#f3f5f4;--danger:#b42318;--glass:#ffffffb8;--glass-border:#14201b14;--shadow:0 8px 24px #14201b1f;--radius-tile:18px;--gutter:16px;--keyboard:0px;--tab-bar:64px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#0e1412;--surface:#18211e;--surface2:#222d29;--ink:#edf2ef;--ink-secondary:#a3b3ac;--border:#2a3632;--primary:#25785a;--primary-text:#74d3a6;--primary-soft:#1d3a2f;--tile:#1f6a4f;--plate:#e6f2ec;--plate-muted:#2a3632;--danger:#ff8a80;--glass:#18211eb8;--glass-border:#edf2ef14;--shadow:0 8px 24px #00000073}}*{box-sizing:border-box}html,body{background:var(--background);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.app{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + var(--gutter)) calc(env(safe-area-inset-bottom) + var(--tab-bar) + 96px) calc(env(safe-area-inset-left) + var(--gutter))}.app.adding{padding-bottom:calc(env(safe-area-inset-bottom) + var(--keyboard) + 160px)}header.top{z-index:10;margin:calc(-12px - env(safe-area-inset-top)) calc(-1 * var(--gutter)) 0;padding:calc(env(safe-area-inset-top) + 8px) var(--gutter) 8px;background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);position:sticky;top:0}h1{letter-spacing:-.02em;margin:4px 0 6px;font-size:34px;font-weight:800;line-height:1.15}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-secondary);margin:24px 0 8px;font-size:13px;font-weight:700}h3{margin:0;font-size:17px}h4{color:var(--ink-secondary);margin:18px 0 8px;font-size:13px;font-weight:700}.title-button{color:var(--ink);background:0 0;border-radius:0;align-items:baseline;gap:6px;max-width:100%;padding:0;display:flex}.title-button h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.title-button span{color:var(--ink-secondary);font-size:22px}.nav-row{justify-content:space-between;align-items:center;min-height:32px;display:flex}.sync-line{color:var(--ink-secondary);margin-bottom:2px;font-size:13px}.sync-line.failed{color:var(--danger)}button{font:inherit;background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:10px 16px;font-weight:700}button.secondary{background:var(--primary-soft);color:var(--primary-text)}button.link{color:var(--primary-text);background:0 0;padding:8px 4px;font-weight:600}button.link.strong{font-weight:800}button.danger{color:var(--danger);border:1px solid var(--border);background:0 0}button.round{width:44px;padding:0;font-size:22px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--primary-text);outline-offset:2px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tile-wrap{position:relative}.tile{border-radius:var(--radius-tile);background:var(--tile);color:#fff;text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:112px;padding:10px 6px;font-size:14px;font-weight:600;transition:transform 80ms;display:flex;position:relative}.tile:active{transform:scale(.96)}.tile.muted{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.tile.muted .plate{background:var(--plate-muted)}.tile.selected{background:var(--tile);color:#fff}.tile.create .plate{color:var(--primary-text);font-size:30px}.tile-name{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;max-width:100%}.tile small{opacity:.85;font-weight:500}.tile-check{width:22px;height:22px;color:var(--primary);background:#fff;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:8px;right:8px}.tile-note{width:30px;height:30px;min-height:0;color:var(--primary);background:#ffffffeb;padding:0;font-size:14px;position:absolute;top:4px;left:4px}.tile-note-bubble{z-index:5;background:var(--ink);color:var(--background);box-shadow:var(--shadow);border-radius:14px;margin-top:6px;padding:10px 12px;font-size:14px;position:absolute;top:100%;left:0;right:0}.plate{background:var(--plate);width:52px;height:52px;color:var(--primary);border-radius:50%;place-items:center;font-size:28px;display:grid}.plate img{pointer-events:none;width:38px;height:38px}.empty{text-align:center;margin-top:48px}.empty-icon{color:var(--primary-text);font-size:48px}.empty p{margin:6px 0}.search-bar{z-index:20;left:calc(env(safe-area-inset-left) + var(--gutter));right:calc(env(safe-area-inset-right) + var(--gutter));bottom:calc(env(safe-area-inset-bottom) + var(--tab-bar) + 20px);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border-radius:999px;align-items:center;gap:6px;padding:4px 4px 4px 14px;transition:bottom .12s;display:flex;position:fixed}.adding .search-bar{bottom:calc(env(safe-area-inset-bottom) + var(--keyboard) + 12px)}.search-icon{color:var(--ink-secondary);font-size:18px;display:flex}.search-bar input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:10px 0;font-size:17px}.search-bar input::-webkit-search-cancel-button{-webkit-appearance:none}.search-bar .mic{background:var(--primary-soft);width:44px;color:var(--primary-text);place-items:center;padding:0;font-size:18px;display:grid}.tab-bar{z-index:20;left:50%;bottom:calc(env(safe-area-inset-bottom) + 10px);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;transform:translate(-50%)}.tab-bar button{min-width:96px;color:var(--ink-secondary);background:0 0;flex-direction:column;align-items:center;gap:2px;padding:6px 18px;font-size:11px;font-weight:700;display:flex}.tab-bar button span{font-size:18px;line-height:1}.tab-bar button[aria-current=page]{background:var(--primary-soft);color:var(--primary-text)}.snackbar{z-index:40;left:calc(env(safe-area-inset-left) + var(--gutter));right:calc(env(safe-area-inset-right) + var(--gutter));bottom:calc(env(safe-area-inset-bottom) + var(--tab-bar) + 80px + var(--keyboard));background:var(--ink);color:var(--background);box-shadow:var(--shadow);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 6px 18px;font-size:15px;font-weight:600;display:flex;position:fixed}.snackbar button.link{color:#74d3a6;white-space:nowrap}.chips{gap:8px;display:flex}.chips.scroll{margin:8px calc(-1 * var(--gutter)) 0;padding:2px var(--gutter);scrollbar-width:none;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap}.chip{background:var(--surface);min-height:36px;color:var(--ink);border:1px solid var(--border);flex:none;padding:7px 14px;font-size:14px;font-weight:600}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.quantity-bar{z-index:25;left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + var(--keyboard) + 72px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex;position:fixed}.quantity-bar-title{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:30%;font-weight:700;overflow:hidden}.quantity-bar .chips.scroll{flex:1;margin:0;padding:0}.sheet-backdrop{z-index:50;background:#00000052;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:calc(100% - 16px);max-width:560px;max-height:calc(100dvh - env(safe-area-inset-top) - 24px - var(--keyboard));margin:0 8px calc(env(safe-area-inset-bottom) + 8px + var(--keyboard));background:var(--surface);box-shadow:var(--shadow);border-radius:28px;outline:none;padding:14px 18px 18px;animation:.18s ease-out sheet-in;overflow-y:auto}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-actions{margin-top:20px}.detail-head{align-items:center;gap:12px;margin-top:12px;display:flex}.detail-head .plate{background:var(--primary-soft)}.quantity-editor{gap:12px;display:grid}.stepper{background:var(--surface2);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:6px;display:flex}.stepper output{font-size:22px;font-weight:800}.segmented{background:var(--surface2);border-radius:12px;padding:3px;display:flex}.segmented button{min-height:36px;color:var(--ink);background:0 0;border-radius:9px;flex:1;padding:6px 4px;font-weight:600}.segmented button.active{background:var(--surface);box-shadow:0 1px 3px #00000026}textarea,input.field,form.login input{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface2);color:var(--ink);resize:vertical;border-radius:12px;padding:10px 14px;font-size:17px}.counter{text-align:right;margin-top:4px}form.login{gap:8px;margin:12px 0;display:flex}form.login input{flex:1;min-width:0}.actions{flex-wrap:wrap;gap:8px;display:flex}.hint{color:var(--ink-secondary);font-size:14px}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.symbol{background:var(--surface2);min-height:52px;color:var(--ink);border:2px solid #0000;border-radius:14px;padding:6px;font-size:20px}.symbol img{width:32px;height:32px}.symbol.active{border-color:var(--primary);background:var(--primary-soft)}.list-picker{margin:12px 0;padding:0;list-style:none}.list-picker button{width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:12px;justify-content:space-between;font-size:17px;font-weight:600;display:flex}.list-picker button.active{background:var(--primary-soft);color:var(--primary-text)}.checks{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:0;padding:0;list-style:none}.checks li{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:12px 16px;font-size:15px;display:flex}.checks li:first-child{border-top:0}.checks .ok{color:var(--primary-text);text-align:right;overflow-wrap:anywhere;font-weight:700}.checks .fail{color:var(--danger);text-align:right;font-weight:700}@media (width<=340px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}