:root{--bg: #f6f5ef;--card: #ffffff;--ink: #1d2a22;--muted: #6b7068;--line: #e4e2d8;--primary: #15803d;--primary-ink: #ffffff;--primary-soft: #e3f1e6;--warn: #b45309;--warn-soft: #fdf1e1;--danger: #b91c1c;--radius: 14px;--shadow: 0 1px 2px rgba(20, 30, 20, .06), 0 4px 16px rgba(20, 30, 20, .05);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #121612;--card: #1b211c;--ink: #e8ece6;--muted: #9aa39a;--line: #2b332c;--primary: #4ade80;--primary-ink: #0b1a10;--primary-soft: #1d3324;--warn: #f59e0b;--warn-soft: #33270f;--danger: #f87171;--shadow: none;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;line-height:1.2}p{margin:0}.screen{min-height:100dvh;display:flex;flex-direction:column}.center-page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:40px 24px;max-width:440px;margin:0 auto;gap:16px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger);font-size:14px}.logo{width:72px;height:72px}.title-xl{font-size:30px;font-weight:750;letter-spacing:-.02em}.title-l{font-size:22px;font-weight:700}.app-header{position:sticky;top:0;z-index:20;padding:calc(var(--safe-top) + 10px) 16px 10px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:10px}.app-header h1{font-size:22px;font-weight:750;flex:1}.app-main{flex:1;padding:0 16px calc(var(--safe-bottom) + 96px);max-width:640px;width:100%;margin:0 auto}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;padding:6px 8px calc(var(--safe-bottom) + 6px);background:var(--card);border-top:1px solid var(--line)}.tab{flex:1;max-width:140px;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:12px;color:var(--muted);border-radius:10px}.tab svg{width:24px;height:24px}.tab.active{color:var(--primary);font-weight:650}.label{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.field{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);outline:none;font-size:16px}.field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.code-field{text-align:center;font-size:26px;letter-spacing:.35em}.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn svg{width:22px;height:22px;flex:none}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-secondary{background:var(--primary-soft);color:var(--primary)}.btn-ghost{background:transparent;color:var(--muted)}.btn-danger{background:transparent;color:var(--danger)}.btn-block{width:100%}.icon-btn{border:0;background:transparent;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-btn svg{width:22px;height:22px}.select-pill{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px;font-size:14px;max-width:45vw}.add-bar{position:sticky;top:calc(var(--safe-top) + 62px);z-index:15;padding:4px 0 10px;background:var(--bg)}.add-bar form{display:flex;gap:8px}.add-bar .btn{padding:0 16px}.suggestions{position:absolute;left:0;right:0;top:100%;margin-top:-4px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;z-index:40}.suggestion{width:100%;text-align:left;border:0;background:none;padding:11px 14px;display:flex;gap:8px;align-items:baseline;border-bottom:1px solid var(--line)}.suggestion:last-child{border-bottom:0}.suggestion.active,.suggestion:hover{background:var(--primary-soft)}.suggestion .cat{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}.hint{font-size:12px;color:var(--muted);padding:6px 2px 0}.progress{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);margin:4px 0 12px}.progress-bar{flex:1;height:6px;border-radius:99px;background:var(--line);overflow:hidden}.progress-bar>div{height:100%;background:var(--primary);transition:width .3s}.group{margin-bottom:14px}.group-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 4px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}.item{display:flex;align-items:center;gap:12px;padding:12px 8px 12px 14px;border-bottom:1px solid var(--line);min-height:56px}.item:last-child{border-bottom:0}.check{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:center;padding:0}.check svg{width:16px;height:16px;opacity:0}.item.done .check{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.item.done .check svg{opacity:1}.item-body{flex:1;min-width:0;border:0;background:none;text-align:left;padding:0}.item-name{font-weight:600}.item-qty{color:var(--primary);font-weight:650;margin-right:6px}.item-meta{font-size:12px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item.done .item-name,.item.done .item-qty{color:var(--muted);text-decoration:line-through;font-weight:500}.done-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 6px}.empty{text-align:center;padding:48px 16px;color:var(--muted)}.empty svg{width:56px;height:56px;opacity:.4;margin-bottom:8px}.badge{display:inline-block;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--warn-soft);color:var(--warn);font-weight:650}.offline{background:var(--warn-soft);color:var(--warn);font-size:13px;padding:6px 12px;border-radius:10px;margin-bottom:10px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}.sheet{background:var(--card);width:100%;max-width:560px;max-height:88dvh;overflow:auto;border-radius:20px 20px 0 0;padding:8px 18px calc(var(--safe-bottom) + 18px);animation:up .2s ease-out}.sheet-grip{width:40px;height:5px;border-radius:99px;background:var(--line);margin:4px auto 12px}.sheet h2{font-size:19px;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:8px 12px;font-size:14px}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(40px);opacity:.6}}.member{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.member:last-child{border-bottom:0}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex:none}.invite{text-align:center;padding:18px}.invite-code{font-size:32px;font-weight:800;letter-spacing:.25em;color:var(--primary);margin:6px 0}.section-title{font-size:15px;font-weight:700;margin:22px 4px 8px}