:root{--green:#123f32;--leaf:#2e7556;--lime:#dcefa7;--coral:#ee7656;--sand:#f6f0e6;--ink:#142019;--muted:#6f7b73;--line:#e3e7df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dfe5e1;color:var(--ink);font-family:"DM Sans",sans-serif}.app{width:min(100%,480px);min-height:100vh;margin:auto;background:#fbfcf8;padding-bottom:94px;overflow:hidden}.topbar{height:74px;padding:14px 20px;display:flex;align-items:center;gap:12px;background:#fbfcf8}.logo{width:44px;height:44px;border:0;border-radius:15px;background:var(--green);color:#fff;font:18px "DM Serif Display";box-shadow:0 7px 16px #123f3230}.hello{display:flex;flex-direction:column;flex:1}.hello small{font-size:11px;color:#879088}.hello strong{font-size:16px;margin-top:2px}.bell{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:14px;font-size:22px;position:relative}.bell i{position:absolute;right:8px;top:7px;width:7px;height:7px;background:var(--coral);border-radius:50%;border:2px solid #fff}.hero{margin:4px 20px 0;height:330px;border-radius:28px;overflow:hidden;position:relative;background:var(--green);box-shadow:0 15px 36px #123f3230}.hero img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,35,27,.02) 24%,rgba(8,35,27,.88) 100%)}.hero-copy{position:absolute;left:22px;right:18px;bottom:24px;color:#fff}.hero-copy>span,.section-head span,.neighbor-banner>span{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--lime)}.hero h1{font:400 34px/1.03 "DM Serif Display";letter-spacing:-.02em;margin:8px 0}.hero h1 em{font-weight:400;color:#e7f7bc}.hero p{font-size:13px;margin:0;color:#edf4ef}.search-wrap{margin:-1px 20px 0;padding:14px 0}.search{height:56px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 16px;box-shadow:0 10px 24px #25493812}.search span{font-size:27px;color:var(--green)}.search input{width:100%;border:0;outline:0;background:transparent;font:500 14px "DM Sans"}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:2px 20px 9px}.action{height:122px;border:0;border-radius:22px;padding:15px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon arrow" "text text";align-content:space-between}.action.pro{background:var(--green);color:#fff}.action.bazar{background:var(--coral);color:#fff}.action-icon{grid-area:icon;width:38px;height:38px;border-radius:13px;background:#ffffff20;display:grid;place-items:center;font-size:18px}.action>div{grid-area:text;display:flex;flex-direction:column}.action b{font-size:15px}.action small{font-size:10px;margin-top:2px;color:#ffffffc9}.action>i{grid-area:arrow;justify-self:end;font-style:normal;font-size:20px}.section{padding:30px 20px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-head span{color:var(--coral)}.section-head h2{font:400 26px "DM Serif Display";margin:3px 0 0}.section-head button{border:0;background:transparent;color:var(--green);font-weight:700;font-size:11px;padding:8px 0}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category{height:176px;border:0;border-radius:22px;overflow:hidden;position:relative;background-image:linear-gradient(180deg,transparent 35%,rgba(9,36,27,.82)),url('/assets/explore-community-v2.png');background-size:200% 200%;background-repeat:no-repeat;box-shadow:0 9px 22px #233c321b}.category.health{background-position:left top}.category.home{background-position:right top}.category.wellness{background-position:left bottom}.category.classes{background-position:right bottom}.category-copy{position:absolute;left:15px;right:10px;bottom:14px;color:#fff;text-align:left;display:flex;flex-direction:column}.category strong{font-size:15px}.category small{font-size:10px;color:#e4eee8;margin-top:2px}.neighbor-banner{margin:34px 20px 0;padding:24px;border-radius:26px;background:var(--lime);position:relative;overflow:hidden}.neighbor-banner:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-62px;top:-48px;border:25px solid #c5df81}.neighbor-banner>span{color:var(--green)}.neighbor-banner h2{font:400 27px/1.05 "DM Serif Display";margin:10px 0;color:var(--green);position:relative;z-index:1}.neighbor-banner p{font-size:11px;color:#496451;margin:0 0 17px}.neighbor-banner button{border:0;border-radius:13px;background:var(--green);color:#fff;padding:12px 14px;font-weight:700;font-size:11px}.neighbor-banner button b{margin-left:9px}.bazar-section{padding-bottom:28px}.products{display:flex;gap:12px;overflow:auto;margin:0 -20px;padding:0 20px 12px;scrollbar-width:none;scroll-snap-type:x mandatory}.products::-webkit-scrollbar{display:none}.product{min-width:210px;scroll-snap-align:start}.product-img{height:172px;border-radius:22px;background-image:url('/assets/bazar-products-v2.png');background-size:200% 100%;position:relative;box-shadow:0 8px 20px #273c3319}.product-img.chair{background-position:left}.product-img.bike{background-position:right}.product-img>span{position:absolute;left:10px;top:10px;background:#fffffff0;border-radius:9px;padding:6px 8px;font-size:9px;font-weight:700}.product-img button{position:absolute;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:11px;background:#fffffff0;font-size:19px;color:var(--green)}.product h3{font-size:14px;margin:10px 0 1px}.product p{font:21px "DM Serif Display";color:var(--green);margin:0}.product>small{font-size:10px;color:#89928b}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:82px;padding:9px 14px max(10px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;background:#fffffff2;backdrop-filter:blur(16px);border-top:1px solid var(--line)}.bottom-nav button{min-width:55px;border:0;background:transparent;color:#919991;font-size:9px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav button span{font-size:21px;height:27px}.bottom-nav .selected{color:var(--green)}.bottom-nav .publish span{width:46px;height:46px;margin-top:-27px;border-radius:16px;background:var(--coral);display:grid;place-items:center;color:#fff;font-size:26px;box-shadow:0 8px 18px #ee765655}#toast{position:fixed;z-index:40;left:50%;bottom:100px;transform:translate(-50%,20px);padding:11px 16px;border-radius:14px;background:#102d24;color:#fff;font-size:12px;white-space:nowrap;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:24px}.app{border-radius:30px;box-shadow:0 30px 90px #173a2d2c}.bottom-nav{bottom:24px;border-radius:0 0 30px 30px}}