/* Together / everyday goods. Presentation only; shared-list behavior stays in app.js. */
:root{color:#292723;background:#faf8f3;--green:#b83222;--green-light:#fce9e2;--muted:#756d65;--line:#e6dfd5;--coral:#e64b35;--shadow:0 12px 40px #33291b0a;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
body{background:#faf8f3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#b83222}
.topbar{height:90px;background:transparent;border-bottom:1px solid var(--line);padding:0 max(32px,calc((100vw - 1360px)/2));gap:24px}.brand{gap:10px}.brand-mark{background:#e64b35;border-radius:50%;width:44px;height:44px;transform:rotate(-9deg)}.brand-name{font-size:25px;letter-spacing:-1px;color:#c13725}.brand-caption{color:#756d65;letter-spacing:1px;border-color:var(--line);font-size:12px}.device-tag{color:#756d65}.profile-button{color:#39312b}.avatar{background:#eedac8;color:#633c2f}.avatar.peach{background:#e3e7cc;color:#4e5b32}.top-actions{gap:22px}
.shell{max-width:1424px;grid-template-columns:186px minmax(0,1fr);min-height:calc(100vh - 90px)}.sidebar{border:0;padding:40px 16px 30px 32px;gap:30px}.family-selector{background:transparent;border:0;padding:0;gap:8px}.family-selector .family-icon{padding:8px;background:#f0e8de;color:#8f4d36}.family-name{max-width:96px;font-size:12px;color:#39312b}.family-sub{color:#756d65;font-size:10px}.nav-label{padding:0 8px;font-size:10px;letter-spacing:1px;color:#81776c}.nav-button{border-radius:7px;padding:11px 9px;color:#645b52;gap:9px;font-size:12px}.nav-button.active{background:#fbe3d8;color:#a92e20}.nav-button.active .count{color:#a92e20}.nav-button .count{color:#81776c}.nav-button:hover{background:#f2ece3}.side-note{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 8px 0}.side-note strong{color:#514539}.side-note p,.side-footer{color:#81776c}.note-icon{filter:grayscale(1)}
.workspace{padding:42px 32px 30px}.page-intro{margin-bottom:32px;align-items:flex-end}.eyebrow{color:#9b5141;font-size:10px;letter-spacing:2px}.page-intro h1{font-size:clamp(30px,3.2vw,48px);letter-spacing:-2px;color:#302b25;font-weight:800;line-height:1.3}.page-intro .subtitle{color:#756b61;font-size:13px;margin-top:12px}.primary{background:#c63e29;border-radius:100px;box-shadow:none;padding:13px 20px;color:#fff;min-height:48px}.primary:hover{background:#a92e20}.secondary{background:#fffdf8;border-color:#d9cec0;color:#594b3f;border-radius:100px}.secondary:hover{background:#f4e9dd}.text-button{color:#9b3927}.icon-button,button.icon-button{color:#726357}button.icon-button:hover{background:#f5e6dc;color:#a92e20}
.content-grid{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.welcome-banner{display:none}.list-panel{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.list-toolbar{padding:0;border:0}.list-top{padding-bottom:10px}.list-title{font-size:17px;color:#40372f}.list-title .number{background:transparent;color:#85786c;padding:0;font-size:12px;font-weight:400}.sync-state{font-size:10px;color:#657147}.sync-state.error{color:#ae3526}.tabs{gap:7px;margin:12px 0 20px;padding-bottom:16px;border-bottom:1px solid #ddd3c5}.tab{padding:9px 14px;border:0;border-radius:100px;font-size:12px;color:#706357;min-height:40px}.tab.active{background:#352e28;color:#fff}.tab .tab-num{color:inherit;opacity:.75;font-size:10px}.filter-row{gap:8px;margin-bottom:22px}.search{flex-basis:100%;background:#fffdfa;border:1px solid #dfd5c8;border-radius:8px;min-height:44px;color:#8a7a6c}.search input{font-size:13px;color:#40372f}.search input::placeholder{color:#877b70}.filter-select,.filter-toggle{background:transparent;color:#756557;border-color:#ddd3c5;border-radius:6px;font-size:11px;padding:7px;min-height:36px}.filter-toggle.selected{background:#fbe3d8;border-color:#d8937e;color:#a92e20}
.item-list{padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.item-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:0;background:#fffdfa;border:1px solid #e7ded2;border-radius:14px;overflow:hidden;align-content:start;transition:box-shadow .15s,border-color .15s}.item-card:last-child{border-bottom:1px solid #e7ded2}.item-card:hover{border-color:#cfb9a2;box-shadow:0 6px 18px #5c3e1510}.item-image{grid-column:1/-1;grid-row:1;width:100%;height:138px;border:0;border-radius:0;background:#f1e8db;margin:0}.item-card:nth-child(4n+2) .item-image{background:#e9ecda}.item-card:nth-child(4n+3) .item-image{background:#eee3eb}.item-card:nth-child(4n+4) .item-image{background:#e4ebed}.item-image img{object-fit:contain;padding:10px}.category-emoji{font-size:62px;filter:none;transform:rotate(-8deg);line-height:1.2}.item-check{position:absolute;z-index:1;top:11px;left:11px;margin:0;width:34px;height:34px;border:1px solid #b4a28c;background:#fffdf5;border-radius:50%;color:#a92e20}.item-check:hover{background:#fff;border-color:#a92e20;color:#a92e20}.item-check:before{display:none}.item-check.checked{background:#c63e29;color:#fff;border-color:#c63e29}.item-check.cancelled{background:#e3d8ca;color:#655548;border-color:#ab9780}.item-main{grid-column:1/-1;grid-row:2;padding:17px 17px 8px;min-width:0}.item-line{gap:6px}.item-name{font-size:16px;line-height:1.6;color:#382f28;min-height:0}.item-name:hover{color:#a92e20}.item-meta{font-size:11px;color:#736556;gap:5px;line-height:1.7;margin-top:8px}.pill{font-size:10px;padding:3px 6px;border-radius:4px;color:#655a3b;background:#efe9d5}.pill.now{background:#fce2d5;color:#9b3c23}.pill.price{background:#f7eac0;color:#806016}.pill.review{background:#e9e1ee;color:#725379}.urgent-badge{background:#c63e29;color:#fff;font-size:10px}.item-note{font-size:12px;line-height:1.7;color:#7b6e61;margin-top:7px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-bottom{gap:6px;margin-top:11px}.claim-button{font-size:11px;border:1px solid #e0cbb8;border-radius:100px;color:#875039;background:#fff8ee;padding:5px 10px;min-height:36px}.claimer{font-size:11px;color:#736150}.claimer .avatar{background:#e8dccb;color:#664a35;width:24px;height:24px;font-size:10px}.item-bottom .text-button{font-size:11px;min-height:36px}.item-price{grid-column:1;grid-row:3;text-align:left;min-width:0;padding:9px 0 16px 17px;align-self:end}.item-price .money{font-size:20px;color:#41352b;letter-spacing:-.6px;font-weight:700}.item-price .price-caption{font-size:10px;color:#837364;margin-top:3px}.item-actions{grid-column:2;grid-row:3;flex-direction:row;align-self:end;margin:0;padding:8px 7px 12px 0}.item-actions .icon-button{width:36px;height:40px}.item-card.is-done .item-image{opacity:.6}.item-card.is-done .item-name,.item-card.is-cancelled .item-name{color:#7e7164}.list-footer{background:transparent;border-top:0;padding:16px 0;color:#857567;font-size:10px}.empty-list{grid-column:1/-1;border:1px dashed #d7c6b3;border-radius:14px;background:#fffdf8}.empty-list h3{color:#594638}.empty-list p{color:#7d6c5c}
.side-panel{gap:23px}.overview-card{background:#f2e7cf;border:0;border-radius:3px 3px 14px 14px;padding:24px 20px;position:relative;box-shadow:0 5px 0 #e7dbc4}.overview-card:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,#faf8f3 0 8px,transparent 8px 16px)}.card-heading{font-size:13px;color:#534332;letter-spacing:.3px}.card-heading svg{color:#8b775e}.budget-label{color:#7d674d;margin-top:26px;font-size:11px}.budget-money{font-size:38px;color:#403323;letter-spacing:-1.5px}.budget-money small{font-size:20px}.budget-foot{color:#7a674f;font-size:10px}.overview-divider{border-top:1px dashed #bca886;margin:23px 0}.mini-label{color:#7a674f;font-size:10px}.mini-number{font-size:19px;color:#59462e}.review-hint{background:#eaddbf;border:0;color:#78603d;font-size:11px;line-height:1.7;border-radius:5px}.members-card,.activity-card{padding:0 4px 20px;background:transparent;border:0;border-bottom:1px solid #e3d8ca;border-radius:0}.members-card{padding-top:8px}.members-description{color:#81715f;font-size:11px}.members-strip .avatar{border-color:#faf8f3}.invite-round{background:transparent;border-color:#b6a68d;color:#84694b}.members-card .secondary{background:transparent;border-color:#d8c5b0;border-radius:6px;color:#86523a}.activity-list{gap:16px}.activity-dot{background:#d68162}.activity-entry:after{background:#e4d5c4}.activity-text{color:#83715f;font-size:11px}.activity-text strong{color:#564434}.activity-time{color:#8d7c69;font-size:10px}.activity-empty{color:#81715f}.workspace-footer{color:#8d7e70;font-size:10px;border-top:1px solid #e3d8ca;padding-top:17px}.workspace-footer .footer-tag{font-size:10px}
.item-card{grid-template-rows:138px 1fr auto}
/* Forms share the same palette and retain the native dialog focus behavior. */
dialog,.dialog-footer{background:#fffdf8;color:#392e25}dialog::backdrop{background:#35291f66;backdrop-filter:blur(3px)}.dialog-eyebrow{color:#a46b50}.field label,.field-label,.checkbox-label,.form-section-title{color:#65503e}.field input,.field select,.field textarea,.input{background:#fffefa;border-color:#d9cbbb;color:#453628}.field input::placeholder,.field textarea::placeholder{color:#9a8774}.field-hint,.field label small,.profile-provider,.purchase-price-note,.setting-section p,.member-role,.image-upload p{color:#85705c}.image-upload{background:#f7efe3;border-color:#d5c1a7}.image-preview{background:#ede0ce;color:#9b795c}.image-upload label,.member-controls button{color:#9d4d32}.plan-option{border-color:#dfd2c0;color:#806a53}.plan-option:has(input:checked){background:#fbe6dc;border-color:#cb775a;color:#9d3724}.details-note,.confirm-card,.invite-code{background:#f5ebdc;border-color:#ddc7a9;color:#71573d}.invite-code strong{color:#8e452e}.invite-code .icon-button{background:#ead9c1}.confirm-card p,.trash-row p{color:#85705c}.notification{background:#44362b;border-color:#68503e;color:#fff8ee}.notification button{color:#ffe1bd}.onboard-copy h1{color:#bc3a28;letter-spacing:-2px;font-size:52px;line-height:1.25}.onboard-copy>p,.onboard-copy .eyebrow,.onboard-point,.onboard-card>p,.onboard-profile{color:#806b57}.onboard-card{background:#fffdf8;border-color:#e3d5c2;box-shadow:0 20px 80px #70491a0a;border-radius:16px}.onboard-art{background:#f2e4c9;border-color:#e3ceab}.onboard-art .sample-line{color:#755b3e;border-color:#d7bc91}.sample-owner{color:#725337;background:#e6d1ad}.onboard-art:after{background:#d44830;color:#fff}.onboard-caption{color:#806b57!important}.form-tabs button{color:#8b735b}.inline-invite{background:#f5ebdc;color:#71573d;border-color:#ddc7a9}
@media(min-width:1600px){.shell{grid-template-columns:190px minmax(0,1fr)}.workspace{padding:48px 32px}.content-grid{grid-template-columns:minmax(0,1fr) 260px}.item-image{height:160px}}
@media(max-width:1100px){.shell{grid-template-columns:160px minmax(0,1fr)}.sidebar{padding:32px 12px 24px 18px}.workspace{padding:32px 22px}.content-grid{grid-template-columns:minmax(0,1fr)}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.activity-card{grid-column:1/-1}.activity-list{display:grid;grid-template-columns:1fr 1fr}.page-intro h1{font-size:36px}.item-image{height:145px}.overview-card{padding:24px}.members-card{padding:24px 5px}.activity-entry:after{display:none}}
@media(max-width:760px){.topbar{height:72px;padding:0 20px}.brand-mark{width:34px;height:34px}.brand-name{font-size:23px}.brand-caption,.device-tag{display:none}.profile-button>span:not(.avatar){max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{display:block}.sidebar{display:none}.workspace{padding:20px 18px 26px}.mobile-family{display:flex;margin-bottom:22px;gap:10px}.mobile-family button{color:#7b624c;font-size:12px;min-width:0;text-align:left}.mobile-family .sync-state{font-size:10px}.page-intro{flex-wrap:wrap;gap:18px;margin-bottom:27px}.page-intro h1{font-size:34px;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:1px}.page-intro .subtitle{max-width:none;font-size:12px}.page-intro>div{flex-basis:100%!important}.page-intro>.primary{margin:0!important;min-height:44px!important;padding:11px 18px!important;font-size:13px!important}.content-grid{gap:28px}.list-top{gap:8px}.list-title{font-size:16px}.list-top .sync-state{display:none}.tabs{gap:4px;margin:8px 0 17px;padding-bottom:14px;justify-content:space-between}.tab{font-size:12px;padding:9px 11px}.tab .tab-num{font-size:10px;margin-left:4px}.filter-row{gap:7px;margin-bottom:18px}.search{flex-basis:100%;min-height:46px}.search input{font-size:16px}.filter-select,.filter-toggle{flex:1 1 42%;max-width:none;min-height:42px;font-size:12px}.item-list{gap:12px}.item-card{grid-template-columns:minmax(0,1fr) auto;padding:0;border-radius:11px}.item-image{grid-column:1/-1;grid-row:1;width:100%;height:118px;border-radius:0}.category-emoji{font-size:51px}.item-check{grid-column:auto;grid-row:auto;top:8px;left:8px;width:36px;min-width:36px;height:36px;min-height:36px;border:1px solid #b4a28c;background:#fffdf5}.item-check.checked{background:#c63e29}.item-check.cancelled{background:#e3d8ca}.item-main{grid-column:1/-1;grid-row:2;padding:13px 12px 4px}.item-name{font-size:14px;line-height:1.6;min-height:0}.item-meta{font-size:10px;gap:4px;line-height:1.7}.pill,.urgent-badge{font-size:9px}.item-note{font-size:11px;line-height:1.7}.item-bottom{margin-top:9px;gap:4px}.claim-button{min-height:40px;font-size:11px;padding:6px 8px}.claimer{font-size:10px;line-height:1.7}.item-bottom .text-button{font-size:10px;min-height:40px}.item-price{grid-column:1/-1;grid-row:3;padding:9px 12px 0;text-align:left}.item-price .money{font-size:20px}.item-price .price-caption{font-size:9px;margin-top:2px}.item-actions{grid-column:1/-1;grid-row:4;justify-content:flex-end;padding:0 5px 5px;margin:0}.item-actions .icon-button{width:42px;height:42px}.list-footer{gap:10px;font-size:10px;align-items:flex-start}.list-footer>span{line-height:1.9;padding-top:9px}.list-footer .text-button{white-space:nowrap;font-size:11px}.side-panel{display:grid;grid-template-columns:1fr;gap:24px}.members-card{padding:0 4px 20px}.activity-list{display:flex}.activity-card{grid-column:auto}.overview-card{padding:25px}.overview-card .budget-money{font-size:40px}.mini-label,.budget-foot,.members-description,.activity-text{font-size:12px}.workspace-footer{font-size:10px;gap:5px}.field input,.field select,.field textarea,.input{font-size:16px}.onboarding{padding:35px 22px;gap:28px}.onboard-copy h1{font-size:38px}.onboard-copy>p{font-size:14px}.onboard-card{padding:24px}.notifications{bottom:16px}.dialog-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(min-width:1600px){.item-card{grid-template-rows:160px 1fr auto}}
@media(min-width:761px) and (max-width:1100px){.item-card{grid-template-rows:145px 1fr auto}}
@media(max-width:760px){.item-card{grid-template-rows:118px 1fr auto auto}}
@media(max-width:360px){.workspace{padding-left:14px;padding-right:14px}.page-intro h1{font-size:30px}.tabs{gap:0}.tab{padding:9px 8px}.item-list{gap:10px}.item-main{padding:12px 10px 4px}.item-card{grid-template-rows:104px 1fr auto auto}.item-image{height:104px}.category-emoji{font-size:44px}.item-price{padding-left:10px}.item-name{font-size:13px}}