:root{--bg:#d3d9d4;--surface:#e4e8e5;--fg:#212a31;--muted:#4f5f66;--accent:#124e66;--on-accent:#d3d9d4;--border:#2e39442e;--error:#9b2c2c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--bg:#212a31;--surface:#2e3944;--fg:#d3d9d4;--muted:#748d92;--accent:#124e66;--on-accent:#d3d9d4;--border:#748d9240;--error:#f2a09a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);-webkit-tap-highlight-color:transparent;margin:0}main{max-width:720px;margin:0 auto;padding:12px 16px 96px}header{align-items:center;gap:8px;margin-bottom:12px;display:flex}h1{letter-spacing:-.01em;flex:1;margin:0;font-size:1.4rem}.logo{width:36px;height:36px}a{color:inherit}button,input,select,.button{font:inherit;color:var(--fg);border-radius:4px;min-height:44px}button,.button{border:1px solid var(--border);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 16px;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.ghost{background:0 0;border-color:#0000}.icon{flex:none;width:44px;padding:0;font-size:.85rem;font-weight:600}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}input,select{border:1px solid var(--border);background:var(--surface);min-width:0;padding:0 12px}.menu{position:relative}.menu summary{background:var(--accent);height:44px;color:var(--on-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu-panel{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:8px;min-width:220px;padding:12px;display:flex;position:absolute;top:52px;right:0;box-shadow:0 8px 24px #0003}.menu-panel p{overflow-wrap:anywhere;margin:0}.segmented{background:var(--surface);border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:none;font-weight:600}.segmented button[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.count{white-space:nowrap;background:#00000026;border-radius:4px;min-width:1.6em;padding:0 6px;font-size:.8em}.search{width:100%;margin-bottom:8px}.segmented.three{grid-template-columns:1fr 1fr 1fr}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.store-filter{min-height:36px;font-size:.9rem}.add-row{gap:6px;margin-bottom:12px;display:flex}.add-row .grow{flex:1}.chips{gap:6px;display:flex}.chips button{min-height:36px;color:var(--muted);padding:0 12px;font-size:.9rem}.chips button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.run-form{background:var(--surface);border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;padding:12px;display:grid}.run-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.run-form label>*{color:var(--fg);font-size:1rem}.run-form .wide{grid-column:1/-1}.run-form .actions{justify-content:flex-end;gap:8px;display:flex}.group{margin-bottom:20px}.group-head{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:flex-end;gap:8px;padding-bottom:6px;display:flex}.head-actions{flex:none;display:flex}.group-head h2{margin:0;font-size:1.05rem}.group-head p{margin:0;font-size:.85rem}.empty{margin:8px 4px}.history summary{border-bottom:2px solid var(--accent);cursor:pointer;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 4px;display:flex}.history-item{justify-content:space-between;min-height:44px;padding:0 4px}.list{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:2px 0;display:flex}.item .tap{text-align:left;background:0 0;border:none;flex:1;justify-content:flex-start;gap:12px;min-width:0;min-height:56px;padding:6px 4px}.check,.plus{border:2px solid var(--muted);border-radius:3px;flex:none;place-items:center;width:24px;height:24px;display:grid}.plus{color:var(--muted);border-style:dashed;font-weight:700}.item.checked .check,.item.ordered .check{background:var(--accent);border-color:var(--accent)}.item.checked .check:after,.item.ordered .check:after{content:"✓";color:var(--on-accent);font-size:.85rem;font-weight:700}.label{flex-direction:column;min-width:0;display:flex}.name{overflow-wrap:anywhere;font-weight:500}.item.ordered{background:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:inset 4px 0 0 var(--accent)}.item.ordered .tap{padding-left:12px}.label.plain{flex:1;justify-content:center;min-height:56px;padding:6px 4px}.item.checked .name{color:var(--muted);text-decoration:line-through}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.tag{border:1px solid var(--muted);border-radius:3px;padding:0 6px;font-size:.75rem}.qty{text-align:center;flex:none;width:72px}.qty:placeholder-shown:not(:focus){background:0 0;border-style:dashed}.item .icon{color:var(--muted);background:0 0;border-color:#0000}.item .icon[aria-pressed=true]{color:var(--fg);border-color:var(--border)}.muted{color:var(--muted)}.center{text-align:center;padding:24px 0}.banner{border:1px solid;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;padding:4px 4px 4px 12px;display:flex}.error{color:var(--error)}.banner .ghost{color:inherit}.toast{background:var(--fg);width:min(560px,100% - 32px);color:var(--bg);border-radius:6px;margin:0;padding:12px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.help{line-height:1.5}.help-head{border-bottom:2px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.help-head .logo+h2{flex:1}.help h2{margin:0;font-size:1.2rem}.help h3{margin:24px 0 8px;font-size:1.05rem}.help ol,.help ul{padding-left:22px}.help li{margin-bottom:6px}.help figure{margin:12px 0 16px}.help figure img{border:1px solid var(--border);border-radius:6px;width:100%;max-width:360px;display:block}.help figcaption{color:var(--muted);margin-top:6px;font-size:.85rem}.faq-page{font-family:Lato,system-ui,-apple-system,sans-serif}.faq-page h3{background:var(--accent);color:var(--on-accent);letter-spacing:.03em;border-radius:4px;margin:24px 0 4px;padding:4px 12px;font-size:.95rem;font-weight:900;display:inline-block}.faq-card{background:var(--surface);border-left:4px solid var(--accent);border-radius:6px;margin:10px 0;padding:14px 16px}.faq-card h4{margin:0 0 6px;font-size:1.02rem;font-weight:700}.faq-card p{color:color-mix(in srgb, var(--fg) 82%, var(--bg));margin:0}.mode{border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin:0;padding:8px 0;display:flex}.mode legend{color:var(--muted);padding:0;font-size:.85rem}.mode label{cursor:pointer;align-items:flex-start;gap:8px;font-size:.9rem;display:flex}.mode input{width:18px;height:18px;min-height:0;accent-color:var(--accent);flex:none;margin-top:1px}.sign-in{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:64px;display:flex}.sign-in h1{flex:none;font-size:2rem}.sign-in .logo{width:96px;height:96px;margin-bottom:-8px}
