@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box} :root{font-family:system,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#243c32;background:#fafbf8;font-synthesis:none;--green:#245b46;--muted:#77817a;--border:#e4e8df;--soft:#edf3e9}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #7eaa6e;outline-offset:3px}input,select,textarea{outline:none}input:focus,select:focus,textarea:focus{border-color:#658d61;box-shadow:0 0 0 3px #729b6220}button{color:inherit}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100dvh}.sidebar{width:252px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:#f0f3eb;border-right:1px solid var(--border);padding:36px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;margin-bottom:62px;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:40px;height:44px;border-radius:13px;background:var(--green);color:#f4ecd5;font-size:36px;font-weight:400}.brand-small{display:block;margin-top:1px;letter-spacing:3px;font-size:9px;font-weight:650}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#73846c;margin:0 0 12px}.sidebar-label{padding:0 13px;margin-bottom:14px}.sidebar nav{display:grid;gap:7px}.nav-list{border:0;background:none;border-radius:11px;min-height:48px;width:100%;padding:12px;display:flex;align-items:center;gap:11px;text-align:left;font-size:14px;color:#697569}.nav-list.selected{background:#e0e9d8;color:var(--green);font-weight:650}.nav-list .nav-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:11px;min-width:23px;padding:3px 6px;border-radius:6px;text-align:center;background:#ffffff80}.quiet{background:none;border:0;text-align:left}.new-list{margin-top:14px;padding:13px;font-size:13px;color:#67765f}.sidebar-bottom{margin-top:auto;padding-top:40px}.family-note{border:1px solid #dce4d4;border-radius:13px;padding:17px 13px;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:12px;line-height:1.8;color:#6e7e63}.family-note>span:last-child{font-size:34px;transform:rotate(-15deg)}.settings-button{width:100%;padding:26px 12px 0;display:flex;gap:12px;align-items:center;color:#65705f;font-size:16px}.settings-button span{font-size:13px}main{margin-left:252px;flex:1;min-width:0}.topbar{height:92px;padding:0 48px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff70}.desktop-crumb{font-size:12px;color:#83907e}.desktop-crumb span{padding:0 12px;color:#c0c8b9}.topbar-actions{display:flex;align-items:center;gap:22px}.connection{font-size:11px;color:#667d5e;white-space:nowrap}.connection:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#79a36e;margin-right:7px}.connection.offline{color:#a16e2a}.connection.offline:before{background:#c99544}.person-button{border:1px solid var(--border);background:white;border-radius:30px;display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;font-size:12px}.avatar{background:#e8eddf;color:#4a6540;border-radius:50%;width:30px;height:30px;display:inline-grid;place-items:center;font-size:12px;font-weight:700}.content{max-width:1090px;margin:auto;padding:46px 48px 20px}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.list-heading .eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:38px;line-height:1.2;letter-spacing:-1.5px;font-weight:650;margin:0 0 12px;overflow-wrap:anywhere}.muted{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.list-menu{align-self:flex-start;margin-top:22px}.icon-button{border:1px solid var(--border);background:#fff;border-radius:10px;width:40px;height:40px;display:inline-grid;place-items:center;font-size:19px;flex-shrink:0}.search-section{position:relative;margin:30px 0 32px}.search-box{height:60px;background:white;border:1px solid #dce2d5;border-radius:13px;display:flex;align-items:center;box-shadow:0 3px 8px #1e442104;padding:0 18px;gap:13px}.search-icon{font-size:30px;line-height:1;color:#7e8f74;transform:rotate(-15deg)}.search-box input{width:100%;height:100%;border:0;box-shadow:none;background:transparent;font-size:15px;color:#304834;min-width:0}.search-box input::placeholder{color:#9aa491}.search-box:focus-within{border-color:#79966d;box-shadow:0 0 0 3px #729b6215}.search-box kbd{font-size:16px;border:1px solid var(--border);border-radius:5px;padding:0 5px;color:#98a28e;font-family:inherit}.search-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#99a18e;margin:10px 4px 0;gap:10px}.text-button{border:0;background:none;font-size:12px;padding:6px 0;color:#6b805c;white-space:nowrap}.text-button[aria-pressed=true]{color:var(--green);font-weight:700}.suggestions{position:absolute;top:66px;left:0;right:0;z-index:10;background:#fff;border:1px solid var(--border);box-shadow:0 12px 40px #243c321a;border-radius:14px;max-height:370px;overflow:auto;padding:8px}.suggestion{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;width:100%;padding:11px;border-radius:8px}.suggestion:hover,.suggestion:focus-visible{background:#f1f5eb}.suggestion-icon{font-size:24px;width:34px;text-align:center}.suggestion-text{flex:1;min-width:0;font-size:14px}.suggestion small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.suggestion-plus{color:#7d926c;font-size:20px}.suggestion .already{font-size:10px;color:#68805c;background:#edf3e7;padding:4px 7px;border-radius:6px}.suggestion-heading{font-size:10px;letter-spacing:1px;color:#87947c;padding:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.section-title{display:flex;align-items:center;gap:10px}h2{font-size:18px;font-weight:650;letter-spacing:-.35px;margin:0}.count{border-radius:6px;background:#eaf0e3;color:#6f855e;font-size:11px;font-weight:650;min-width:23px;padding:4px 7px;text-align:center}.view-switch{display:flex;background:#eef1e9;border-radius:8px;padding:3px;gap:3px}.view-switch button{background:none;border:0;width:32px;height:29px;border-radius:6px;color:#939e87;font-size:19px;line-height:1}.view-switch button.selected{background:white;color:var(--green);box-shadow:0 1px 4px #1a331319}.filters{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:23px}.store-filter label{display:none}.store-filter select{max-width:200px;border:1px solid var(--border);background:white;border-radius:8px;padding:8px 27px 8px 10px;font-size:11px;color:#66775d}.sort-control{font-size:10px;color:#8a9580;display:flex;align-items:center;gap:7px}.sort-control select{font-size:11px;border:0;color:#68765e;background:transparent;padding:8px 0;max-width:150px}.items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.category-heading{grid-column:1/-1;margin:8px 0 0;font-size:10px;font-weight:600;color:#8b9780;letter-spacing:.6px}.category-heading:first-child{margin-top:0}.item-card{position:relative;min-width:0;background:#fff;border:1px solid var(--border);border-radius:13px;transition:transform .13s,border-color .13s,box-shadow .13s;overflow:hidden}.item-card:hover{border-color:#afbea4;box-shadow:0 4px 13px #29472508}.item-hit{border:0;background:transparent;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:19px 14px 13px;width:100%;min-height:166px;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.item-icon{font-size:38px;line-height:1.2;margin:0 0 12px;width:100%;text-align:center}.item-name{font-size:13px;font-weight:650;line-height:1.4;width:100%;overflow-wrap:anywhere;padding-right:8px}.item-detail{font-size:10px;color:#7f8b75;line-height:1.5;margin-top:4px;display:block;max-width:100%;overflow-wrap:anywhere}.item-note{font-size:10px;line-height:1.5;color:#8f977f;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-person{font-size:9px;color:#a0aa96;margin-top:8px;display:block}.item-edit{position:absolute;top:5px;right:5px;width:30px;height:30px;background:transparent;border:0;border-radius:7px;color:#929e87;font-size:16px;display:grid;place-items:center}.item-edit:hover{background:#edf3e7}.item-check{position:absolute;left:9px;top:10px;border:1px solid #dae3d0;border-radius:50%;width:15px;height:15px;pointer-events:none}.interaction-hint{text-align:center;font-size:10px;color:#96a08c;margin:20px 0 0}.interaction-hint span{margin-right:4px}.history-section{border-top:1px solid var(--border);margin-top:35px;padding-top:28px}.history-section .toolbar{margin-bottom:6px}.history-section h2{font-size:16px;color:#788b6a}.history-check{background:#e9efdf;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:#849c70;font-size:13px}.history-limit{font-size:10px;color:#96a18b}.history-description{font-size:11px;margin-bottom:19px}.history-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.history-card{border-color:#e4e9db;background:#eef3e7}.history-card .item-hit{flex-direction:row;align-items:center;gap:12px;min-height:74px;padding:12px 38px 12px 13px}.history-card .item-icon{width:35px;flex-shrink:0;font-size:26px;margin:0;filter:saturate(.6)}.history-card .item-name{font-size:12px;color:#6c7f5f;text-decoration:line-through;text-decoration-color:#b1bfa4;padding:0}.history-card .item-detail{font-size:10px;color:#98a28c;margin-top:2px}.history-card .item-person{font-size:9px;color:#89997a;margin-top:4px}.history-card .item-edit{top:50%;transform:translateY(-50%)}.history-card .item-check{display:none}.items.text-view{display:flex;flex-direction:column;gap:7px}.text-view .item-hit{flex-direction:row;align-items:center;gap:12px;min-height:68px;padding:12px 45px 12px 43px}.text-view .item-icon{width:27px;font-size:24px;margin:0;flex-shrink:0}.text-view .item-check{top:26px;left:15px}.text-view .item-edit{top:20px}.text-view .item-person{margin-top:4px}.text-view .category-heading{margin:12px 0 3px}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #dce5d2;border-radius:15px;padding:35px 20px;color:#8e9b83;background:#f4f7ef}.empty-state .empty-icon{font-size:36px;margin-bottom:12px;display:block}.empty-state strong{font-size:15px;color:#607951;display:block;margin-bottom:7px}.empty-state p{font-size:12px;line-height:1.7;margin:0}.empty-history{grid-column:1/-1;color:#9aa48f;font-size:12px;padding:18px 0}footer{text-align:center;font-size:10px;color:#aeb7a3;padding:40px 0 12px;letter-spacing:.4px}.mobile-brand,.mobile-list{display:none}dialog{color:#243c32;border:1px solid #e1e7da;border-radius:20px;padding:28px;width:calc(100% - 32px);max-width:470px;max-height:calc(100dvh - 48px);box-shadow:0 25px 100px #172b2a33;overscroll-behavior:contain}dialog::backdrop{background:#15291f60;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog-header .eyebrow{font-size:9px;margin:3px 0 9px}.dialog-header h2{font-size:24px}.dialog-header .icon-button{width:32px;height:32px;border:0;background:#f0f4ea}dialog label{display:block;font-size:12px;color:#64715d;margin:17px 0 0}dialog input,dialog select,dialog textarea{display:block;width:100%;background:#fafbf7;border:1px solid #dfe5d7;border-radius:9px;padding:12px;color:#2e4531;font-size:14px;margin-top:7px}dialog textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}.dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap}.dialog-footer .danger{margin-right:auto}.primary{background:var(--green);border:1px solid var(--green);color:white;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:600}.primary:hover{background:#194d39}.secondary{border:1px solid #dce5d1;background:#f1f5eb;border-radius:9px;padding:11px 15px;font-size:12px;color:#546b46}.danger{color:#a5634f}.inline-form{display:flex;align-items:stretch;gap:8px;margin:18px 0 10px}.inline-form input{margin:0;min-width:0}.fine-print{font-size:10px;line-height:1.6;color:#99a28f;margin:18px 0 0}h3{font-size:14px;margin:26px 0 8px}.people{display:grid;gap:9px;margin:22px 0}.person-option{border:1px solid var(--border);background:#fafcf6;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left;padding:10px;font-size:14px}.person-option.selected{border-color:#89a372;background:#edf3e7}.person-option .avatar{width:35px;height:35px}.person-option .selected-label{margin-left:auto;font-size:10px;color:#7c9369}.settings-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0e7;font-size:13px}.settings-row>span{flex:1;overflow-wrap:anywhere}.settings-row button{font-size:11px;padding:8px;border:0;background:#f2f5ec;border-radius:7px}.toast{position:fixed;z-index:100;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#234936;color:#fff;border:1px solid #41684c;border-radius:12px;box-shadow:0 8px 30px #152a2430;padding:14px 16px;display:flex;align-items:center;gap:16px;font-size:12px;max-width:calc(100% - 28px);width:max-content}.toast>span{line-height:1.5}.toast button{border:0;background:transparent;color:#d5e6b8;font-size:12px;padding:5px;white-space:nowrap}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){.content{padding-top:58px}.items{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.sidebar{width:210px;padding:32px 16px}.brand{font-size:22px;padding:0 5px}main{margin-left:210px}.topbar{padding:0 30px}.content{padding:36px 30px 20px}.items{grid-template-columns:repeat(3,minmax(0,1fr))}.family-note{font-size:11px}}@media(max-width:760px){.sidebar{display:none}main{margin-left:0}.topbar{height:72px;padding:0 20px;background:#f4f6ef}.desktop-crumb{display:none}.mobile-brand{display:block;font-size:19px;font-weight:750;letter-spacing:-.7px;color:var(--green)}.topbar-actions{gap:10px}.connection{font-size:0}.connection:before{margin:0;width:7px;height:7px}.person-button{gap:7px;padding-right:8px;font-size:11px;max-width:175px}#person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:23px 20px 15px}.mobile-list{display:block;margin-bottom:29px}.mobile-list>label{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#8a967e;display:block;margin-bottom:8px}.mobile-list>div{display:flex;gap:8px}.mobile-list select{width:100%;min-width:0;background:white;border:1px solid var(--border);border-radius:9px;padding:10px 12px;color:#4c6641;font-size:13px}.mobile-list .icon-button{width:39px;height:39px}.list-heading .eyebrow{font-size:8px;letter-spacing:1.15px;margin-bottom:10px}h1{font-size:31px;letter-spacing:-1px;margin-bottom:9px}.list-heading .muted{font-size:12px}.list-menu{margin-top:17px;width:34px;height:34px}.search-section{margin:24px 0 28px}.search-box{height:56px;padding:0 13px;gap:9px}.search-box input{font-size:14px}.search-caption{font-size:10px}.text-button{font-size:11px}h2{font-size:17px}.toolbar{margin-bottom:16px}.filters{margin-bottom:18px;gap:5px}.store-filter select{max-width:173px;font-size:10px;padding-right:19px}.sort-control{font-size:0;gap:0}.sort-control select{font-size:10px;max-width:124px}.items{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.item-hit{min-height:153px;padding:22px 10px 11px}.item-icon{font-size:32px;margin-bottom:12px}.item-name{font-size:12px}.item-detail{font-size:9px}.item-person{font-size:8px}.item-edit{font-size:15px;top:3px;right:3px;width:27px;height:27px}.item-check{width:13px;height:13px;top:10px;left:8px}.history-section{margin-top:28px;padding-top:24px}.history-items{grid-template-columns:1fr}.history-card .item-hit{min-height:74px}.history-card .item-name{font-size:13px}.history-card .item-detail{font-size:10px}.history-card .item-person{font-size:9px}.history-section h2{font-size:16px}.history-description{font-size:10px}.history-limit{font-size:9px}.interaction-hint{font-size:9px;margin-top:17px}dialog{padding:22px;border-radius:17px}dialog input,dialog select,dialog textarea{font-size:16px}.dialog-header h2{font-size:22px}.toast{bottom:max(16px,env(safe-area-inset-bottom));gap:10px;padding:12px;max-width:calc(100% - 20px)}.toast>span{max-width:220px;font-size:11px}footer{padding-top:32px}.text-view .item-hit{min-height:73px}.text-view .item-name{font-size:13px}.text-view .item-detail{font-size:11px}.text-view .item-person{font-size:9px}}@media(max-width:360px){.content{padding-left:14px;padding-right:14px}.topbar{padding:0 14px}.mobile-brand{font-size:17px}.items{grid-template-columns:repeat(2,minmax(0,1fr))}.search-caption>span{font-size:9px}.sort-control select{max-width:110px}.store-filter select{max-width:160px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Compact shopping view and persistent appearance. */
:root{color-scheme:light}
.content{padding-top:28px;padding-bottom:28px}
.list-heading>div{flex:1;min-width:0}
.list-heading h1{margin-bottom:0}
.list-heading .muted{margin-top:7px;font-size:11px}
.list-menu{margin-top:0}
.search-section{margin-top:20px;margin-bottom:23px}
.search-caption{justify-content:flex-end;margin-top:4px}
.mobile-list{margin-bottom:20px}
#active-items .item-card{background:#eef5fb;border-color:#c3d8e7;box-shadow:0 2px 5px #22435606}
#active-items .item-card:hover{background:#e6f0f8;border-color:#8bafc7}
#active-items .item-check{background:#fff;border-color:#a5bdcd}
#active-items .item-detail{color:#5c7486}
#active-items .item-person{color:#6f8490}
#active-items .item-note{color:#5c7486}
.empty-state{padding:22px 14px}
.empty-state strong{margin:0;font-size:13px}
.history-section{margin-top:25px;padding-top:20px}
.article-appearance{grid-template-columns:90px minmax(0,1fr)}
#edit-icon{text-align:center;font-size:23px;padding:6px;min-height:46px}
.icon-picker{margin-top:12px;font-size:12px;color:var(--muted)}
.icon-picker summary{cursor:pointer;padding:7px 0}
.icon-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-height:160px;overflow:auto;padding:6px 1px}
.icon-choice{background:var(--soft);border:1px solid var(--border);border-radius:7px;font-size:23px;min-height:39px;padding:4px}
#icon-help{margin-top:6px}
[data-theme=dark]{color-scheme:dark;--green:#8bc7a6;--muted:#a5b4aa;--border:#3a4a40;--soft:#2a3c31;color:#e2ebe4;background:#141c18}
[data-theme=dark] .sidebar{background:#1b251e}
[data-theme=dark] .topbar{background:#1c2821}
[data-theme=dark] .brand-icon{background:#315d45;color:#e6edd6}
[data-theme=dark] .mobile-brand{color:#a4d6b7}
[data-theme=dark] :is(.nav-list,.new-list,.settings-button,.desktop-crumb){color:#b1c1af}
[data-theme=dark] .nav-list.selected{background:#304735;color:#d2e8ca}
[data-theme=dark] .nav-count{background:#40563c;color:#dcebd5}
[data-theme=dark] :is(.person-button,.icon-button,.search-box,.suggestions,.item-card,dialog){background:#202d25;color:#e2ebe4;border-color:var(--border)}
[data-theme=dark] :is(input,select,textarea){color:#e2ebe4}
[data-theme=dark] :is(dialog input,dialog select,dialog textarea,.store-filter select,.mobile-list select){background:#19261e;color:#e2ebe4;border-color:#425548}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#9bad9e}
[data-theme=dark] .search-box input{background:transparent;color:#e2ebe4}
[data-theme=dark] :is(.search-icon,.search-box kbd,.search-caption,.sort-control,.sort-control select,.category-heading,.item-detail,.item-note,.item-person,.item-edit,.interaction-hint,.history-limit,.fine-print,dialog label){color:#a5b8a8}
[data-theme=dark] :is(.avatar,.count,.history-check,.view-switch,.secondary,.settings-row button,.dialog-header .icon-button){background:#304735;color:#c5dfbd;border-color:#456143}
[data-theme=dark] :is(.view-switch button,.text-button){color:#b4d6a9}
[data-theme=dark] .view-switch button.selected{background:#4b6749;color:#f2faed}
[data-theme=dark] .primary{background:#387751;border-color:#4b9065;color:#fff}
[data-theme=dark] .primary:hover{background:#42875d}
[data-theme=dark] :is(.suggestion:hover,.suggestion:focus-visible,.item-edit:hover){background:#304735}
[data-theme=dark] :is(.suggestion small,.suggestion-heading){color:#a4b7a5}
[data-theme=dark] :is(.suggestion-plus,.already){color:#bedab1}
[data-theme=dark] .suggestion .already{background:#344d33}
[data-theme=dark] #active-items .item-card{background:#223b46;border-color:#456b7a}
[data-theme=dark] #active-items .item-card:hover{background:#294651;border-color:#6a94a5}
[data-theme=dark] #active-items .item-check{background:#192d36;border-color:#7699a8}
[data-theme=dark] #active-items :is(.item-detail,.item-note,.item-person){color:#b6ced9}
[data-theme=dark] .history-card{background:#28382a;border-color:#40543c}
[data-theme=dark] .history-card .item-name{color:#b8cbb0;text-decoration-color:#788d6a}
[data-theme=dark] .history-card :is(.item-person,.item-detail){color:#a6b89b}
[data-theme=dark] .history-section h2{color:#c2d5b5}
[data-theme=dark] :is(.empty-state,.person-option){background:#243426;border-color:#425b3c;color:#bdcfb1}
[data-theme=dark] :is(.empty-state strong,.person-option.selected){color:#d7e8cc}
[data-theme=dark] .person-option.selected{background:#354c30;border-color:#7f9f69}
[data-theme=dark] .settings-row{border-color:#3a4a40}
[data-theme=dark] .danger{color:#efb5a6}
@media(max-width:760px){.content{padding-top:18px}.search-section{margin-top:18px}.mobile-list{margin-bottom:20px}.list-menu{margin-top:0}.history-section{margin-top:22px}.article-appearance{grid-template-columns:85px minmax(0,1fr)}}