*{box-sizing:border-box}body{margin:0;background:#f7f3e6;color:#655b43;font-family:"Hiragino Maru Gothic ProN","Yuanti SC","PingFang SC",sans-serif;background-image:radial-gradient(#e6dfca .8px,transparent .8px);background-size:18px 18px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:76px;border-bottom:2px solid #e8e0c8;background:#fcfaef;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.back{font-size:13px;background:#efeada;border-radius:22px;padding:10px 17px}.back:hover{background:#e2e8ce}.logo{font-size:25px;letter-spacing:3px;color:#789860;font-weight:800}.logo small{font-size:8px;letter-spacing:2px;margin-left:10px}.neighborhood{font-size:12px;color:#929b79}main{max-width:1240px;margin:auto;padding:0 38px}.hero{text-align:center;position:relative;padding:43px 0 27px}.eyebrow{font-size:10px;letter-spacing:3px;color:#a29a7b;margin-bottom:17px}.ribbon{position:relative;width:310px;max-width:75%;margin:auto;isolation:isolate}.ribbon:before,.ribbon:after{content:"";position:absolute;z-index:-1;top:14px;width:63px;height:70px;background:#94ad72}.ribbon:before{left:-40px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,23% 50%);transform:rotate(-7deg)}.ribbon:after{right:-40px;clip-path:polygon(0 0,100% 0,77% 50%,100% 100%,0 100%);transform:rotate(7deg)}h1{margin:0;padding:16px 30px 19px;background:#abc58b;color:#fffceb;border-radius:7px 7px 12px 12px;border-top:2px solid #c5d8aa;box-shadow:0 5px 0 #7e9b5d;font-size:34px;letter-spacing:7px;text-shadow:0 2px #8fa96e}.hero>p{font-size:13px;letter-spacing:1px;margin:25px 0 15px;color:#93896b}.location{display:inline-block;background:#fffdf3;border:1px dashed #d7cfb4;padding:8px 16px;border-radius:25px;font-size:11px;color:#8a9471}.location span{color:#aea58b}.spark{position:absolute;color:#d8b66f;font-size:26px;top:100px}.s1{left:20%;transform:rotate(-10deg)}.s2{right:20%}.leaf{position:absolute;font-size:60px;left:12%;bottom:30px;color:#b9c59a;transform:rotate(-25deg)}nav{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:16px 0 24px;border-bottom:1px dashed #d9d1b8}nav button{border:0;border-radius:22px;background:#eee9d8;color:#92866a;padding:10px 18px;font-size:12px;transition:transform .15s}nav button:hover{transform:translateY(-2px)}nav button.active{background:#819d65;color:#fffdf0;box-shadow:0 3px 0 #657e4d}.section-line{display:flex;justify-content:space-between;align-items:center;margin:27px 0 19px}.section-line h2{font-size:16px;margin:0;font-weight:600}.section-line small{font-size:10px;font-weight:400;color:#a59a7a;margin-left:10px}.section-line>span{font-size:11px;color:#a99e80}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 19px}.card{border:4px solid #fffdf5;border-radius:22px;background:#fffdf5;overflow:hidden;box-shadow:0 5px 0 #e6dfc9;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 0 #e6dfc9}.card[hidden]{display:none}.picture{position:relative;border-radius:17px;overflow:hidden;aspect-ratio:1.17}.picture img{width:100%;height:100%;object-fit:contain;padding:18px 0 0}.condition{position:absolute;left:12px;top:12px;font-size:9px;color:#8b8e73;background:#fffdf1ac;padding:5px 8px;border-radius:12px}.price{position:absolute;bottom:11px;right:11px;background:#fff9e6;color:#967746;border-radius:14px;padding:6px 11px;font-size:13px;font-weight:700;box-shadow:0 2px 0 #d8c9a54d}.card-body{padding:15px 12px 11px}.owner{display:flex;align-items:center;gap:8px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:20px;border:2px solid #fff}.owner b{font-size:11px;display:block;font-weight:600}.owner small{display:block;font-size:9px;color:#b1a68e;margin-top:3px}.distance{margin-left:auto;font-size:10px;color:#8a9c72;white-space:nowrap}.card h2{font-size:14px;font-weight:600;margin:17px 0 8px;letter-spacing:.2px}.card p{font-size:11px;line-height:1.85;color:#9b9077;margin:0;min-height:62px;font-weight:400}.card-foot{border-top:1px dashed #e9e1cc;padding-top:11px;margin-top:12px;display:flex;justify-content:space-between;font-size:9px;color:#b0a58a}.card-foot>span:first-child{color:#8f9e77}footer{text-align:center;padding:47px 0 35px;color:#a89d7e}footer>span{font-size:28px;color:#8d9f72}footer p{font-size:13px;letter-spacing:2px}footer small{display:block;font-size:10px;line-height:1.8}footer a{display:inline-block;margin-top:20px;font-size:12px;background:#e7ecd8;padding:10px 20px;border-radius:20px;color:#7f9167}@media(min-width:1500px){main{max-width:1400px}.picture{aspect-ratio:1.25}.card p{font-size:12px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:0 24px}.spark.s1{left:12%}.spark.s2{right:12%}}@media(max-width:740px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}header{padding:0 18px;height:64px}.neighborhood,.logo small{display:none}.back{font-size:11px}.hero{padding-top:33px}.hero .leaf,.spark{display:none}main{padding:0 16px}.ribbon{width:245px}h1{font-size:28px}.ribbon:before,.ribbon:after{height:65px;width:48px}.ribbon:before{left:-26px}.ribbon:after{right:-26px}nav{gap:7px}nav button{padding:8px 13px;font-size:11px}.section-line>span{display:none}.card-body{padding:12px 8px 9px}.owner{gap:5px}.avatar{width:27px;height:27px;font-size:17px}.owner small{font-size:8px}.distance{font-size:9px}.card h2{font-size:12px}.card p{font-size:10px;min-height:74px}.condition{font-size:8px;left:8px;top:8px}.price{font-size:11px;bottom:8px;right:8px}.picture img{padding-top:20px}.card{border-width:3px;border-radius:17px}.section-line small{margin-left:6px}.hero>p{font-size:11px}}

.favorite-button{border:0;background:#eef1de;border-radius:18px;color:#829460;font-size:11px;padding:7px 11px}.favorite-button.saved{background:#f4dfd6;color:#b9786b}#market-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#fff9e3;padding:14px 22px;box-shadow:0 4px 0 #dacda9;border-radius:24px;font-size:12px;opacity:0;pointer-events:none;z-index:10;max-width:90%;text-align:center}#market-toast.show{opacity:1}

/* Illustrated catalog: buttery paper, white rounded cards, bright folded ribbon. */
body{background-color:#faf4df;background-image:radial-gradient(ellipse 100% 75px at 20% 0%,#f3e8bd 0%,#f3e8bd 48%,transparent 50%);background-size:100% 440px;color:#63533a}header{background:#faf5e5;border-bottom:0;height:80px}.back{background:#fffdf8;box-shadow:0 4px 12px #b7a67518;color:#857b68;padding:12px 20px}.logo{color:#746746}.neighborhood{color:#a89a78}main{padding-bottom:44px}.hero{padding:30px 0 20px}.ribbon{width:286px;max-width:72%;filter:drop-shadow(0 5px 3px #97a75b22)}.ribbon:before,.ribbon:after{top:21px;height:61px;width:64px;background:#209637;transform:none}.ribbon:before{left:-37px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,23% 50%)}.ribbon:after{right:-37px;clip-path:polygon(0 0,100% 0,77% 50%,100% 100%,0 100%)}h1{position:relative;padding:15px 24px 17px;border:0;border-top:3px solid #62d953;border-radius:9px 9px 5px 5px;background:linear-gradient(100deg,#35ce37,#29bf2d 65%,#2acb31);box-shadow:0 3px 0 #25aa2e;color:#fffde4;font-size:32px;font-weight:900;letter-spacing:6px;text-shadow:0 2px 0 #29aa37}h1:before,h1:after{content:"";position:absolute;bottom:-17px;width:23px;height:17px;background:#176c2a;z-index:-1}h1:before{left:0;clip-path:polygon(0 0,100% 0,100% 100%)}h1:after{right:0;clip-path:polygon(0 0,100% 0,0 100%)}.hero>p{margin:28px 0 13px;color:#9b8f71;font-weight:600}.location{background:#fffdf4;border:0;box-shadow:0 2px 0 #ede5cf;color:#8c886b}nav{border-bottom:0;background:#f3e8bd88;border-radius:35% 25% 35% 25% / 20% 30% 20% 30%;padding:18px 12px;margin:2px -10px 0;gap:11px}nav button{background:#fffefa;border:3px solid #eee8dc;border-radius:28px;font-weight:800;color:#8c8270;padding:10px 21px;box-shadow:0 3px 8px #b5a7810a}nav button.active{background:#fbe2b9;border-color:#eabd7a;color:#735435;box-shadow:none}.section-line{margin:24px 0 20px}.section-line h2{font-weight:800;color:#756444}.grid{gap:24px 20px}.card{background:#fffefd;border:7px solid #fffefd;border-radius:35px;box-shadow:0 7px 18px #c6b68b12}.card:hover{box-shadow:0 10px 22px #c6b68b20}.picture{background-color:#f3ecd9!important;background-image:radial-gradient(#e6dcc3 1.2px,transparent 1.5px);background-size:20px 21px;border-radius:27px;aspect-ratio:1.1}.picture img{padding:22px 0 0}.condition{background:#fffdf7;font-size:9px;font-weight:800;color:#9d8a60;top:13px;left:12px;padding:6px 10px}.price{background:#fffdf7;box-shadow:none;color:#8b7546;font-weight:900;top:13px;right:12px;bottom:auto;font-size:12px}.card-body{padding:15px 13px 12px}.owner{padding:0 0 4px}.avatar{border:3px solid #f8f1df;width:35px;height:35px}.owner b{color:#7e7158;font-weight:800}.owner small{color:#ada38d}.distance{background:#f2f0e6;border-radius:14px;padding:5px 8px;font-weight:700;color:#8c947a}.card h2{text-align:center;font-weight:900;font-size:16px;color:#695435;margin:13px 0 11px;line-height:1.5}.card p{font-size:11px;line-height:1.85;color:#9b917e}.card-foot{border:0;margin-top:14px;padding-top:0;align-items:center}.card-foot>span:first-child{background:#f1efe6;color:#8d8471;padding:6px 12px;border-radius:15px;font-size:10px;font-weight:800}.favorite-button{border:3px solid #f6faf1;background:#83c7a5;color:#fffef4;font-weight:800;padding:7px 13px;border-radius:22px;box-shadow:0 2px 0 #d9e9d9}.favorite-button.saved{background:#edb28e;border-color:#fff6eb;color:#fffdf7}#market-toast{border:4px solid #fffdf5;background:#f7ecd1}
@media(max-width:1000px){.card{border-width:6px;border-radius:30px}.picture{border-radius:23px}.condition{font-size:8px;padding:5px 7px;left:8px;top:9px}.price{font-size:10px;padding:5px 8px;right:8px;top:9px}.card h2{font-size:14px}.card-body{padding:12px 9px 10px}}
@media(max-width:740px){header{height:66px}.hero{padding-top:25px}.ribbon{width:228px}h1{font-size:27px;padding:13px 20px 15px}.ribbon:before,.ribbon:after{top:19px;height:53px;width:47px}.ribbon:before{left:-29px}.ribbon:after{right:-29px}nav{gap:7px;padding:14px 8px}nav button{padding:7px 14px;border-width:2px;font-size:12px}.grid{gap:17px 13px}.card{border-width:6px;border-radius:27px}.picture{border-radius:21px;aspect-ratio:1}.picture img{padding-top:28px}.condition{font-size:7px;padding:4px 5px;left:6px;top:9px}.price{font-size:9px;padding:4px 5px;right:6px;top:9px}.card-body{padding:11px 5px 9px}.avatar{width:27px;height:27px;border-width:2px}.owner b{font-size:10px}.owner small{font-size:8px}.distance{font-size:8px;padding:4px 5px}.card h2{font-size:13px;margin:12px 0 8px}.card p{font-size:10px}.favorite-button{font-size:10px;padding:6px 9px;border-width:2px}.card-foot>span:first-child{font-size:9px;padding:5px 8px}.hero>p{font-size:11px}.section-line h2{font-size:15px}}
/* Slide in from the right, with a persistent way home. */
body{overflow-x:hidden}
.market-page{animation:market-page-enter .52s cubic-bezier(.22,.7,.25,1) both}
.market-page header{padding-left:100px}
.back.market-back{position:fixed;left:24px;top:16px;z-index:50;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;background:#fffdf5f2;border:2px solid #fffef9;box-shadow:0 4px 0 #e1d5b9,0 6px 18px #897a4b16;color:#897758;backdrop-filter:blur(8px);text-decoration:none}
.market-back svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.back.market-back:hover{background:#fff3d4}.back.market-back:focus-visible{outline:3px solid #83b460;outline-offset:4px}
@keyframes market-page-enter{from{transform:translateX(100vw);opacity:.75}to{transform:translateX(0);opacity:1}}
@media(max-width:740px){.back.market-back{left:16px;top:12px;width:42px;height:42px}.market-page header{padding-left:78px}}
@media(prefers-reduced-motion:reduce){.market-page{animation:none}}
.market-page{animation:none}
.back.market-back{width:52px;height:52px;left:20px;top:14px;background:#fffced;border:2px solid #e0e9cd;color:#668d48;box-shadow:0 4px 0 #c6d3ac,0 7px 18px #71643d22}
.market-back svg{width:28px;height:28px;stroke-width:2.4}
@media(max-width:740px){.back.market-back{width:48px;height:48px;left:14px;top:10px}.market-page header{padding-left:80px}}
/* Location and filters share one balanced toolbar. */
.hero{padding-top:44px}.market-toolbar{display:flex;align-items:center;gap:24px;margin-top:6px;padding:16px 0;border-top:1px solid #e9dfc3;border-bottom:1px solid #e9dfc3}.market-toolbar .location{flex-shrink:0;padding:12px 16px;white-space:nowrap}.market-toolbar nav{flex:1;justify-content:flex-end;gap:8px;padding:0;margin:0;background:none;border-radius:0}.market-toolbar nav button{padding:9px 15px;font-size:12px;white-space:nowrap}.furniture-size{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;margin-top:12px;border-top:1px dashed #e9e1cc;color:#9d9178;font-size:10px}.furniture-size strong{font-size:11px;font-weight:600;color:#887759;font-variant-numeric:tabular-nums}.card-foot{justify-content:flex-end;margin-top:12px}.card-actions{display:flex;align-items:center;gap:8px}.seller-chat{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;padding:8px;border:2px solid #f3ecd9;border-radius:50%;background:#faf5e8;color:#a08c64;box-shadow:0 2px 0 #e5dbc0}.seller-chat svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.seller-chat:hover{background:#f4e9cd}.seller-chat:focus-visible{outline:3px solid #8bb46b;outline-offset:3px}
@media(max-width:1050px){.market-toolbar{align-items:flex-start;gap:16px}.market-toolbar nav{justify-content:flex-start}}
@media(max-width:740px){.hero{padding-top:76px}.market-toolbar{flex-direction:column;gap:14px;padding:14px 0}.market-toolbar nav{width:100%;gap:7px}.market-toolbar nav button{padding:7px 12px;font-size:11px}.market-toolbar .location{font-size:11px}.furniture-size{gap:4px;font-size:9px;flex-wrap:wrap}.furniture-size strong{font-size:10px}.card-actions{gap:5px}.seller-chat{width:31px;height:31px;padding:6px}}
.card-foot{justify-content:space-between;gap:8px;align-items:center}.card-foot .furniture-size{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;margin:0;border:0;min-width:0}.card-foot .furniture-size>span{font-size:9px;color:#ad9f85}.card-foot .furniture-size strong{font-size:10px;white-space:nowrap;letter-spacing:-.15px}.card-actions{flex-shrink:0;gap:5px}.card-actions .favorite-button{padding:7px 9px;white-space:nowrap}
@media(max-width:740px){.card-foot{gap:5px;flex-wrap:wrap}.card-foot .card-actions{margin-left:auto}.card-actions .favorite-button{padding:6px 7px}.card-foot .furniture-size strong{font-size:9px}}
