:root{--bg:#fbf7f2;--surface:#fff;--text:#2b1d16;--muted:#76675e;--line:#ece3da;--primary:#c9432a;--primary-ink:#fff;--primary-soft:#fde7df;--pastel-tomato:#fde3da;--pastel-leaf:#dff1e5;--pastel-paper:#fbefd6;--pastel-cafe:#efe5dc;--pastel-sky:#dfeaf6;--done:#2f9e5b;--danger:#a3271c;--checked:#a39890;--shadow:0 1px 2px #2b1d160f, 0 4px 16px #2b1d160f;--radius:14px;--row-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#17120f;--surface:#221b17;--text:#f4ece4;--muted:#ab9d93;--line:#362b25;--primary:#ff7a5c;--primary-ink:#2b1d16;--primary-soft:#3a231c;--pastel-tomato:#3d241d;--pastel-leaf:#1d3326;--pastel-paper:#3a2f1b;--pastel-cafe:#2e2520;--pastel-sky:#1d2836;--done:#45b86f;--danger:#ff8a7a;--checked:#7a6d65;--shadow:0 1px 2px #0000004d, 0 4px 16px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;font:18px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.top{z-index:5;background:var(--bg);padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;border-bottom:1px solid var(--line);position:sticky;top:0}.top__title{background:0 0;border:0;align-items:center;gap:6px;min-height:44px;padding:4px 0;display:flex}.top__row{align-items:center;gap:8px;display:flex}.top__title{min-width:0}.top__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top__logo{border-radius:10px;flex:none;width:40px;height:40px;margin-left:auto}.top__name{letter-spacing:-.01em;font-size:26px;font-weight:750}.top__menu{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border:0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid;position:relative}.top__menu:before{content:"";position:absolute;inset:-6px}.top__menu:active{background:var(--line)}.status{color:var(--muted);font-size:13px;display:block}.top__at{font-size:17px;font-weight:800;line-height:1}.top__at--on:after{content:"";background:var(--done);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.status--synced{color:var(--done)}.status--error{color:var(--danger)}.progress{background:var(--line);border-radius:999px;height:28px;margin-top:10px;position:relative;overflow:hidden}.progress__bar{background:var(--done);transition:width .3s;position:absolute;inset:0 auto 0 0}.progress__text{text-align:center;mix-blend-mode:difference;color:#fff;font-size:14px;font-weight:600;line-height:28px;display:block;position:relative}.content{flex:1;padding:8px 12px 200px}.credit{text-align:center;color:var(--muted);margin-top:8px;font-size:12px}.credit a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:2px}.group{margin-top:14px}.group__title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 4px 6px;font-size:14px;font-weight:700}.group__count{background:var(--line);text-align:center;border-radius:999px;min-width:22px;margin-left:4px;padding:0 6px;font-size:12px;display:inline-block}.group--cart{margin-top:28px}.rows{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:0;list-style:none;overflow:hidden}.row{border-bottom:1px solid var(--line);position:relative}.row:last-child{border-bottom:0}.row__behind{background:var(--muted);color:#fff;align-items:center;padding:0 20px;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.row__behind--right{justify-content:flex-end}.row__behind--armed{background:var(--danger)}.row--checked .row__behind--armed{background:var(--done)}.row__front{background:var(--surface);touch-action:pan-y;align-items:stretch;transition:transform .2s;display:flex;position:relative}.row__main{min-height:var(--row-h);text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:1;align-items:center;gap:14px;padding:8px 4px 8px 14px;display:flex}.row__main:active{background:var(--primary-soft)}.check{border:2.5px solid var(--line);width:30px;height:30px;color:var(--primary-ink);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.check--on{background:var(--done);border-color:var(--done)}.row__name{overflow-wrap:anywhere;flex:1;font-size:19px}.row__qty{color:var(--primary);background:var(--primary-soft);border-radius:999px;flex:none;padding:3px 10px;font-size:16px;font-weight:700}.row--checked .row__name{color:var(--checked);text-decoration:line-through}.row--checked .row__qty{color:var(--checked);background:var(--line)}.row__edit{width:52px;color:var(--muted);background:0 0;border:0;flex:none;font-size:24px;font-weight:700}.empty{text-align:center;padding:48px 24px 0}.empty p{margin:6px 0}.empty__icon{font-size:56px}.empty--done{padding-top:24px}.muted{color:var(--muted)}.hint{color:var(--muted);margin-top:8px;font-size:14px;display:block}.center{text-align:center}.addbar{z-index:10;max-width:640px;padding:10px 12px calc(env(safe-area-inset-bottom) + 8px);background:linear-gradient(to top, var(--bg) 75%, transparent);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.addbar__form{gap:10px;display:flex}.addbar__input{border:2px solid var(--line);background:var(--surface);min-width:0;height:60px;box-shadow:var(--shadow);border-radius:18px;flex:1;padding:0 18px;font-size:19px}.addbar__input:focus{border-color:var(--primary);outline:none}.addbar__btn{background:var(--primary);width:60px;height:60px;color:var(--primary-ink);box-shadow:var(--shadow);border:0;border-radius:18px;flex:none;font-size:34px;font-weight:500;line-height:1}.suggest{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-bottom:10px;padding:10px}.suggest__title{color:var(--muted);margin:0 4px 8px;font-size:13px;font-weight:600}.suggest__chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;min-height:44px;padding:8px 14px;font-size:16px}.chip:active{background:var(--primary-soft)}.chip--on{border-color:var(--primary);background:var(--primary-soft);font-weight:650}.chips{flex-wrap:wrap;gap:8px;display:flex}.toast{border-radius:var(--radius);color:#fff;min-height:56px;box-shadow:var(--shadow);background:#33241c;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:6px 6px 6px 18px;animation:.18s ease-out rise;display:flex}.toast__undo{color:#ffa58e;text-transform:uppercase;background:0 0;border:0;border-radius:10px;min-height:44px;padding:0 16px;font-size:15px;font-weight:750}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.sheet-backdrop{z-index:30;background:#0006;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:640px;max-height:92dvh;padding:0 16px calc(env(safe-area-inset-bottom) + 16px);border-radius:22px 22px 0 0;animation:.2s ease-out rise;overflow:auto}.sheet__head{background:var(--bg);justify-content:space-between;align-items:center;padding:14px 0 6px;display:flex;position:sticky;top:0}.sheet__head h2{margin:0;font-size:22px}.sheet__body{flex-direction:column;gap:12px;padding-bottom:8px;display:flex}.sheet__actions{gap:10px;margin-top:8px;display:flex}.sheet__actions .btn{flex:1}@keyframes fade{0%{opacity:0}}.icon-btn{background:0 0;border:0;border-radius:12px;width:48px;height:48px;font-size:20px}.btn{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;min-height:56px;padding:0 18px;font-weight:650}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn--danger{color:var(--danger)}.btn--block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:14px;font-weight:650}.field input,.field select{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;height:56px;padding:0 14px}.field input:focus{border-color:var(--primary);outline:none}.qty{align-items:stretch;gap:8px;display:flex}.qty__btn{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;width:56px;height:56px;font-size:26px}.qty .qty__value{text-align:center;flex:1;width:0;font-size:20px;font-weight:700}.qty .qty__unit{width:92px;height:56px}.options{flex-direction:column;gap:8px;display:flex}.option{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;min-height:56px;padding:12px 14px;display:flex}.option small{color:var(--muted);font-size:14px}.option--on{border-color:var(--primary);background:var(--primary-soft)}.lists{border-top:1px solid var(--line);margin:8px 0 0;padding:0;list-style:none}.lists__item{border-bottom:1px solid var(--line);align-items:center;display:flex}.lists__open{text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;min-height:60px;padding:0 6px;display:flex}.lists__open small{color:var(--muted);font-size:14px}.lists__item--on .lists__open span{color:var(--primary);font-weight:750}.text{margin:0}.code{text-align:center;letter-spacing:.18em;background:var(--surface);border-radius:var(--radius);font-variant-numeric:tabular-nums;padding:14px;font-size:38px;font-weight:800}.link{border:1.5px solid var(--line);background:var(--surface);width:100%;height:48px;color:var(--muted);border-radius:12px;padding:0 12px;font-size:15px}hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.toggle{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 14px;font-weight:650;display:flex}.toggle small{color:var(--muted);font-size:14px;font-weight:400;display:block}.toggle__track{background:var(--line);border-radius:999px;flex:none;width:52px;height:32px;transition:background .15s;position:relative}.toggle__track--on{background:var(--primary)}.toggle__thumb{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle__track--on .toggle__thumb{transform:translate(20px)}.otp{text-align:center;letter-spacing:.3em;font-size:28px;font-weight:700}.error{color:var(--danger)}.install-hint{border-radius:var(--radius);background:var(--primary-soft);border:1.5px solid var(--primary);margin:0;padding:14px;line-height:1.4}.install-hint__share{vertical-align:-3px;color:var(--primary)}.tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.tile{min-width:0;height:124px;color:var(--text);text-align:center;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:15px;font-weight:700;line-height:1.2;display:flex}.tile:active{filter:brightness(.95)}.tile__icon{font-size:28px;line-height:1}.tile small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:12px;font-weight:500;overflow:hidden}.tile--tomato{background:var(--pastel-tomato)}.tile--tomato .tile__icon{color:var(--primary);font-weight:800}.tile--leaf{background:var(--pastel-leaf)}.tile--paper{background:var(--pastel-paper)}.tile--cafe{background:var(--pastel-cafe)}.tile--sky{background:var(--pastel-sky)}.tile--done{box-shadow:inset 0 0 0 2px var(--done)}.tile--on{box-shadow:inset 0 0 0 2px var(--primary)}.print{display:none}@media print{@page{margin:14mm 12mm}html,body{color:#000;background:#fff;height:auto}body{font-size:12pt}#root>:not(.print){display:none!important}.print{color:#000;display:block}.print__head{border-bottom:2px solid #c9432a;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10pt;padding-bottom:6pt;display:flex}.print__head h1{margin:0;font-size:20pt}.print__head p{color:#555;margin:2pt 0 0;font-size:10pt}.print__cols{column-count:2;column-gap:12mm}.print__group{break-inside:avoid-column;margin-bottom:8pt}.print__group h2{text-transform:uppercase;letter-spacing:.05em;color:#c9432a;margin:0 0 3pt;font-size:10pt}.print ul{margin:0;padding:0;list-style:none}.print__cols>ul{margin-bottom:8pt}.print li{break-inside:avoid;border-bottom:1px dotted #bbb;align-items:center;gap:8pt;padding:3pt 0;display:flex}.print__box{border:1.5pt solid #333;border-radius:2pt;flex:none;width:11pt;height:11pt}.print__name{flex:1}.print__qty{white-space:nowrap;font-weight:600}.print__blank{height:18pt}.print__line{flex:1}.print__empty{color:#555}.print__foot{text-align:center;color:#777;margin-top:12pt;font-size:9pt}.print__email{color:#999;margin-top:2pt;font-size:8pt;display:block}}