:root{--ink:#17332c;--muted:#71817c;--green:#0f6b4f;--lime:#a9df9b;--pale:#eef7ee;--line:#e6ece8;--bg:#f8faf8;--shadow:0 14px 40px rgba(31,66,51,.08);font-family:"DM Sans",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;border:0;cursor:pointer;color:inherit} .app-shell{display:flex;min-height:100vh}.sidebar{width:258px;background:#fff;border-right:1px solid var(--line);padding:30px 18px 22px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;gap:9px;align-items:center;font:800 24px "Plus Jakarta Sans";letter-spacing:-1.5px;padding:0 13px;margin-bottom:48px}.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:18px;letter-spacing:0}.brand-accent,.mobile-brand span{color:#55af67}.sidebar-label,.eyebrow{font-size:10px;letter-spacing:1.1px;font-weight:700;color:#9aa9a2;margin:0 13px 11px}.location-pill{display:flex;align-items:center;gap:10px;background:#f4f8f4;border:1px solid #e2ede2;border-radius:12px;padding:11px 12px;text-align:left;margin-bottom:34px}.pin{font-size:21px;color:var(--green)}.location-pill strong,.location-pill small{display:block}.location-pill strong{font-size:12px}.location-pill small{font-size:10px;color:var(--muted);margin-top:3px}.chevron{margin-left:auto;color:#91a19a}.main-nav{display:grid;gap:5px;margin-bottom:31px}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:10px;background:transparent;text-align:left;color:#71817b;font-size:13px}.nav-item span{font-size:19px;width:20px;text-align:center}.nav-item.active{background:#e9f5e8;color:var(--green);font-weight:700}.nav-count{margin-left:auto;background:#eaf0ea;color:var(--green);font-size:10px;padding:2px 7px;border-radius:12px}.sidebar-bottom{margin-top:auto}.mini-profile{border-top:1px solid var(--line);padding:18px 5px 20px;display:flex;align-items:center;gap:9px;font-size:11px}.mini-profile strong,.mini-profile small{display:block}.mini-profile small{color:#8a9993;font-size:10px;margin-top:3px}.mini-profile>span{margin-left:auto;color:#9aa9a2}.avatar{background:#f1cbb4;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;color:#8a543a;font-size:10px;font-weight:700}.help-card{background:#f1f8ee;border-radius:12px;padding:12px;display:flex;gap:9px;align-items:center;margin:18px 4px 0}.help-icon{background:#b9dfae;color:#3e7543;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-weight:700}.help-card strong,.help-card small{display:block;font-size:11px}.help-card small{font-size:10px;color:#7f9285;margin-top:2px}.content{flex:1;max-width:1300px;margin:auto;padding:52px 5.7% 70px}.topbar{display:none}.welcome-row,.page-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.welcome-row h1,.page-title h1{font:800 30px "Plus Jakarta Sans";letter-spacing:-1.2px;margin:5px 0 8px}.welcome-row h1 span{color:#e4ac59;font-size:20px}.muted{color:var(--muted);font-size:13px;margin:0}.points-pill{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 18px}.points-pill>span{background:#fff4d9;color:#c89328;border-radius:9px;padding:8px;font-size:20px}.points-pill small,.points-pill strong{display:block}.points-pill small{font-size:9px;color:#99a7a0;letter-spacing:.7px}.points-pill strong{font-size:17px;margin-top:3px}.points-pill em{font-style:normal;color:#4a9e59;font-size:10px;margin-left:5px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.collection-card{padding:25px 27px}.card-heading,.map-top,.section-head,.progress-label,.map-footer,.list-header,.level-row{display:flex;align-items:center;justify-content:space-between}.card h2,.section-head h2{font:700 18px "Plus Jakarta Sans";letter-spacing:-.5px;margin:4px 0}.status-badge{border-radius:30px;padding:7px 10px;background:#edf8eb;color:#4f9657;font-size:10px}.status-badge i,.truck-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#55b85c;margin-right:5px}.collection-main{display:flex;align-items:center;gap:29px;padding:24px 0 21px}.bin-illustration{width:89px;height:105px;background:#cef0c4;border-radius:7px 7px 13px 13px;position:relative;display:grid;place-items:center}.bin-lid{position:absolute;top:-7px;left:-6px;width:101px;height:11px;background:#87c97c;border-radius:5px}.bin-body{color:#4b9c55;font-size:36px}.arrival strong{font:800 40px "Plus Jakarta Sans";color:var(--green);letter-spacing:-2px}.arrival strong small{font:600 14px "DM Sans";letter-spacing:0}.arrival p{margin:2px 0;font-size:11px}.progress-label{font-size:10px;color:#83938b;margin-bottom:8px}.progress-label strong{color:#486258}.progress{height:6px;border-radius:10px;background:#e9f0e8;overflow:hidden}.progress span{display:block;height:100%;background:#62b568;border-radius:10px}.text-button{background:none;color:var(--green);font-weight:700;font-size:11px;padding:0}.text-button span{font-size:17px;margin-left:4px}.collection-card>.text-button{margin-top:21px}.map-card{overflow:hidden}.map-top{padding:25px 27px 16px}.round-button,.arrow-button,.more-button{background:#eef7ee;color:var(--green);border-radius:50%;width:29px;height:29px}.map{height:185px;background:#dce9da;position:relative;overflow:hidden}.map:before,.map:after{content:"";position:absolute;background:#f9f7ee;border:4px solid #d1dcca;transform:rotate(25deg);width:120%;height:18px;top:46%;left:-10%}.map:after{transform:rotate(-37deg);top:20%;border-width:3px}.map-lines{position:absolute;inset:0;background:linear-gradient(12deg,transparent 42%,#c7d9c4 43%,#c7d9c4 44%,transparent 45%),linear-gradient(80deg,transparent 62%,#c7d9c4 63%,#c7d9c4 64%,transparent 65%);opacity:.7}.map-road{position:absolute;background:#f8f6ec;height:9px;border:2px solid #cedbc8;z-index:1}.r1{width:150%;top:68%;left:-15%;transform:rotate(-19deg)}.r2{width:100%;top:28%;left:5%;transform:rotate(52deg)}.r3{width:120%;top:37%;left:22%;transform:rotate(5deg)}.map-label{position:absolute;z-index:2;color:#789078;font-size:9px;font-weight:700}.label-a{top:24px;left:30px}.label-b{bottom:30px;right:28px}.label-c{top:64px;right:55px}.truck-marker,.home-marker,.place-marker{position:absolute;z-index:3;display:grid;place-items:center}.truck-marker{background:#106c50;color:#fff;border:3px solid #d6efd1;width:26px;height:26px;border-radius:50%;left:57%;top:52%;font-size:11px}.home-marker{background:#ed7c5e;border:3px solid #fff;color:#fff;width:17px;height:17px;border-radius:50%;left:34%;top:61%;font-size:8px}.map-zoom{position:absolute;right:10px;bottom:10px;z-index:3;background:#fff;border-radius:7px;box-shadow:0 3px 10px #9cac9a66}.map-zoom button{display:block;background:#fff;width:24px;height:22px;font-size:16px}.map-footer{padding:14px 20px;font-size:10px;color:#7d8e86}.map-footer strong{color:#49645a}.arrow-button{font-size:16px}.map-live .truck-marker{transition:left .35s ease, top .35s ease}.section-head{margin:38px 0 16px}.section-head.compact{margin:0 0 18px}.see-all,.sort-button{background:none;color:var(--green);font-size:11px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-card{border-radius:15px;padding:18px 17px;text-align:left;min-height:142px;position:relative}.quick-card.green{background:#dff2db}.quick-card.peach{background:#fae6d8}.quick-card.lavender{background:#e9e4f5}.quick-card.blue{background:#dceef7}.quick-icon{font-size:25px;display:block;margin-bottom:22px}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:13px}.quick-card small{font-size:10px;color:#6d8276;margin-top:4px}.quick-arrow{position:absolute;right:15px;top:17px;font-size:18px}.lower-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-top:18px}.progress-card,.community-card{padding:24px 27px}.more-button{background:none;color:#9aa9a2;font-size:13px;width:auto}.impact-stats{display:flex;gap:48px;margin-bottom:22px}.impact-stats strong{font:700 22px "Plus Jakarta Sans";display:block}.impact-stats strong span{font:500 11px "DM Sans";margin-left:2px}.impact-stats small{display:block;color:#85958d;font-size:10px;margin-top:3px}.chart{height:86px;display:flex;align-items:end;gap:10px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,#eef2ed 29px);padding:0 5px}.chart i{width:100%;border-radius:5px 5px 0 0;background:#c5e3bf}.chart i.today{background:#4fae67}.chart-labels{display:flex;justify-content:space-between;color:#9aa8a1;font-size:9px;padding:8px 3px}.community-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf1ed}.community-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.yellow{background:#f8dda6}.pink{background:#f5ccd8}.sky{background:#c7e5f2}.community-item>div{flex:1}.community-item strong,.community-item small{display:block}.community-item strong{font-size:11px}.community-item small{color:#899990;font-size:9px;margin-top:3px}.join-button{background:#e8f5e5;color:#3f8b4d;font-size:10px;padding:6px 10px;border-radius:7px;font-weight:700}.page-title{margin-bottom:30px}.page-title h1{font-size:29px}.filter-button,.primary-button,.secondary-button{border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700}.primary-button{background:var(--green);color:#fff;box-shadow:0 7px 15px #0f6b4f24}.secondary-button{background:#eaf5e8;color:var(--green)}.explore-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:18px}.large-map{padding:13px;overflow:hidden}.large-map .map{height:465px;border-radius:11px}.map-search{position:absolute;z-index:4;background:#fff;box-shadow:var(--shadow);border-radius:9px;padding:12px 15px;top:26px;left:26px;right:26px;color:var(--green);font-weight:700;font-size:13px}.map-search span{color:#92a099;font-weight:400;margin-left:7px}.place-list{padding:20px 0;height:max-content}.list-header{padding:0 20px 14px;border-bottom:1px solid var(--line);font-size:12px}.place{display:flex;gap:11px;padding:16px 20px;border-left:3px solid transparent}.place.selected{background:#f3f9f0;border-left-color:#58aa5b}.place-icon{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px}.green-marker{background:#51ad61}.blue-marker{background:#52aee0}.orange-marker{background:#eea34f}.pink-marker{background:#dc8390}.place>div{flex:1}.place strong,.place small,.place em{display:block}.place strong{font-size:11px}.place small,.place em{font-size:9px;color:#819189;margin-top:4px}.place em{color:#4e9b56;font-style:normal}.place>span:last-child{font-size:22px;color:#9aa9a2}.category-pills{display:flex;gap:8px;margin-bottom:25px}.pill{padding:8px 14px;border-radius:20px;background:#fff;border:1px solid var(--line);font-size:10px;color:#819189}.pill.active{background:#e8f5e5;color:var(--green);border-color:#cfe7cc;font-weight:700}.donation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.donation-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.item-photo{height:180px;position:relative;display:flex;align-items:end;padding:15px;color:#fff;font-size:10px;letter-spacing:1.5px;font-weight:700}.item-photo b{position:absolute;right:15px;top:14px;background:#fff;color:#a57b6f;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.photo-books{background:linear-gradient(145deg,#ba9476,#ecc5a2 55%,#875e47)}.photo-chair{background:linear-gradient(145deg,#d5b18e,#ede1cf 50%,#99715b)}.photo-toys{background:linear-gradient(145deg,#7fb4c0,#edd68b 55%,#d68667)}.item-details{padding:15px}.tag{color:#5a9862;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.item-details h3{font:700 14px "Plus Jakarta Sans";margin:7px 0}.item-details p{font-size:10px;color:#819088;margin:0 0 15px}.item-footer{display:flex;align-items:center;gap:6px}.item-footer small{color:#7c8c84;font-size:9px;flex:1}.item-footer button{background:#eaf5e8;color:var(--green);padding:7px 10px;border-radius:7px;font-size:10px;font-weight:700}.tiny{width:24px;height:24px;font-size:8px}.pink-avatar{background:#f4cad8;color:#a55676}.blue-avatar{background:#c4e3f0;color:#367c98}.streak-badge{background:#fff5dc;border-radius:20px;color:#b37a23;padding:10px 13px;font-size:12px}.guide-hero{background:#dff2d8;min-height:220px;padding:28px 33px;display:flex;justify-content:space-between;overflow:hidden}.guide-hero .tag{color:#53975d}.guide-hero h2{font:800 26px "Plus Jakarta Sans";margin:10px 0}.guide-hero p{font-size:12px;color:#627d69;max-width:330px;margin:0 0 20px}.sorting-visual{width:360px;position:relative;align-self:stretch}.guide-bin{position:absolute;bottom:-5px;width:98px;height:82px;border-radius:10px 10px 18px 18px;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.guide-bin.wet{right:100px;background:#4eaa61}.guide-bin.dry{right:0;background:#edaa4e}.floating-item{position:absolute;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:19px;background:#fff;box-shadow:var(--shadow);animation:float 3s ease-in-out infinite}.item-apple{left:55px;top:33px;color:#ed7454}.item-bottle{left:150px;top:75px;color:#65aaca}.item-can{right:32px;top:22px;color:#d9943e}@keyframes float{50%{transform:translateY(-8px) rotate(8deg)}}.waste-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.waste-card{padding:20px;text-align:left;border-radius:14px;min-height:125px}.waste-card span{font-size:27px;display:block;margin-bottom:16px}.waste-card strong,.waste-card small{display:block}.waste-card strong{font-size:12px}.waste-card small{font-size:10px;color:#708379;margin-top:4px}.wet-bg{background:#e3f4de}.dry-bg{background:#fff0d6}.e-bg{background:#dceff7}.haz-bg{background:#f2e8f4}.report-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;padding:26px;max-width:850px}.upload-box{border:1.5px dashed #b8d8b5;border-radius:13px;background:#f6fbf5;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.upload-box>span{font-size:37px;color:#70ae70}.upload-box strong{font-size:14px;margin:10px 0 4px}.upload-box small{font-size:10px;color:#8a9a91;margin-bottom:18px}.form-fields label{display:block;font-size:11px;font-weight:700;margin-bottom:18px}.input,textarea{margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:12px;font:400 11px "DM Sans";color:#667d71;width:100%;background:#fff}.input b{float:right;font-size:9px;color:#62a166}.report-pills{margin:8px 0 0;flex-wrap:wrap}.report-card textarea{height:90px;resize:vertical}.submit-report{width:100%;margin-top:4px}.rewards-overview{display:flex;align-items:center;gap:45px;padding:27px;max-width:780px;background:#f0f8ec}.big-points{width:150px;text-align:center}.big-points span{color:#c7962f;font-size:23px}.big-points strong,.big-points small{display:block}.big-points strong{font:800 33px "Plus Jakarta Sans";margin:5px 0}.big-points small{color:#7e9385;font-size:10px}.level-progress{flex:1}.level-row{font-size:12px;margin-bottom:10px}.level-row span{font-size:10px;color:#87988e}.level-progress>.progress{height:9px}.level-progress>small{font-size:10px;color:#87988e;display:block;margin-top:8px}.level-progress b{color:#4d9d59}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.badge{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 12px;text-align:center}.badge span{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#f9e6aa;color:#b6852b;font-size:25px;margin:0 auto 12px}.badge strong,.badge small{display:block}.badge strong{font-size:11px}.badge small{color:#8a9a91;font-size:9px;margin-top:4px}.badge.locked{opacity:.5}.badge.locked span{background:#e8eeea;color:#8c9b92}.activity-list{max-width:800px;padding:6px 22px}.activity-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:18px 2px}.activity-row:last-child{border:0}.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff}.activity-row div{flex:1}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:12px}.activity-row small{font-size:10px;color:#899991;margin-top:4px}.activity-row>b{color:#4e9d57;font-size:13px}.view{display:none}.view.active-view{display:block}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#17332c;color:#fff;border-radius:9px;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
.map:before,
.map:after {
  display: none;
}

.live-truck-marker {
  z-index: 5;
  pointer-events: none;
}

.live-truck-marker[hidden] {
  display: none;
}

.large-map-frame {
  height: min(62vh, 560px);
  min-height: 360px;
}

.map-open-link {
  display: inline-grid;
  place-items: center;
  text-decoration: none;
}

.map-external-link {
  text-decoration: none;
}

.section-head{margin:38px 0 16px}.section-head.compact{margin:0 0 18px}.see-all,.sort-button{background:none;color:var(--green);font-size:11px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-card{border-radius:15px;padding:18px 17px;text-align:left;min-height:142px;position:relative}.quick-card.green{background:#dff2db}.quick-card.peach{background:#fae6d8}.quick-card.lavender{background:#e9e4f5}.quick-card.blue{background:#dceef7}.quick-icon{font-size:25px;display:block;margin-bottom:22px}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:13px}.quick-card small{font-size:10px;color:#6d8276;margin-top:4px}.quick-arrow{position:absolute;right:15px;top:17px;font-size:18px}.lower-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-top:18px}.progress-card,.community-card{padding:24px 27px}.more-button{background:none;color:#9aa9a2;font-size:13px;width:auto}.impact-stats{display:flex;gap:48px;margin-bottom:22px}.impact-stats strong{font:700 22px "Plus Jakarta Sans";display:block}.impact-stats strong span{font:500 11px "DM Sans";margin-left:2px}.impact-stats small{display:block;color:#85958d;font-size:10px;margin-top:3px}.chart{height:86px;display:flex;align-items:end;gap:10px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,#eef2ed 29px);padding:0 5px}.chart i{width:100%;border-radius:5px 5px 0 0;background:#c5e3bf}.chart i.today{background:#4fae67}.chart-labels{display:flex;justify-content:space-between;color:#9aa8a1;font-size:9px;padding:8px 3px}.community-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf1ed}.community-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.yellow{background:#f8dda6}.pink{background:#f5ccd8}.sky{background:#c7e5f2}.community-item>div{flex:1}.community-item strong,.community-item small{display:block}.community-item strong{font-size:11px}.community-item small{color:#899990;font-size:9px;margin-top:3px}.join-button{background:#e8f5e5;color:#3f8b4d;font-size:10px;padding:6px 10px;border-radius:7px;font-weight:700}.page-title{margin-bottom:30px}.page-title h1{font-size:29px}.filter-button,.primary-button,.secondary-button{border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700}.primary-button{background:var(--green);color:#fff;box-shadow:0 7px 15px #0f6b4f24}.secondary-button{background:#eaf5e8;color:var(--green)}.explore-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:18px}.large-map{padding:13px;overflow:hidden}.large-map .map{height:465px;border-radius:11px}.map-search{position:absolute;z-index:4;background:#fff;box-shadow:var(--shadow);border-radius:9px;padding:12px 15px;top:26px;left:26px;right:26px;color:var(--green);font-weight:700;font-size:13px}.map-search span{color:#92a099;font-weight:400;margin-left:7px}.place-list{padding:20px 0;height:max-content}.list-header{padding:0 20px 14px;border-bottom:1px solid var(--line);font-size:12px}.place{display:flex;gap:11px;padding:16px 20px;border-left:3px solid transparent}.place.selected{background:#f3f9f0;border-left-color:#58aa5b}.place-icon{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px}.green-marker{background:#51ad61}.blue-marker{background:#52aee0}.orange-marker{background:#eea34f}.pink-marker{background:#dc8390}.place>div{flex:1}.place strong,.place small,.place em{display:block}.place strong{font-size:11px}.place small,.place em{font-size:9px;color:#819189;margin-top:4px}.place em{color:#4e9b56;font-style:normal}.place>span:last-child{font-size:22px;color:#9aa9a2}.category-pills{display:flex;gap:8px;margin-bottom:25px}.pill{padding:8px 14px;border-radius:20px;background:#fff;border:1px solid var(--line);font-size:10px;color:#819189}.pill.active{background:#e8f5e5;color:var(--green);border-color:#cfe7cc;font-weight:700}.donation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.donation-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.item-photo{height:180px;position:relative;display:flex;align-items:end;padding:15px;color:#fff;font-size:10px;letter-spacing:1.5px;font-weight:700}.item-photo b{position:absolute;right:15px;top:14px;background:#fff;color:#a57b6f;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.photo-books{background:linear-gradient(145deg,#ba9476,#ecc5a2 55%,#875e47)}.photo-chair{background:linear-gradient(145deg,#d5b18e,#ede1cf 50%,#99715b)}.photo-toys{background:linear-gradient(145deg,#7fb4c0,#edd68b 55%,#d68667)}.item-details{padding:15px}.tag{color:#5a9862;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.item-details h3{font:700 14px "Plus Jakarta Sans";margin:7px 0}.item-details p{font-size:10px;color:#819088;margin:0 0 15px}.item-footer{display:flex;align-items:center;gap:6px}.item-footer small{color:#7c8c84;font-size:9px;flex:1}.item-footer button{background:#eaf5e8;color:var(--green);padding:7px 10px;border-radius:7px;font-size:10px;font-weight:700}.tiny{width:24px;height:24px;font-size:8px}.pink-avatar{background:#f4cad8;color:#a55676}.blue-avatar{background:#c4e3f0;color:#367c98}.streak-badge{background:#fff5dc;border-radius:20px;color:#b37a23;padding:10px 13px;font-size:12px}.guide-hero{background:#dff2d8;min-height:220px;padding:28px 33px;display:flex;justify-content:space-between;overflow:hidden}.guide-hero .tag{color:#53975d}.guide-hero h2{font:800 26px "Plus Jakarta Sans";margin:10px 0}.guide-hero p{font-size:12px;color:#627d69;max-width:330px;margin:0 0 20px}.sorting-visual{width:360px;position:relative;align-self:stretch}.guide-bin{position:absolute;bottom:-5px;width:98px;height:82px;border-radius:10px 10px 18px 18px;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.guide-bin.wet{right:100px;background:#4eaa61}.guide-bin.dry{right:0;background:#edaa4e}.floating-item{position:absolute;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:19px;background:#fff;box-shadow:var(--shadow);animation:float 3s ease-in-out infinite}.item-apple{left:55px;top:33px;color:#ed7454}.item-bottle{left:150px;top:75px;color:#65aaca}.item-can{right:32px;top:22px;color:#d9943e}@keyframes float{50%{transform:translateY(-8px) rotate(8deg)}}.waste-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.waste-card{padding:20px;text-align:left;border-radius:14px;min-height:125px}.waste-card span{font-size:27px;display:block;margin-bottom:16px}.waste-card strong,.waste-card small{display:block}.waste-card strong{font-size:12px}.waste-card small{font-size:10px;color:#708379;margin-top:4px}.wet-bg{background:#e3f4de}.dry-bg{background:#fff0d6}.e-bg{background:#dceff7}.haz-bg{background:#f2e8f4}.report-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;padding:26px;max-width:850px}.upload-box{border:1.5px dashed #b8d8b5;border-radius:13px;background:#f6fbf5;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.upload-box>span{font-size:37px;color:#70ae70}.upload-box strong{font-size:14px;margin:10px 0 4px}.upload-box small{font-size:10px;color:#8a9a91;margin-bottom:18px}.form-fields label{display:block;font-size:11px;font-weight:700;margin-bottom:18px}.input,textarea{margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:12px;font:400 11px "DM Sans";color:#667d71;width:100%;background:#fff}.input b{float:right;font-size:9px;color:#62a166}.report-pills{margin:8px 0 0;flex-wrap:wrap}.report-card textarea{height:90px;resize:vertical}.submit-report{width:100%;margin-top:4px}.rewards-overview{display:flex;align-items:center;gap:45px;padding:27px;max-width:780px;background:#f0f8ec}.big-points{width:150px;text-align:center}.big-points span{color:#c7962f;font-size:23px}.big-points strong,.big-points small{display:block}.big-points strong{font:800 33px "Plus Jakarta Sans";margin:5px 0}.big-points small{color:#7e9385;font-size:10px}.level-progress{flex:1}.level-row{font-size:12px;margin-bottom:10px}.level-row span{font-size:10px;color:#87988e}.level-progress>.progress{height:9px}.level-progress>small{font-size:10px;color:#87988e;display:block;margin-top:8px}.level-progress b{color:#4d9d59}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.badge{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 12px;text-align:center}.badge span{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#f9e6aa;color:#b6852b;font-size:25px;margin:0 auto 12px}.badge strong,.badge small{display:block}.badge strong{font-size:11px}.badge small{color:#8a9a91;font-size:9px;margin-top:4px}.badge.locked{opacity:.5}.badge.locked span{background:#e8eeea;color:#8c9b92}.activity-list{max-width:800px;padding:6px 22px}.activity-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:18px 2px}.activity-row:last-child{border:0}.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff}.activity-row div{flex:1}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:12px}.activity-row small{font-size:10px;color:#899991;margin-top:4px}.activity-row>b{color:#4e9d57;font-size:13px}.view{display:none}.view.active-view{display:block}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#17332c;color:#fff;border-radius:9px;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}

.dark-mode .map-key-notice {
  background: #1c3026;
  color: var(--ink);
  border-color: var(--line);
}.section-head{margin:38px 0 16px}.section-head.compact{margin:0 0 18px}.see-all,.sort-button{background:none;color:var(--green);font-size:11px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-card{border-radius:15px;padding:18px 17px;text-align:left;min-height:142px;position:relative}.quick-card.green{background:#dff2db}.quick-card.peach{background:#fae6d8}.quick-card.lavender{background:#e9e4f5}.quick-card.blue{background:#dceef7}.quick-icon{font-size:25px;display:block;margin-bottom:22px}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:13px}.quick-card small{font-size:10px;color:#6d8276;margin-top:4px}.quick-arrow{position:absolute;right:15px;top:17px;font-size:18px}.lower-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-top:18px}.progress-card,.community-card{padding:24px 27px}.more-button{background:none;color:#9aa9a2;font-size:13px;width:auto}.impact-stats{display:flex;gap:48px;margin-bottom:22px}.impact-stats strong{font:700 22px "Plus Jakarta Sans";display:block}.impact-stats strong span{font:500 11px "DM Sans";margin-left:2px}.impact-stats small{display:block;color:#85958d;font-size:10px;margin-top:3px}.chart{height:86px;display:flex;align-items:end;gap:10px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,#eef2ed 29px);padding:0 5px}.chart i{width:100%;border-radius:5px 5px 0 0;background:#c5e3bf}.chart i.today{background:#4fae67}.chart-labels{display:flex;justify-content:space-between;color:#9aa8a1;font-size:9px;padding:8px 3px}.community-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf1ed}.community-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.yellow{background:#f8dda6}.pink{background:#f5ccd8}.sky{background:#c7e5f2}.community-item>div{flex:1}.community-item strong,.community-item small{display:block}.community-item strong{font-size:11px}.community-item small{color:#899990;font-size:9px;margin-top:3px}.join-button{background:#e8f5e5;color:#3f8b4d;font-size:10px;padding:6px 10px;border-radius:7px;font-weight:700}.page-title{margin-bottom:30px}.page-title h1{font-size:29px}.filter-button,.primary-button,.secondary-button{border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700}.primary-button{background:var(--green);color:#fff;box-shadow:0 7px 15px #0f6b4f24}.secondary-button{background:#eaf5e8;color:var(--green)}.explore-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:18px}.large-map{padding:13px;overflow:hidden}.large-map .map{height:465px;border-radius:11px}.map-search{position:absolute;z-index:4;background:#fff;box-shadow:var(--shadow);border-radius:9px;padding:12px 15px;top:26px;left:26px;right:26px;color:var(--green);font-weight:700;font-size:13px}.map-search span{color:#92a099;font-weight:400;margin-left:7px}.place-list{padding:20px 0;height:max-content}.list-header{padding:0 20px 14px;border-bottom:1px solid var(--line);font-size:12px}.place{display:flex;gap:11px;padding:16px 20px;border-left:3px solid transparent}.place.selected{background:#f3f9f0;border-left-color:#58aa5b}.place-icon{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px}.green-marker{background:#51ad61}.blue-marker{background:#52aee0}.orange-marker{background:#eea34f}.pink-marker{background:#dc8390}.place>div{flex:1}.place strong,.place small,.place em{display:block}.place strong{font-size:11px}.place small,.place em{font-size:9px;color:#819189;margin-top:4px}.place em{color:#4e9b56;font-style:normal}.place>span:last-child{font-size:22px;color:#9aa9a2}.category-pills{display:flex;gap:8px;margin-bottom:25px}.pill{padding:8px 14px;border-radius:20px;background:#fff;border:1px solid var(--line);font-size:10px;color:#819189}.pill.active{background:#e8f5e5;color:var(--green);border-color:#cfe7cc;font-weight:700}.donation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.donation-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.item-photo{height:180px;position:relative;display:flex;align-items:end;padding:15px;color:#fff;font-size:10px;letter-spacing:1.5px;font-weight:700}.item-photo b{position:absolute;right:15px;top:14px;background:#fff;color:#a57b6f;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.photo-books{background:linear-gradient(145deg,#ba9476,#ecc5a2 55%,#875e47)}.photo-chair{background:linear-gradient(145deg,#d5b18e,#ede1cf 50%,#99715b)}.photo-toys{background:linear-gradient(145deg,#7fb4c0,#edd68b 55%,#d68667)}.item-details{padding:15px}.tag{color:#5a9862;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.item-details h3{font:700 14px "Plus Jakarta Sans";margin:7px 0}.item-details p{font-size:10px;color:#819088;margin:0 0 15px}.item-footer{display:flex;align-items:center;gap:6px}.item-footer small{color:#7c8c84;font-size:9px;flex:1}.item-footer button{background:#eaf5e8;color:var(--green);padding:7px 10px;border-radius:7px;font-size:10px;font-weight:700}.tiny{width:24px;height:24px;font-size:8px}.pink-avatar{background:#f4cad8;color:#a55676}.blue-avatar{background:#c4e3f0;color:#367c98}.streak-badge{background:#fff5dc;border-radius:20px;color:#b37a23;padding:10px 13px;font-size:12px}.guide-hero{background:#dff2d8;min-height:220px;padding:28px 33px;display:flex;justify-content:space-between;overflow:hidden}.guide-hero .tag{color:#53975d}.guide-hero h2{font:800 26px "Plus Jakarta Sans";margin:10px 0}.guide-hero p{font-size:12px;color:#627d69;max-width:330px;margin:0 0 20px}.sorting-visual{width:360px;position:relative;align-self:stretch}.guide-bin{position:absolute;bottom:-5px;width:98px;height:82px;border-radius:10px 10px 18px 18px;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.guide-bin.wet{right:100px;background:#4eaa61}.guide-bin.dry{right:0;background:#edaa4e}.floating-item{position:absolute;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:19px;background:#fff;box-shadow:var(--shadow);animation:float 3s ease-in-out infinite}.item-apple{left:55px;top:33px;color:#ed7454}.item-bottle{left:150px;top:75px;color:#65aaca}.item-can{right:32px;top:22px;color:#d9943e}@keyframes float{50%{transform:translateY(-8px) rotate(8deg)}}.waste-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.waste-card{padding:20px;text-align:left;border-radius:14px;min-height:125px}.waste-card span{font-size:27px;display:block;margin-bottom:16px}.waste-card strong,.waste-card small{display:block}.waste-card strong{font-size:12px}.waste-card small{font-size:10px;color:#708379;margin-top:4px}.wet-bg{background:#e3f4de}.dry-bg{background:#fff0d6}.e-bg{background:#dceff7}.haz-bg{background:#f2e8f4}.report-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;padding:26px;max-width:850px}.upload-box{border:1.5px dashed #b8d8b5;border-radius:13px;background:#f6fbf5;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.upload-box>span{font-size:37px;color:#70ae70}.upload-box strong{font-size:14px;margin:10px 0 4px}.upload-box small{font-size:10px;color:#8a9a91;margin-bottom:18px}.form-fields label{display:block;font-size:11px;font-weight:700;margin-bottom:18px}.input,textarea{margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:12px;font:400 11px "DM Sans";color:#667d71;width:100%;background:#fff}.input b{float:right;font-size:9px;color:#62a166}.report-pills{margin:8px 0 0;flex-wrap:wrap}.report-card textarea{height:90px;resize:vertical}.submit-report{width:100%;margin-top:4px}.rewards-overview{display:flex;align-items:center;gap:45px;padding:27px;max-width:780px;background:#f0f8ec}.big-points{width:150px;text-align:center}.big-points span{color:#c7962f;font-size:23px}.big-points strong,.big-points small{display:block}.big-points strong{font:800 33px "Plus Jakarta Sans";margin:5px 0}.big-points small{color:#7e9385;font-size:10px}.level-progress{flex:1}.level-row{font-size:12px;margin-bottom:10px}.level-row span{font-size:10px;color:#87988e}.level-progress>.progress{height:9px}.level-progress>small{font-size:10px;color:#87988e;display:block;margin-top:8px}.level-progress b{color:#4d9d59}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.badge{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 12px;text-align:center}.badge span{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#f9e6aa;color:#b6852b;font-size:25px;margin:0 auto 12px}.badge strong,.badge small{display:block}.badge strong{font-size:11px}.badge small{color:#8a9a91;font-size:9px;margin-top:4px}.badge.locked{opacity:.5}.badge.locked span{background:#e8eeea;color:#8c9b92}.activity-list{max-width:800px;padding:6px 22px}.activity-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:18px 2px}.activity-row:last-child{border:0}.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff}.activity-row div{flex:1}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:12px}.activity-row small{font-size:10px;color:#899991;margin-top:4px}.activity-row>b{color:#4e9d57;font-size:13px}.view{display:none}.view.active-view{display:block}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#17332c;color:#fff;border-radius:9px;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-stat{padding:20px;position:relative}.admin-stat-icon{display:grid;place-items:center;width:31px;height:31px;color:#fff;border-radius:9px;margin-bottom:16px}.admin-stat small{display:block;color:#8a9a91;font-size:9px;letter-spacing:.6px}.admin-stat strong{font:800 25px "Plus Jakarta Sans";display:block;margin:6px 0}.admin-stat em{font-style:normal;color:#4c9d57;font-size:10px}.admin-stat em.warn{color:#df8a4d}.admin-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:17px}.reports-panel,.heatmap-panel{padding:22px 25px}.report-row{display:flex;align-items:center;gap:11px;padding:15px 0;border-top:1px solid var(--line)}.report-row>div{flex:1}.report-row strong,.report-row small{display:block}.report-row strong{font-size:11px}.report-row small{color:#87978e;font-size:9px;margin-top:4px}.report-status{width:8px;height:8px;border-radius:50%}.report-status.pending{background:#e6a24c}.report-status.verified{background:#65ae68}.report-status.scheduled{background:#559fd0}.review-button{border:1px solid #d7e7d5;color:var(--green);background:#f3faf1;padding:6px 10px;border-radius:7px;font-size:10px;font-weight:700}.heatmap{height:164px;border-radius:11px;background:radial-gradient(circle at 58% 43%,#f2bc72 0 5%,#dcedcb 6% 14%,transparent 15%),radial-gradient(circle at 33% 70%,#e68268 0 4%,#e9c781 5% 12%,transparent 13%),radial-gradient(circle at 74% 74%,#e99a6d 0 3%,#e9d09e 4% 10%,transparent 11%),#d6e8d0;position:relative;overflow:hidden;background-image:linear-gradient(28deg,transparent 48%,#c2d9c1 49%,#c2d9c1 50%,transparent 51%),linear-gradient(107deg,transparent 45%,#c2d9c1 46%,#c2d9c1 47%,transparent 48%),radial-gradient(circle at 58% 43%,#f2bc72 0 5%,#dcedcb 6% 14%,transparent 15%),radial-gradient(circle at 33% 70%,#e68268 0 4%,#e9c781 5% 12%,transparent 13%),radial-gradient(circle at 74% 74%,#e99a6d 0 3%,#e9d09e 4% 10%,transparent 11%)}.heat-label{position:absolute;bottom:16px;left:20px;color:#789178;font-size:10px;font-weight:700}.heat-footer{display:flex;justify-content:space-between;margin-top:12px;font-size:9px;color:#87978e}.heat-footer strong{color:#4c9d57;font-weight:600}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e88d64;margin-right:4px}
@media(max-width:950px){.sidebar{width:220px}.content{padding:38px 3%}.quick-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.lower-grid,.admin-layout{grid-template-columns:1fr}.explore-layout{grid-template-columns:1fr}.place-list{display:grid;grid-template-columns:1fr 1fr}.list-header{grid-column:span 2}.donation-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:-270px;top:0;bottom:0;width:260px;transition:.25s;box-shadow:10px 0 30px #17332c22}.sidebar.open{left:0}.content{padding:23px 17px 42px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.mobile-menu{font-size:21px;background:none;color:var(--green)}.mobile-brand{font:800 20px "Plus Jakarta Sans"}.mobile-brand span{color:#55af67}.topbar-actions{display:flex;gap:9px}.icon-button{background:#fff;border:1px solid var(--line);width:32px;height:32px;border-radius:50%;font-size:18px}.notification-button{position:relative}.notification-button i{position:absolute;width:5px;height:5px;border-radius:50%;background:#e67b62;right:6px;top:5px}.avatar.small{width:32px;height:32px}.welcome-row,.page-title{display:block;margin-bottom:25px}.welcome-row h1,.page-title h1{font-size:24px}.points-pill{margin-top:18px;width:max-content}.hero-grid{gap:14px}.collection-card,.progress-card,.community-card{padding:20px}.map-top{padding:20px}.quick-grid{gap:10px}.quick-card{min-height:132px;padding:14px}.quick-icon{margin-bottom:17px}.lower-grid{gap:14px}.impact-stats{gap:22px}.explore-layout{gap:12px}.large-map .map{height:350px}.place-list{display:block}.list-header{padding-bottom:12px}.place{padding:13px 16px}.donation-grid{grid-template-columns:1fr}.page-title .primary-button,.page-title .filter-button{margin-top:17px}.guide-hero{padding:23px;display:block}.sorting-visual{height:130px;width:100%;margin-top:14px}.guide-bin.wet{left:30%;right:auto}.guide-bin.dry{right:12%}.floating-item{transform:scale(.8)}.waste-grid{grid-template-columns:repeat(2,1fr)}.report-card{display:block;padding:17px}.upload-box{min-height:210px;margin-bottom:24px}.rewards-overview{display:block;padding:24px}.big-points{margin:0 auto 24px}.badges{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:1fr}.section-head{margin-top:28px}.section-head h2{font-size:16px}}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #82be73;
  outline-offset: 3px;
}

.mobile-nav {
  display: none;
}

.install-button {
  padding: 8px 11px;
  border: 1px solid #dce9dc;
  border-radius: 9px;
  background: #fff;
  color: var(--green);
  font-size: 11px;
  font-weight: 700;
}

.install-button[hidden],
.donation-card[hidden] {
  display: none !important;
}

.favorite-button {
  position: absolute;
  top: 14px;
  right: 15px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #a57b6f;
  font-size: 18px;
}

.favorite-button[aria-pressed="true"] {
  color: #dc7180;
}

.app-dialog {
  width: min(100% - 32px, 460px);
  max-height: min(85vh, 700px);
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 24px 90px #17332c33;
}

.app-dialog::backdrop {
  background: #15281fcc;
  backdrop-filter: blur(3px);
}

.dialog-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.dialog-heading .eyebrow {
  margin-left: 0;
}

.dialog-heading h2 {
  margin: 4px 0 7px;
  font: 700 20px "Plus Jakarta Sans";
}

.dialog-description {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.dialog-close {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f1f6f1;
  color: var(--green);
  font-size: 22px;
}

.dialog-body {
  padding-top: 20px;
  max-height: calc(85vh - 110px);
  overflow-y: auto;
}

.dialog-form,
.dialog-form label {
  display: grid;
  gap: 9px;
}

.dialog-form {
  gap: 16px;
}

.dialog-form label {
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
}

.dialog-form .input {
  margin: 0;
  font-size: 13px;
}

.dialog-form textarea {
  min-height: 86px;
  margin: 0;
  font-size: 13px;
}

.dialog-form .primary-button,
.quiz-next {
  width: 100%;
  margin-top: 3px;
}

.quiz-options {
  display: grid;
  gap: 9px;
}

.quiz-option {
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  text-align: left;
  font-size: 13px;
}

.quiz-option.correct {
  border-color: #78bd70;
  background: #eef8eb;
  color: var(--green);
}

.quiz-option.incorrect {
  border-color: #e9a095;
  background: #fff2ef;
  color: #a34537;
}

.quiz-feedback {
  min-height: 20px;
  color: var(--green);
  font-size: 12px;
}

.quiz-result {
  padding: 15px;
  border-radius: 12px;
  background: #eff8eb;
  text-align: center;
}

.quiz-result span,
.quiz-result strong {
  display: block;
}

.quiz-result span {
  color: #4f9c55;
  font-size: 36px;
}

.quiz-result strong {
  margin-top: 5px;
  font: 700 20px "Plus Jakarta Sans";
}

.quiz-result p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 650px) {
  .content {
    padding-bottom: calc(84px + env(safe-area-inset-bottom));
  }

  .sidebar {
    padding-bottom: calc(22px + env(safe-area-inset-bottom));
  }

  .mobile-nav {
    position: fixed;
    z-index: 19;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--line);
    background: #ffffffed;
    backdrop-filter: blur(14px);
  }

  .mobile-nav-item {
    display: grid;
    gap: 2px;
    justify-items: center;
    padding: 4px 2px;
    border-radius: 9px;
    background: transparent;
    color: #71817b;
    font-size: 10px;
  }

  .mobile-nav-item span {
    font-size: 19px;
  }

  .mobile-nav-item.active {
    background: #e9f5e8;
    color: var(--green);
    font-weight: 700;
  }

  .toast {
    bottom: calc(77px + env(safe-area-inset-bottom));
    width: max-content;
    max-width: calc(100vw - 32px);
    text-align: center;
  }

  .app-dialog {
    padding: 21px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.profile-button {
  cursor: pointer;
}

.mini-profile.profile-button {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.mini-profile .profile-main:hover,
.mini-profile .profile-main:focus-visible {
  background: #f4f8f4;
  border-radius: 10px;
}

.profile-summary {
  min-width: 0;
  flex: 1;
}

.profile-summary strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.setting-toggle {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px !important;
}

.setting-toggle strong,
.setting-toggle small {
  display: block;
}

.setting-toggle small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

.setting-toggle input {
  width: 18px;
  height: 18px;
  accent-color: var(--green);
}

.dark-mode {
  --ink: #e6eee8;
  --muted: #a4b6ac;
  --line: #34483c;
  --bg: #14231c;
  background: var(--bg);
  color: var(--ink);
}

.dark-mode .sidebar,
.dark-mode .card,
.dark-mode .points-pill,
.dark-mode .app-dialog {
  background: #1c3026;
  color: var(--ink);
  border-color: var(--line);
}

.dark-mode .location-pill,
.dark-mode .nav-item.active,
.dark-mode .mobile-nav-item.active,
.dark-mode .dialog-close,
.dark-mode .quiz-option {
  background: #294333;
  color: var(--ink);
}

.dark-mode .dialog-form .input,
.dark-mode .dialog-form textarea,
.dark-mode .quiz-option {
  background: #14231c;
  color: var(--ink);
  border-color: var(--line);
}

.dark-mode .mini-profile .profile-main:hover,
.dark-mode .mini-profile .profile-main:focus-visible {
  background: #294333;
}

.mini-profile .profile-main {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0;
  background: transparent;
  text-align: left;
}

.profile-main:hover .profile-summary strong,
.profile-main:focus-visible .profile-summary strong {
  color: var(--green);
}

.mini-profile .profile-more {
  padding: 8px 4px;
  background: transparent;
  color: #9aa9a2;
  font-size: 13px;
}

.help-card {
  color: inherit;
  text-decoration: none;
}

.help-card > span:nth-child(2) {
  min-width: 0;
  flex: 1;
}

.help-card small {
  overflow-wrap: anywhere;
}

.help-arrow {
  color: var(--green);
  font-size: 14px;
}

.activity-shortcut {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.activity-shortcut:hover,
.activity-shortcut:focus-visible {
  color: var(--green);
}

.settings-section-title {
  margin: 4px 0 -7px;
  padding-top: 7px;
  border-top: 1px solid var(--line);
  color: var(--green);
  font-size: 11px;
  font-weight: 700;
}

.settings-actions,
.action-menu-list {
  display: grid;
  gap: 9px;
}

.settings-help {
  color: var(--green);
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}

.settings-help:hover {
  text-decoration: underline;
}

.more-button:hover,
.profile-more:hover,
.more-button:focus-visible,
.profile-more:focus-visible {
  background: #e5f1e5;
  color: var(--green);
}

.action-menu-list .secondary-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
}

.dark-mode .mini-profile .profile-more,
.dark-mode .help-card {
  color: var(--ink);
}

.dark-mode .help-card {
  background: #294333;
}

.dark-mode .settings-section-title,
.dark-mode .settings-help {
  color: #9bd19c;
}

.nearby-directory-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.nearby-directory-heading strong,
.nearby-directory-heading small {
  display: block;
}

.nearby-directory-heading small,
.nearby-privacy,
.nearby-distance-note,
.nearby-details {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}

.nearby-directory-heading small {
  margin-top: 4px;
}

.nearby-directory-heading .primary-button {
  flex: 0 0 auto;
  padding: 10px 12px;
  font-size: 11px;
}

.nearby-privacy {
  margin: 0 0 12px;
}

.nearby-filter-label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 700;
}

.nearby-filter {
  width: 100%;
  margin: 0 0 10px;
  padding: 10px;
}

.nearby-distance-note {
  padding: 9px;
  border-radius: 8px;
  background: #f5f8f5;
}

.nearby-place-results {
  display: grid;
  gap: 10px;
  max-height: 390px;
  margin-top: 12px;
  overflow-y: auto;
}

.nearby-place {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.nearby-place-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}

.nearby-place h3 {
  margin: 0;
  font-size: 13px;
}

.nearby-kind {
  flex: 0 0 auto;
  padding: 4px 6px;
  border-radius: 20px;
  background: #eef7ee;
  color: var(--green);
  font-size: 9px;
}

.nearby-place > p {
  margin: 7px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

.nearby-place .nearby-details,
.nearby-place .nearby-distance {
  color: var(--muted);
}

.nearby-place .nearby-distance {
  font-weight: 700;
}

.nearby-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
}

.nearby-actions .primary-button,
.nearby-actions .secondary-button {
  padding: 8px 10px;
  font-size: 10px;
  text-decoration: none;
}

.nearby-join-link {
  color: var(--green);
  font-size: 10px;
  font-weight: 700;
}

.maplibre-map {
  background: #e8eee5;
}

.maplibre-map[data-map-status="offline"]::before {
  position: absolute;
  z-index: 4;
  inset: auto 12px 12px;
  display: block;
  padding: 9px 12px;
  border-radius: 8px;
  background: #fff;
  color: #52665c;
  content: "Map unavailable. Check your internet connection.";
  font-size: 11px;
  box-shadow: var(--shadow);
}

.maplibre-map::before,
.maplibre-map::after {
  content: none;
}

.maplibregl-marker.truck-marker {
  top: 0;
  left: 0;
}

.map-place-marker {
  display: grid;
  width: 30px;
  min-height: 30px;
  place-items: center;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #2f925a;
  color: #fff;
  font-size: 15px;
  box-shadow: 0 2px 8px #17332c66;
}

.round-button {
  width: 44px;
  height: 44px;
}

.map-place-marker.ewaste {
  background: #398bb0;
}

.map-place-marker.bins {
  background: #2f925a;
}

.maplibregl-popup-content p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.item-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-photo > span {
  position: relative;
  z-index: 1;
}

.donation-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.exchange-messages {
  display: grid;
  gap: 8px;
  max-height: 36vh;
  overflow: auto;
  padding: 10px;
  background: #f5f8f4;
  border-radius: 10px;
}

.exchange-message {
  justify-self: start;
  max-width: 88%;
  margin: 0;
  padding: 9px 12px;
  border-radius: 12px 12px 12px 3px;
  background: #fff;
  overflow-wrap: anywhere;
}

.exchange-message.own-message {
  justify-self: end;
  border-radius: 12px 12px 3px 12px;
  background: #e3f2df;
}

.exchange-listing {
  display: grid;
  gap: 7px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.exchange-listing small {
  color: var(--muted);
}

.platform-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 20px;
  margin: 18px 0;
  padding: 20px 24px;
}

.platform-metrics > div,
.platform-metrics > small {
  grid-column: 1 / -1;
}

.platform-metrics h2 {
  margin: 4px 0;
  font: 700 18px "Plus Jakarta Sans";
}

.platform-metrics p {
  margin: 4px 0;
  font-size: 12px;
}

.platform-metrics p strong {
  color: var(--green);
  font-size: 16px;
}

.platform-metrics > small {
  color: var(--muted);
}

.dialog-form input[type="file"] {
  min-height: 48px;
}

.dialog-form input:not([type="checkbox"]),
.dialog-form select,
.dialog-form textarea {
  font-size: 16px;
}

.nav-item,
.mobile-nav-item,
.primary-button,
.secondary-button,
.filter-button,
.round-button,
.icon-button {
  min-height: 44px;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #1c7758;
  outline-offset: 3px;
}

body {
  line-height: 1.45;
}

.muted {
  font-size: 14px;
}

.eyebrow {
  font-size: 11px;
}

.dialog-form textarea,
.dialog-form input,
.dialog-form select,
button,
a {
  touch-action: manipulation;
}

.dark-mode .nearby-distance-note,
.dark-mode .nearby-kind {
  background: #294333;
}

@media (max-width: 650px) {
  .donation-actions {
    width: 100%;
  }

  .donation-actions > button {
    flex: 1;
    min-height: 44px;
  }

  .platform-metrics {
    grid-template-columns: 1fr;
  }

  .nearby-place-results {
    max-height: 50vh;
  }
}

.hotspot-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 10px 14px;
  color: var(--muted);
  font-size: 11px;
}

.hotspot-legend > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hotspot-swatch {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.hotspot-swatch.mixed,
.dumping-hotspot-marker.mixed {
  background: #d97835;
}

.hotspot-swatch.plastic,
.dumping-hotspot-marker.plastic {
  background: #2f80b7;
}

.hotspot-swatch.construction,
.dumping-hotspot-marker.construction {
  background: #8b5aa6;
}

.dumping-hotspot-marker {
  display: grid;
  width: 30px;
  height: 34px;
  place-items: center;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 2px 8px #17332c66;
}

.report-location-marker {
  width: 18px;
  height: 18px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #c34639;
  box-shadow: 0 1px 8px #17332c99;
}

.report-location-field {
  display: grid;
  gap: 8px;
}

.report-map-frame {
  width: 100%;
  height: 230px;
  border: 1px solid var(--line);
  border-radius: 12px;
  cursor: crosshair;
}

.report-location-field small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

.collection-card .arrival a {
  color: var(--green);
}

@media (max-width: 650px) {
  .report-map-frame {
    height: 210px;
  }
}

.language-toggle {
  min-width: 58px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--green);
  font-size: 13px;
  font-weight: 700;
}

.language-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.language-toggle i { color: #a1b0a7; font-style: normal; font-weight: 400; }
.language-toggle .selected-language { color: #fff; background: var(--green); border-radius: 5px; padding: 3px 5px; }
.collection-guide { padding: 22px; }
.collection-guide > .nearby-privacy { margin: 0 0 15px; }
.collection-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.collection-rules > div { display: grid; gap: 5px; border: 1px solid var(--line); border-radius: 11px; padding: 13px; background: #fbfdfb; }
.collection-rules b { color: var(--green); font-size: 12px; }
.collection-rules span, .zone-guide small { color: var(--muted); font-size: 11px; line-height: 1.55; }
.zone-guide { margin-top: 17px; padding: 17px; border-radius: 12px; background: #f2f8f1; }
.zone-guide h3, .grievance-callout h3 { margin: 0 0 5px; font: 700 15px "Plus Jakarta Sans"; }
.zone-guide p { margin: 0 0 8px; color: var(--green); font-size: 13px; font-weight: 700; }
.zone-guide small { display: block; }
.zone-guide a { display: inline-block; margin-top: 10px; color: var(--green); font-size: 11px; font-weight: 700; }
.grievance-callout { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 14px; padding: 18px; border-radius: 12px; background: #e9f5e8; }
.grievance-callout .eyebrow { margin: 0 0 6px; }
.grievance-callout p:not(.eyebrow) { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.grievance-callout .primary-button { flex-shrink: 0; text-decoration: none; }
@media (max-width: 650px) {
  .collection-guide { padding: 16px; }
  .collection-rules { grid-template-columns: 1fr; }
  .grievance-callout { align-items: stretch; flex-direction: column; }
  .grievance-callout .primary-button { text-align: center; }
}

.community-impact-pill {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px;
  margin-top: 12px;
  padding: 9px 12px;
  border: 1px solid #d9ead8;
  border-radius: 11px;
  background: #eef7ee;
  color: #536c5c;
  font-size: 11px;
}

.community-impact-pill strong {
  color: var(--green);
  font-size: 17px;
}

.giveaway-filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 220px);
  align-items: end;
  gap: 10px 14px;
  margin-bottom: 16px;
}

.giveaway-filters .category-pills {
  grid-column: 1 / -1;
}

.giveaway-filters .nearby-filter-label,
.giveaway-filters .nearby-filter {
  margin: 0;
}

.giveaway-filters .nearby-privacy {
  grid-column: 1 / -1;
  margin: 0;
}

.safe-pickup-suggestions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 10px 0;
  color: var(--muted);
  font-size: 11px;
}

.safe-pickup-suggestions button {
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #f4f8f4;
  color: var(--green);
  font-size: 11px;
}

.exchange-pickup-facility {
  display: grid;
  gap: 8px;
  margin: 14px 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbf8;
}

.exchange-pickup-facility > label {
  font-size: 12px;
  font-weight: 700;
}

.exchange-pickup-facility .input {
  width: 100%;
  margin: 0;
}

.exchange-pickup-details > p {
  margin: 0;
}

.dark-mode .exchange-pickup-facility {
  background: #14231c;
}

.verified-dropoff-marker {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  box-shadow: 0 2px 8px #17332c66;
}

.verified-dropoff-marker.mcc,
.hotspot-swatch.mcc {
  background: #1d7f51;
}

.verified-dropoff-marker.dry_kiosk,
.hotspot-swatch.dry_kiosk {
  background: #2874a5;
}

.verified-dropoff-marker.dustbin,
.hotspot-swatch.dustbin {
  background: #7a5a9e;
}

.maplibregl-popup-content a {
  color: var(--green);
}

.dark-mode .language-toggle {
  background: #14231c;
  color: #9bd19c;
  border-color: var(--line);
}

@media (max-width: 650px) {
  .giveaway-filters {
    grid-template-columns: 1fr;
  }

  .giveaway-filters .category-pills,
  .giveaway-filters .nearby-privacy {
    grid-column: auto;
  }
}

.map-provider-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.map-provider-links a {
  text-decoration: none;
}

.map-provider-link {
  white-space: nowrap;
}

.map-provider-popup-links {
  display: flex;
  gap: 12px;
}