@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#20382e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f2e9;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.57}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Outfit,system-ui,sans-serif}h1{font-size:clamp(2rem,7vw,3.1rem);line-height:1.07}h2{font-size:1.25rem}input,select{color:#20382e;background:#fff;border:1px solid #d4d7cd;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 15px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#4d7a5d;box-shadow:0 0 0 3px #dbe9d9}input::placeholder{color:#87958b}a{color:inherit}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:#4d7557;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:800}.muted{color:#697a6e;line-height:1.5}.field-label{color:#325341;align-items:baseline;gap:4px;margin:16px 0 7px;font-size:.84rem;font-weight:700;display:flex}.field-label span{color:#89948a;font-weight:500}.primary-button,.secondary-button,.danger-button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#1b4b35;box-shadow:0 5px 12px #1d55321e}.primary-button:hover:not(:disabled){background:#123e2a}.secondary-button{color:#315341;background:#f4f6f1;border-color:#d5ddcf}.secondary-button:hover:not(:disabled){background:#e9eee7}.danger-button{color:#fff;background:#a94035}.danger-button:hover:not(:disabled){background:#8d3027}.full{width:100%}.icon-button{color:#446451;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex}.icon-button:hover{background:#e6ebe4}.icon-button.small{border-radius:9px;width:34px;height:34px}.error-message{color:#9e3327;background:#fae8e4;border-radius:10px;padding:10px 13px;font-size:.88rem;line-height:1.4}.success-message{color:#226037;background:#e1f0df;border-radius:10px;padding:10px 13px;font-size:.88rem}.helper-text{color:#6e8072;font-size:.86rem;line-height:1.45}.loading-screen{color:#70806f;place-content:center;justify-items:center;gap:12px;min-height:100dvh;display:grid}.brand-mark{color:#f5df8e;background:#1b4b35;border-radius:18px;place-items:center;width:60px;height:60px;display:grid}.auth-screen{background:radial-gradient(circle at 10% 15%,#e6eddf,#0000 34%),#f5f2e9;place-items:center;min-height:100dvh;padding:22px;display:grid}.auth-card{background:#fffdf8;border:1px solid #e5e5d9;border-radius:24px;width:min(100%,440px);padding:34px 30px;box-shadow:0 22px 70px #304a3220}.auth-card .brand-mark{margin-bottom:28px}.auth-card h1{margin-bottom:13px}.auth-card .muted{margin-bottom:28px}.auth-card .full{margin-top:22px}.auth-footnote{text-align:center;color:#839087;margin:22px 0 0;font-size:.8rem}.person-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.person-option{color:#355a40;background:#fff;border:1px solid #d7dfd4;border-radius:12px;min-height:53px;font-weight:800}.person-option.selected{background:#e3efdf;border-color:#3a7650;box-shadow:inset 0 0 0 1px #3a7650}.setup-card{width:min(100%,570px)}.setup-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.app-shell{min-height:100dvh;padding-bottom:96px}.app-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf9eb;border-bottom:1px solid #e7e9de;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;width:min(100%,820px);height:69px;margin:auto;padding:0 22px;display:flex}.header-brand,.header-actions{align-items:center;gap:11px;display:flex}.header-brand strong{font-family:Outfit,sans-serif;font-size:1.04rem;line-height:1.15;display:block}.header-brand small{color:#7c8b7d;font-size:.7rem;display:block}.mini-mark{color:#f4df8e;background:#1b4b35;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.user-badge{color:#31553b;background:#e4ecdd;border-radius:50%;place-items:center;min-width:34px;height:34px;padding:0 7px;font-size:.73rem;font-weight:800;display:grid}.main-content{width:min(100%,820px);margin:auto;padding:32px 22px 30px}.list-heading{justify-content:space-between;display:flex}.list-heading .eyebrow{margin-bottom:9px}.list-heading h1{align-items:center;gap:14px;margin-bottom:8px;display:flex}.list-heading p:last-child{color:#7a8b7d;font-size:.95rem}.count-badge{color:#315d3e;letter-spacing:0;background:#dce9d7;border-radius:9px;place-items:center;min-width:28px;height:28px;padding:0 6px;font:700 .9rem DM Sans,sans-serif;display:inline-grid}.add-card{background:#fff;border:1px solid #e4e8dd;border-radius:20px;margin:26px 0 35px;padding:21px;position:relative;box-shadow:0 10px 30px #35583a0a}.add-title{align-items:center;gap:9px;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1.12rem;display:flex}.add-icon{color:#397449;background:#e5f0dc;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.quick-row{grid-template-columns:1fr auto;gap:9px;display:grid}.quick-row input,.add-submit{min-height:52px}.details-toggle{color:#467153;background:0 0;border:0;align-items:center;gap:4px;margin-top:15px;padding:0;font-size:.84rem;font-weight:700;display:inline-flex}.details-toggle svg{transition:transform .18s}.details-toggle svg.turned{transform:rotate(180deg)}.add-details{border-top:1px solid #eef0eb;margin-top:17px;padding-top:4px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.autocomplete{min-width:0;position:relative}.suggestions{z-index:40;background:#fff;border:1px solid #dce2d9;border-radius:12px;max-height:240px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #28432c22}.suggestions button{text-align:left;color:#294633;background:0 0;border:0;border-radius:8px;width:100%;padding:10px;display:block}.suggestions button:hover,.suggestions button:focus{background:#edf4e8}.global-error{margin-top:-20px}.section-title{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.section-title h2{margin:0;font-size:1.28rem}.section-title span{color:#8a9689;font-size:.82rem}.item-list{gap:9px;display:grid}.item-card{background:#fffefa;border:1px solid #e7e9df;border-radius:15px;align-items:center;gap:12px;min-height:80px;padding:14px 13px;display:flex;box-shadow:0 3px 10px #2a513009}.item-main{flex:1;min-width:0}.item-main strong{overflow-wrap:anywhere;font-size:.98rem;line-height:1.3;display:block}.item-meta{color:#748577;flex-wrap:wrap;align-items:center;gap:6px 9px;margin-top:5px;font-size:.79rem;display:flex}.shop-tag{color:#7c601d;background:#f7edd0;border-radius:6px;padding:2px 7px}.by-tag{color:#899789}.item-actions{gap:1px;display:flex}.empty-list{text-align:center;color:#7d8d7d;background:#ffffff83;border:1px dashed #ccdac9;border-radius:20px;padding:53px 20px}.empty-list span{color:#4c7956;background:#e9f0e2;border-radius:22px;place-items:center;width:66px;height:66px;margin:0 auto 15px;display:grid}.empty-list h3{color:#2f503b;margin-bottom:7px}.empty-list p{margin-bottom:0;font-size:.9rem}.bottom-nav{z-index:25;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#fffefa;border-top:1px solid #e1e6dc;justify-content:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #284a2410}.bottom-nav button{color:#809082;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:min(50%,190px);min-height:50px;font-size:.86rem;font-weight:700;display:flex}.bottom-nav button.active{color:#285437;background:#e8f0e3}.toast{left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:80;color:#fff;background:#234733;border-radius:12px;align-items:center;gap:14px;width:min(100% - 28px,500px);min-height:52px;padding:9px 12px 9px 16px;font-size:.84rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #122c2280}.toast span{flex:1}.toast button{color:#f6d77e;background:0 0;border:0;font-weight:800}.toast .toast-close{color:#fff;place-items:center;padding:0;display:grid}.shopping-mode{color:#26382d;background:#f8e9b1}.shopping-mode .app-header{background:#f8e9b1eb;border-bottom-color:#ddcc8c}.shopping-mode .mini-mark{background:#2a4a34}.shopping-mode .bottom-nav{background:#fff9df;border-color:#e5d69e}.shopping-mode .bottom-nav button.active{background:#eee1aa}.shopping-mode .main-content{padding-top:37px}.shopping-heading .eyebrow{color:#8c7229}.shopping-heading h1{margin-bottom:8px}.shopping-heading p:last-child{color:#786f51}.shopping-list{gap:12px;margin-top:28px;display:grid}.shopping-item{text-align:left;color:#273c2d;background:#fff9df;border:1px solid #e0d094;border-radius:15px;align-items:center;gap:15px;width:100%;min-height:86px;padding:15px;display:flex;box-shadow:0 5px #dccf9c}.shopping-item:active{transform:translateY(2px);box-shadow:0 3px #dccf9c}.shopping-checkbox{color:#0000;border:2px solid #567659;border-radius:13px;flex:none;place-items:center;width:47px;height:47px;display:grid}.shopping-item:hover .shopping-checkbox{color:#3e6544;background:#e8efce}.shopping-item-text{flex:1;gap:4px;min-width:0;display:grid}.shopping-item-text strong{overflow-wrap:anywhere;font-family:Outfit,sans-serif;font-size:clamp(1.05rem,4.3vw,1.3rem);line-height:1.2}.shopping-item-text span{color:#6f755b;font-size:.82rem}.initials{color:#8a8a63;align-self:flex-start;font-size:.72rem;font-weight:800}.empty-shopping{color:#556c48;justify-items:center;gap:9px;padding:60px 0;display:grid}.empty-shopping svg{border:2px solid #648059;border-radius:50%;width:56px;height:56px;padding:7px}.empty-shopping strong{font-family:Outfit,sans-serif;font-size:1.4rem}.modal-backdrop{z-index:60;background:#13281cc0;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:#fffefa;border-radius:20px;width:min(100%,480px);max-height:min(90dvh,740px);padding:24px;overflow-y:auto;box-shadow:0 30px 80px #0d1c155e}.modal-top{justify-content:space-between;align-items:start;gap:10px;margin-bottom:13px;display:flex}.modal-top h2{margin:4px 0 0;font-size:1.48rem}.modal-copy{color:#526b58;line-height:1.55}.modal-copy strong{color:#264632}.modal-actions{justify-content:flex-end;gap:9px;margin-top:23px;display:flex}.modal-actions.stacked{flex-direction:column}.duplicate-preview{color:#4c6954;background:#f3f3e9;border-radius:10px;flex-wrap:wrap;gap:8px;padding:13px;font-size:.88rem;display:flex}.reminder{color:#785b1d;background:#fff1cd;border-radius:10px;align-items:center;gap:10px;padding:12px 13px;font-size:.89rem;line-height:1.35;display:flex}.reminder svg{flex:none}.back-link{color:#4b7654;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:11px;padding:0;font-weight:700;display:inline-flex}.settings-menu{display:grid}.settings-person{border-bottom:1px solid #e8ebe3;align-items:center;gap:13px;padding:12px 0 19px;display:flex}.settings-person strong,.settings-person small{display:block}.settings-person small{color:#829081;font-size:.8rem}.settings-avatar{color:#2b603d;background:#dcebd6;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.settings-menu>button{color:#2f523b;text-align:left;background:0 0;border:0;border-bottom:1px solid #e8ebe3;justify-content:space-between;align-items:center;min-height:52px;padding:0 4px;font-weight:700;display:flex}.settings-menu>button:hover{color:#1d7140}.settings-menu>.logout-link{color:#9d493b;justify-content:flex-start;gap:8px}.catalog-intro{margin-bottom:22px}.catalog-group{margin:23px 0}.catalog-group h3{margin-bottom:8px;font-size:1rem}.catalog-row{border-bottom:1px solid #ecede8;align-items:center;gap:3px;min-height:43px;display:flex}.catalog-row>span{overflow-wrap:anywhere;flex:1}.catalog-row input{flex:1;min-width:0;min-height:39px}@media (width<=540px){.auth-card{padding:28px 22px}.setup-grid{grid-template-columns:1fr}.header-content{height:62px;padding:0 16px}.main-content{padding:26px 16px}.add-card{margin-top:22px;padding:17px}.add-submit{width:53px;padding:0}.add-submit span{display:none}.item-card{gap:9px;padding:11px}.item-actions{flex-direction:column}.modal{padding:20px}}