:root{--green:#174d35;--ink:#192b23;--muted:#66736b;--line:#dfe5df;--lime:#e6ef87}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fafbf8;font-family:'DM Sans',sans-serif;font-size:16px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a1ad38;outline-offset:4px}a{color:inherit;text-decoration:none}.demo{background:var(--green);color:#fff;text-align:center;padding:10px 16px;font-size:12px;letter-spacing:1px}.demo span{margin-left:18px;opacity:.85;letter-spacing:0;font-size:13px}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:8px}.brand-dot{color:#7e8b21;margin-left:-8px}.mark{display:grid;place-items:center;background:var(--green);color:white;border-radius:12px;width:38px;height:38px;font-size:30px}nav{display:flex;gap:30px}nav button{padding:10px 0;border:0;background:none;color:var(--muted);font-size:14px;font-weight:600}nav button.active{color:var(--green);box-shadow:0 2px var(--green)}.avatar{border:1px solid var(--line);background:white;border-radius:50%;width:36px;height:36px}main{max-width:1200px;margin:auto;padding:0 0 50px}.intro{display:flex;align-items:center;justify-content:space-between;padding:48px 0 40px;gap:60px}.eyebrow,.step-label{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--green)}h1{font-family:Manrope,sans-serif;font-size:48px;line-height:1.15;letter-spacing:-2px;margin:15px 0 18px;font-weight:700}p{line-height:1.6;margin:8px 0;color:var(--muted)}.intro>div>p{max-width:490px}.intro-note{border-left:1px solid #cbd6c9;padding:10px 0 10px 30px;max-width:300px}.intro-note strong{display:block;font-size:19px}.intro-note p{font-size:14px}.small-icon{font-size:27px}.text-button{border:0;background:none;color:var(--green);font-size:14px;font-weight:700;padding:8px 0;text-align:left}h2{font-size:23px;letter-spacing:-.7px;margin:0 0 5px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--line);gap:24px}.muted{color:var(--muted);font-size:14px}.search{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;background:white;padding:0 14px;width:280px}.search span{font-size:24px}.search input{border:0;padding:12px 0;min-width:0;outline:0;background:none}.filter-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{border:1px solid var(--line);background:transparent;border-radius:24px;padding:9px 16px;font-size:14px;color:#46534b}.chips button.selected{color:white;background:var(--green);border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #18341e0c}.card-image{height:172px;position:relative;overflow:hidden;background:#e8eddf}.card-image img{width:100%;height:100%;object-fit:cover}.card:nth-child(2) img{object-position:70% 65%}.card:nth-child(3) img{object-position:20% 30%}.badge{position:absolute;top:14px;left:14px;background:#fffef8;padding:6px 10px;font-size:12px;font-weight:600;border-radius:5px}.card-body{padding:23px}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;gap:8px}.card h3{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.6px;margin:13px 0 7px}.card-body>p{font-size:14px;min-height:46px}.item-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.item-tags span{font-size:12px;background:#f2f5ef;border-radius:5px;padding:6px 8px}.card-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-size:23px;font-weight:700}.price small{font-size:12px;font-weight:400;display:block;color:var(--muted)}.primary{border:0;border-radius:8px;background:var(--green);color:#fff;padding:13px 20px;font-weight:600;font-size:14px}.primary:hover{background:#246947}.primary:disabled{background:#7b8a7e;cursor:default}.secondary{border:1px solid var(--line);background:white;border-radius:8px;padding:12px 20px;color:var(--green);font-size:14px}.bottom-note{background:#edf2e7;display:flex;align-items:center;gap:18px;padding:24px;border-radius:12px;margin-top:35px}.bottom-note>span{background:#d7e4c7;border-radius:50%;padding:8px 13px}.bottom-note strong{font-size:15px}.bottom-note p{font-size:13px;margin:3px 0}.bottom-note button{margin-left:auto;white-space:nowrap}footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:28px 0;display:flex;align-items:center;gap:30px}footer .brand{font-size:21px}footer p,footer span{font-size:12px}footer span{margin-left:auto;color:var(--muted)}.page-title{padding:45px 0 30px}.page-title h1{font-size:38px}.request-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:60px}.panel{padding:32px;border:1px solid var(--line);border-radius:14px;background:white}.panel h2{margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:500}form input,form select,form textarea{display:block;width:100%;padding:12px;border:1px solid #cbd5cc;border-radius:7px;margin:8px 0 20px;color:var(--ink);background:white}textarea{resize:vertical}.field-help{font-size:12px;margin:-10px 0 20px}form>.primary{width:100%;margin:8px 0 20px}.request-aside{padding:20px 10px}.request-aside ol{padding-left:26px}.request-aside li{padding:10px 0 14px 10px}.request-aside p{font-size:14px}.privacy-note{background:#edf2e7;border-radius:10px;padding:20px;font-size:14px;line-height:1.6}.error{color:#a52e2e;font-size:14px}.empty{padding:60px 24px;text-align:center;background:white;border:1px dashed #cbd5cc;border-radius:12px;grid-column:1/-1}.activity-card{border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:15px;background:white;display:flex;gap:25px;justify-content:space-between;align-items:center}.activity-card h3{margin:0}.status{display:inline-block;background:#eef1dc;border-radius:20px;padding:7px 12px;font-size:12px;color:#5c6227}.activity-card p{font-size:14px}dialog{border:0;border-radius:18px;width:min(560px,calc(100% - 32px));padding:36px;box-shadow:0 24px 100px #0003;color:var(--ink);max-height:90vh}dialog::backdrop{background:#10271e77;backdrop-filter:blur(3px)}.close{position:absolute;right:16px;top:10px;font-size:28px;border:0;background:none;color:var(--muted)}dialog h2{margin:10px 0 14px;font-size:28px}dialog p{font-size:14px}dialog .primary{width:100%;margin-top:18px}.basket-list{padding:0;list-style:none;margin:22px 0}.basket-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.notice{background:#f1f4e6;padding:15px;border-radius:8px;font-size:13px;line-height:1.6}.dialog-actions{display:flex;gap:12px;margin-top:18px}.dialog-actions .primary{margin:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 24px;border-radius:8px;box-shadow:0 8px 30px #0002;display:none;z-index:10}#count:empty{display:none}#count{background:#e8edda;border-radius:12px;padding:2px 6px;font-size:12px} [hidden]{display:none!important}@media(min-width:1450px){main,footer{max-width:1240px}}@media(max-width:1280px){main,footer{margin-left:40px;margin-right:40px}}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.intro{gap:30px}.intro-note{max-width:240px}h1{font-size:38px}.request-layout{gap:25px;grid-template-columns:1.5fr 1fr}.bottom-note{flex-wrap:wrap}.bottom-note button{margin-left:48px}nav{gap:18px}header{padding:20px 28px}.brand{font-size:25px}.mark{display:none}}@media(max-width:600px){header{padding:18px 20px;flex-wrap:wrap;gap:15px}.avatar{position:absolute;right:20px;top:80px}nav{order:3;width:100%;justify-content:space-between;gap:10px}nav button{font-size:13px}.demo{font-size:10px;padding:9px}.demo span{display:block;margin:3px 0 0;font-size:11px}main,footer{margin-left:20px;margin-right:20px}.intro{padding:30px 0;display:block}.intro-note{display:none}h1{font-size:37px}.intro p{font-size:15px}.toolbar{display:block}.toolbar h2{font-size:21px}.search{width:100%;margin-top:18px}.search input{width:100%}.cards{grid-template-columns:1fr;gap:20px}.card-image{height:190px}.filter-row{display:block;margin:18px 0}.filter-row>span{display:block;margin-top:14px}.chips{gap:6px}.chips button{padding:8px 12px;font-size:13px}.bottom-note{padding:20px;align-items:flex-start}.bottom-note>div{flex:1}.bottom-note button{margin-left:0}.request-layout{grid-template-columns:1fr}.panel{padding:22px}.form-grid{grid-template-columns:1fr;gap:0}.page-title h1{font-size:32px}.activity-card{align-items:flex-start;flex-direction:column}.activity-card .secondary{width:100%}footer{flex-wrap:wrap;gap:10px 25px}footer span{margin:0;width:100%}dialog{padding:30px 22px}.page-title{padding-top:30px}}

.selection-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.selection-header strong{font-size:14px}.item-choice{display:flex;align-items:center;gap:14px;width:100%;cursor:pointer}.item-choice input{width:20px;height:20px;accent-color:var(--green)}.item-choice small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.item-choice:has(input:disabled){opacity:.55}nav{gap:20px}@media(max-width:600px){.brand{font-size:25px}}

/* Household request feed */
.intro{padding:30px 0 26px}.intro h1{font-size:38px}.intro-note{padding-top:0;padding-bottom:0}.profile-card .card-image{height:225px}.profile-card .card-image img{object-position:center 40%}.profile-card:nth-child(2) .card-image img{object-position:center 35%}.profile-card:nth-child(3) .card-image img{object-position:center 40%}.profile-card .badge{font-size:12px;background:#ffffffeb}.profile-card h3{font-size:24px;margin-bottom:6px}.family-detail{font-size:14px;color:var(--green);font-weight:600}.profile-card .profile-intro{font-size:15px;line-height:1.65;min-height:123px;margin:15px 0 22px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-heading h4{font-size:15px;margin:0}.list-heading>span{font-size:12px;color:var(--muted)}.requested-items{list-style:none;padding:0;margin:8px 0 20px}.requested-items li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.requested-items li>span:last-child{color:var(--muted);white-space:nowrap}.requested-items small{display:block;color:var(--green);font-size:12px;margin-top:3px}.requested-items .reserved{opacity:.6}.profile-action{width:100%}.profile-card .choice-note{font-size:12px;text-align:center;min-height:0;margin:9px 0 0}.profile-card .card-body{padding:22px}@media(max-width:600px){.intro h1{font-size:34px}.profile-card .card-image{height:245px}.profile-card .profile-intro{min-height:0}.intro{padding:24px 0}.toolbar h2{font-size:21px}}