:root{color:#22372f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#176a49;--dark:#153e2e;--muted:#718078;--line:#e4eae5;background:#f4f6f4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7cae96}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h2{font-size:1.15rem}h3{font-size:1rem}button{border:0}input,select,textarea{color:#22372f;background:#fff;border:1px solid #d6dfd7;border-radius:10px;width:100%;min-height:46px;padding:12px 14px}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #83b69d}input::placeholder,textarea::placeholder{color:#8c9890}textarea{resize:vertical}label{gap:8px;font-size:.9rem;font-weight:550;display:grid}label .optional{color:var(--muted);font-size:.8rem;font-weight:400}label:has(.optional){position:relative}.optional{position:absolute;top:0;right:0}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#125338}.secondary{color:var(--dark);background:#eaf0eb}.full{width:100%}.icon-button{color:#75867b;background:0 0;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.icon-button:hover{background:#eef2ee}.text-button{color:var(--green);background:0 0;min-height:40px;padding:10px 2px;font-weight:600}.danger-text{color:#ad4036;background:0 0;min-height:44px;padding:10px}.stack{flex-direction:column;gap:20px;display:flex}.muted,.fine{color:var(--muted);line-height:1.65}.fine{font-size:.85rem}.error{color:#a33d30;overflow-wrap:anywhere;background:#fff1ec;border-radius:8px;padding:12px;font-size:.9rem;line-height:1.6}.separated{margin-top:16px}.inset{background:#f4f6f3;border-radius:12px;padding:20px}.inset h3{margin-bottom:8px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.brand-mark{background:var(--green);color:#fff;border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.brand-mark.small{border-radius:12px;width:42px;height:42px}.eyebrow{letter-spacing:.17em;color:#87978c;margin-bottom:14px;font-size:.7rem;font-weight:700}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1120px;min-height:105px;margin:auto;padding:24px 40px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:12px;font-weight:700;display:flex}.brand small{color:var(--muted);letter-spacing:.04em;margin-top:5px;font-size:.75rem;font-weight:400;display:block}.profile{color:#52675a;background:0 0;align-items:center;gap:10px;min-height:44px;font-size:.85rem;display:flex}.avatar{background:#e2ebe1;border:2px solid #fff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:.85rem;font-weight:600;display:grid}.workspace{max-width:820px;margin:0 auto;padding:54px 32px 40px}.list-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.list-heading h1{letter-spacing:-.035em;align-items:center;gap:15px;font-size:2rem;display:flex}.count{color:#376348;text-align:center;letter-spacing:0;background:#e1ebe0;border-radius:8px;min-width:32px;height:30px;padding:4px 8px;font-size:1rem}.sync-status{color:#65816c;background:0 0;align-items:center;gap:7px;min-height:44px;font-size:.78rem;display:flex}.status-dot{background:#65a074;border-radius:50%;width:6px;height:6px}.sync-status.attention{color:#a26d20}.sync-status.attention .status-dot{background:#c49b49}.notice{color:#805d22;background:#fff4dc;border-radius:10px;margin-bottom:18px;padding:12px 16px;font-size:.85rem;line-height:1.65}.notice .text-button{margin-left:12px}.add-box{background:#fff;border:1px solid #d9e4da;border-radius:15px;overflow:hidden;box-shadow:0 4px 16px #17391b04}.quick-add{color:#7f9785;align-items:center;gap:12px;padding:14px 16px 10px 22px;display:flex}.quick-add input{background:0 0;border:0;min-width:0;padding:10px 0;font-size:1rem}.quick-add input:focus{outline:none}.quick-add:focus-within{box-shadow:inset 0 0 0 2px #8bb29b}.quick-add .primary{white-space:nowrap;padding:11px 24px}.details-button{color:#8a958b;background:0 0;align-items:center;gap:5px;min-height:32px;margin:0 0 12px 53px;padding:5px;font-size:.78rem;display:flex}.filters{scrollbar-width:none;gap:8px;padding:26px 0 22px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{color:#7c8980;white-space:nowrap;background:0 0;border-radius:8px;min-height:40px;padding:9px 14px;font-size:.8rem}.filters .selected{color:#285e3c;background:#e1ece2;font-weight:600}.section-caption{color:#929d94;letter-spacing:.03em;justify-content:space-between;margin-bottom:13px;font-size:.76rem;display:flex}.item-list{border:1px solid var(--line);background:#fff;border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.item{border-bottom:1px solid #edf0ed;align-items:center;gap:16px;min-height:94px;padding:17px 18px;display:flex}.item:last-child{border:0}.check-button{color:#fff;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;margin:0;display:grid;position:relative}.check-button:before{content:"";border:1.5px solid #c9d5c8;border-radius:7px;position:absolute;inset:10px}.check-button svg{position:relative}.check-button:hover:before{border-color:var(--green);background:#eaf2ea}.purchased .check-button:before{background:#8eab91;border-color:#8eab91}.item-text{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.item-name{overflow-wrap:anywhere;font-size:1rem;font-weight:600}.item-notes{color:#7b867d;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.83rem;line-height:1.5}.item-meta{color:#9ba59c;font-size:.7rem}.quantity{color:#627562;overflow-wrap:anywhere;background:#f2f5ef;border-radius:6px;max-width:130px;padding:5px 10px;font-size:.8rem;font-weight:500}.item .icon-button{color:#9ba89c;margin-right:-4px}.purchased .item-name{color:#8b998c;text-decoration:line-through}.purchased{background:#fafbf9}.completed{margin-top:28px}.completed-toggle{color:#7b8c7d;background:0 0;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:12px 0;font-size:.9rem;display:flex}.completed-toggle>span:first-child{align-items:center;gap:9px;display:flex}.small-count{color:#84977e;background:#e9ede6;min-width:25px;height:22px;padding:3px 6px;font-size:.72rem}.rotate{transform:rotate(90deg)}.page-footer{color:#a0aca0;justify-content:space-between;gap:15px;margin-top:44px;font-size:.7rem;display:flex}.empty-state{text-align:center;background:#f8faf6;border:1px dashed #d5dfd3;border-radius:15px;padding:55px 20px}.empty-icon{color:#5b8e60;background:#e7efe2;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 20px;display:grid}.empty-state h2{color:#62765c;margin-bottom:10px;font-size:1rem;font-weight:600}.empty-state p{color:#92a18a;font-size:.85rem}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex}.login-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:100%;max-width:420px;padding:36px;box-shadow:0 15px 60px #153e2e08}.login-card .brand-mark{margin-bottom:26px}.login-card h1{font-size:2rem}.login-subtitle{color:#849180;margin:12px 0 34px}.login-card .eyebrow{font-size:.65rem}.login-card .fine{font-size:.78rem}.toast{z-index:15;bottom:max(28px,env(safe-area-inset-bottom));color:#fff;background:#254535;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:14px 20px;font-size:.9rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #17391b25}.toast span{overflow-wrap:anywhere}.toast button{color:#bddfae;white-space:nowrap;background:0 0;padding:7px;font-weight:600}dialog{color:#22372f;border:0;border-radius:20px;width:min(500px,100% - 32px);max-height:calc(100dvh - 48px);padding:28px;overflow:auto;box-shadow:0 24px 80px #10271830}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c231d65}.modal-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.modal-header .icon-button{margin-right:-10px}.account-card{align-items:center;gap:12px;margin-bottom:20px;display:flex}.account-card .avatar{width:44px;height:44px}.settings-links{margin-bottom:22px;display:grid}.settings-links button{border-bottom:1px solid var(--line);color:#314d3b;background:0 0;justify-content:space-between;align-items:center;padding:17px 0;display:flex}.member{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.member .fine{display:block}.member-actions{gap:12px;display:flex}.member-actions button{font-size:.8rem}.conflicts{background:#fff5e3;border:1px solid #ebd5aa;border-radius:12px;margin-bottom:22px;padding:18px}.conflicts h2{margin-bottom:12px;font-size:1rem}.conflict+.conflict{border-top:1px solid #eadaba;margin-top:16px;padding-top:16px}.conflict p{overflow-wrap:anywhere;margin:8px 0;font-size:.83rem;line-height:1.7}.compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compare p{background:#fffaf0;border-radius:8px;padding:10px}.compare b{color:#9b7b48;margin-bottom:6px;font-size:.7rem;font-weight:500;display:block}.conflict-actions{flex-wrap:wrap;gap:8px;display:flex}.conflict-actions button{padding:10px 12px;font-size:.8rem}@media (width>=1100px){.workspace{padding-top:60px}.topbar{padding-inline:32px}}@media (width<=600px){.topbar{min-height:84px;padding:18px 20px}.workspace{padding:30px 20px}.list-heading h1{font-size:1.75rem}.eyebrow{margin-bottom:10px;font-size:.62rem}.profile-name{display:none}.profile{gap:7px}.list-heading{margin-bottom:22px}.quick-add{gap:9px;padding:10px 10px 7px 14px}.quick-add .primary{padding:10px 18px}.details-button{margin-left:39px}.filters{gap:4px;margin-right:-20px;padding-right:20px}.filters button{padding:8px 12px}.item{gap:9px;min-height:90px;padding:14px 9px}.item .icon-button{min-width:36px;margin:0}.quantity{max-width:80px;padding:5px 7px;font-size:.76rem}.item-name{font-size:.98rem}.section-caption{font-size:.72rem}.page-footer{margin-top:30px;font-size:.65rem}.login-card{padding:30px 26px}.member{align-items:flex-start}.member-actions{flex-direction:column;gap:5px}.member-actions button{min-height:28px;padding:3px 0}dialog{padding:24px 20px}.compare{grid-template-columns:1fr}.form-grid{gap:12px}.toast{padding:10px 15px}.empty-state{padding-block:45px}}@media (prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}.rotate{transition:transform .15s}}.quick-store{padding:0 20px 12px}.quick-store .store-field{max-width:380px}.store-field{gap:12px;display:grid}.store-filters{flex-wrap:wrap;padding-top:0;overflow:visible}.store-filters button{border:1px solid var(--line);white-space:normal;text-align:left;overflow-wrap:anywhere}.store-filters span{opacity:.65;font-size:.72rem}.store-tag{color:#487652;overflow-wrap:anywhere;font-weight:500}.store-manager .member>strong{overflow-wrap:anywhere;min-width:0}.store-manager .member-actions{flex-shrink:0}