:root{--ink:#163e35;--green:#236b52;--paper:#f4f7f4;--line:#dfe8e0;--muted:#62756c;--mint:#e7efdd;--lime:#e4edab;--peach:#efc5a8}body{background:var(--paper);font-family:"Avenir Next",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}header{max-width:1240px;min-height:94px;gap:24px;border:0;padding:16px 40px}header .brand b{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:15px;transform:rotate(-6deg);background:var(--ink);font-size:32px;padding:0}.brand-name{font-size:25px;font-weight:750;letter-spacing:-.8px}.brand-name small{font-size:11px;letter-spacing:.7px}.header-tools{margin-left:auto;gap:18px}.header-tools button{background:transparent;border:0}.header-tools>small{font-size:11px;padding:5px 9px;border-radius:6px;background:#e7ece5;color:#526a5d}.account-button{display:flex;align-items:center;gap:8px;font-size:14px;border:0;background:var(--ink);color:white;padding:10px 17px}.account-button svg{width:18px;height:18px}.account-button span{max-width:110px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}main{max-width:1240px;padding:16px 40px 135px}h1{font-weight:750;letter-spacing:-1.6px}h2{font-weight:650}button{transition:background .15s,border-color .15s,transform .15s;border-radius:11px}button:hover{border-color:#6f9581}button:active{transform:translateY(1px)}.primary{background:var(--ink);border-color:var(--ink);font-weight:600}.primary:hover{background:#28634d}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:10px;color:var(--muted)}.intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:0;background:#eaf0df;border-radius:26px;overflow:hidden;margin-bottom:44px;min-height:320px}.intro-copy{padding:38px 0 38px 38px;position:relative;z-index:1}.intro-copy .eyebrow{margin-bottom:16px;color:#587351}.intro h1,html[lang=en] .intro h1{font-size:42px;line-height:1.17;max-width:530px;letter-spacing:-1.5px;margin-bottom:16px;text-wrap:balance}.intro p{font-size:15px;max-width:380px;line-height:1.8;color:#536b59;margin:0 0 23px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-actions button{padding:13px 20px}.text-link{font-size:13px;font-weight:600}.intro-visual{position:relative;height:100%;min-height:315px;display:flex;align-items:center;justify-content:center;background:#e5edbe;align-self:stretch}.intro-visual>img{width:100%;max-width:470px}.scene-label{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:12px;color:#526b4c}.section-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.section-top h2{font-size:24px;letter-spacing:-.6px;margin:0}.section-top .eyebrow{margin:0 0 5px}.location-pill{font-size:12px;padding:7px 12px;border:1px solid var(--line);border-radius:20px;white-space:nowrap;background:white;color:var(--muted)}.market{position:relative}.search{padding:14px 18px;background:white;border-color:var(--line);border-radius:13px;margin-bottom:16px;font-size:14px}.filters{margin:0 0 22px;gap:8px}.filters button{border:0;background:#e9eee8;padding:9px 20px;font-size:14px;border-radius:25px;min-height:40px}.filters .selected{background:var(--ink);color:white}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.card{border:0;background:white;border-radius:17px;box-shadow:0 2px 0 #1e4b3410;transition:box-shadow .18s,transform .18s;align-self:stretch;display:flex;flex-direction:column}.card:hover{box-shadow:0 6px 24px #1e4b3412;transform:translateY(-2px)}.art{height:auto;aspect-ratio:480/340;position:relative;font-size:0;background:#e9eee5}.art img{display:block;object-fit:cover;width:100%;height:100%}.card>.art{width:100%;flex-shrink:0}.card-body{padding:15px 16px 10px;display:flex;flex-direction:column;flex:1;width:100%}.card-body>.tag{align-self:start}.card-body h3{font-size:16px;font-weight:650;line-height:1.5;letter-spacing:-.25px;margin:8px 0 5px}.card-body>p{font-size:13px;color:#66766b;margin:0 0 8px;line-height:1.6}.tag{font-size:11px;padding:3px 8px;border-radius:5px;margin-right:4px;line-height:1.6;letter-spacing:0}.card-body>.tag+.tag{display:none}.card small{font-size:11px;margin:4px 0 0;color:#7a877d}.owner-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:12px 0 0;margin-top:auto}.owner-row .owner-type{margin-left:auto;font-size:10px;color:var(--muted)}.avatar{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;background:#e5ead3;border-radius:50%;font-size:12px;font-weight:650;flex-shrink:0;color:#42634c}.avatar.peach{background:#f1ddc8;color:#8d6240}.avatar-large{width:70px;height:70px;font-size:28px;border-radius:22px;background:#e4edab}.future-note{border:0;display:flex;align-items:center;gap:20px;background:#e9eee7;padding:22px 26px;border-radius:17px;margin:36px 0 20px}.future-note h3{font-size:16px;margin:0 0 3px}.future-note>div>span{font-size:13px}.future-note>.tag{margin-left:auto;white-space:nowrap}.future-icon{font-size:32px;color:#708562}.notice{font-size:12px;line-height:1.8}.panel{border:1px solid #e2e9e2;border-radius:21px;padding:28px;box-shadow:none}.narrow{max-width:690px}.narrow>h1{font-size:32px}.narrow>p.muted{font-size:14px;margin-bottom:24px}.narrow>.panel>.art{max-height:330px;border-radius:12px}.field{font-size:14px;font-weight:600;margin-top:20px}.field input,.field textarea,.field select{font-size:15px;border-color:#dae4db;padding:13px;background:#fbfcfa}.field textarea{min-height:115px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #779c7c;outline-offset:2px}.field:first-child{margin-top:0}.upload{background:#f0f4e9;border:1px dashed #afc0a9;padding:28px;font-size:15px}.upload small{font-size:12px}.upload input{font-size:12px}.details{font-size:14px;gap:16px}.details dt{font-size:12px}.listing-owner{border-top:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.listing-owner .owner-row{padding:0;margin:0}.listing-owner .owner-type{display:none}.listing-owner button{font-size:12px;padding:8px 14px;min-height:38px}.save-row{display:flex;gap:18px;align-items:center;font-size:12px;margin:0 0 10px}.save-row button{font-size:13px}.save-row a{color:var(--muted);text-decoration:underline}.art-placeholder{min-height:150px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#779381;font-size:13px;background:#eaf0e3}.art-placeholder svg{width:44px;height:44px}.back{padding:8px 0;border:0;font-size:13px;color:var(--muted)}.back:before{content:'←';margin-right:8px}nav{max-width:470px;background:#fff;border-radius:23px 23px 0 0;border:1px solid #e2e8e2;box-shadow:0 -3px 24px #254f3c06;gap:8px;padding:10px 14px max(14px,env(safe-area-inset-bottom))}nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 5px;border-radius:12px;min-height:52px}nav svg{height:22px;width:22px}nav span{font-size:11px}nav button.active{background:#edf3df;color:var(--ink)}nav button[data-nav=publish] svg{background:var(--ink);color:white;border-radius:8px;padding:3px;width:27px;height:27px}nav button[data-nav=publish]{gap:0}.empty{padding:45px 26px}.empty h2{font-size:20px}.empty p{font-size:14px;color:var(--muted)}.empty-symbol{display:block;font-size:45px;color:#94ab84;margin-bottom:15px}.login-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:24px auto;border-radius:27px;overflow:hidden;border:1px solid var(--line);background:white}.login-story{padding:42px 36px;background:#e8eedb}.login-story h1{font-size:36px;line-height:1.3;max-width:350px}.login-story>p{font-size:14px;color:#667657;max-width:340px}.login-art{width:100%;border-radius:20px;display:block;margin:20px 0}.login-form{padding:44px 40px}.login-form h2{font-size:27px;letter-spacing:-.7px}.login-form>p{font-size:14px}.step-note{display:block;font-size:12px;color:#7c8c7c;margin-bottom:10px}.auth-planned{display:grid;gap:9px;margin:26px 0}.auth-planned button{font-size:14px;background:#f4f6f2;opacity:1;color:#849180;border:1px solid #e6ebe2}.auth-planned small{font-size:11px;margin-top:4px}.divider{position:relative;text-align:center;margin:25px 0}.divider:before{content:'';height:1px;background:var(--line);position:absolute;top:50%;left:0;right:0}.divider span{position:relative;background:white;padding:0 12px;font-size:12px;color:var(--muted)}.text-button{border:0;background:transparent;font-size:13px;color:var(--muted);margin-top:14px}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:40px;margin-top:20px}.profile-layout>aside{background:white;border-radius:22px;padding:26px;align-self:start;border:1px solid var(--line)}.profile-heading{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.profile-heading .eyebrow{margin-bottom:4px}.profile-heading h1{font-size:24px!important;margin:0;overflow-wrap:anywhere;max-width:170px}.profile-heading p{font-size:12px;margin:6px 0}.profile-heading>button{font-size:12px;padding:8px 12px;min-height:34px}.stat-line{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:22px 0 0;gap:10px;justify-content:space-between}.stat-line strong{display:block;font-size:25px;line-height:1.2;font-weight:650}.stat-line span{font-size:11px;color:var(--muted)}.profile-menu{display:flex;flex-direction:column;gap:6px}.profile-menu button{text-align:left;border:0;background:#f6f8f2;padding:12px 14px;font-size:13px}.profile-menu button:after{content:'↗';float:right}.profile-layout .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.points-note{margin-top:25px;padding:24px;border-radius:16px;background:#e9eedc;font-size:14px}.points-note p{font-size:13px;color:var(--muted);margin-bottom:0}.review-target{display:flex;gap:20px;align-items:center;padding:20px;border-radius:18px;background:#eaf0e1;margin:24px 0}.review-target .art{width:112px;height:90px;aspect-ratio:auto;border-radius:12px;flex-shrink:0}.review-target h3{font-size:16px;margin:4px 0}.review-target p{font-size:12px;color:var(--muted);margin:5px 0}.review-page .panel h2{font-size:20px}.review-tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.review-tags button{font-size:13px;background:#f4f6f0;border-color:#e4e9dd;border-radius:25px;padding:9px 16px}.review-tags .selected{background:var(--ink);color:white}.review-tags .selected:before{content:'✓ ';}.review-page textarea{min-height:125px}.received{background:#edf2e2}.waiting{border-style:dashed;background:transparent}.review-invite{padding-top:23px;margin-top:23px;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}.review-invite h3{font-size:16px}.review-invite p{font-size:12px;color:var(--muted);margin:0}.review-invite button{flex-shrink:0;font-size:13px}.review-item h2{margin-top:12px}.review-item p{font-size:14px}.status{display:inline-block;font-size:12px}.bubble{font-size:14px;background:#eef3e6}.chat button{font-size:13px}
@media(min-width:1000px){.intro h1{max-width:410px}.intro-visual{border-radius:50% 0 0 50%}.intro-copy{padding:38px 10px 38px 38px}}
@media(max-width:900px){header{padding:15px 24px}main{padding:14px 24px 120px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro h1,html[lang=en] .intro h1{font-size:34px}.intro-copy{padding:28px 20px}.intro p{font-size:13px}.intro-visual{min-height:280px}.profile-layout{grid-template-columns:250px 1fr;gap:24px}.profile-layout .grid{grid-template-columns:1fr}.login-story{padding:28px}.login-form{padding:32px 25px}}
@media(max-width:650px){header{padding:13px 18px;min-height:78px;gap:9px}.brand-name{font-size:23px}.brand-name small{font-size:10px!important}.header-tools{gap:0}.header-tools button{font-size:12px;padding:7px 9px}.account-button{padding:9px 10px;font-size:12px;gap:5px;min-height:36px}.account-button svg{height:16px;width:16px}.account-button.signed span{display:none}.account-button.signed{border-radius:50%;height:36px;width:36px;justify-content:center}.brand b{width:39px!important;height:39px!important;font-size:27px!important}main{padding:8px 16px 110px}.intro{display:block;border-radius:22px;min-height:0;position:relative;margin-bottom:28px;background:#e8eedb}.intro-copy{padding:25px 23px 24px}.intro-copy .eyebrow{font-size:10px;margin-bottom:12px}.intro h1,html[lang=en] .intro h1{font-size:31px;line-height:1.22;max-width:300px;margin-bottom:13px;letter-spacing:-1px}.intro p{max-width:235px;font-size:12px;margin-bottom:20px;line-height:1.7}.hero-actions{gap:15px}.hero-actions button{font-size:12px;padding:11px 14px;min-height:42px}.hero-actions a{font-size:11px}.intro-visual{display:none}.section-top{align-items:flex-end;gap:8px;margin-bottom:15px}.section-top h2{font-size:20px;letter-spacing:-.7px}.section-top .eyebrow{font-size:10px;margin-bottom:4px}.location-pill{padding:4px 7px;font-size:10px;max-width:105px;white-space:normal;line-height:1.4}.search{font-size:13px;padding:12px 14px;margin-bottom:13px;min-height:46px}.filters{flex-wrap:nowrap;overflow:auto;gap:6px;margin-bottom:18px;scrollbar-width:none}.filters button,html[lang=en] .filters button{font-size:12px;padding:8px 13px;flex-shrink:0;min-height:35px}.grid{gap:12px}.card{border-radius:14px}.art{height:auto;aspect-ratio:1.27}.card-body{padding:11px 12px 7px}.card-body h3,html[lang=en] .card h3{font-size:14px;line-height:1.45;margin-top:6px}.card-body>p{font-size:11px;line-height:1.6}.card small{font-size:10px}.owner-row{gap:5px;font-size:11px;padding-top:10px}.owner-row .avatar{width:21px;height:21px;font-size:10px}.owner-type{font-size:8px!important}.tag,html[lang=en] .tag{font-size:10px;padding:2px 6px}.future-note{padding:18px;gap:12px;margin-top:25px}.future-note h3{font-size:14px}.future-note>div>span{font-size:11px}.future-note>.tag{display:none}.future-icon{font-size:27px}.notice{font-size:11px}.panel{padding:22px 19px;border-radius:17px}.narrow>h1,html[lang=en] .narrow>h1{font-size:28px}.narrow>.eyebrow{margin-top:12px}.narrow>p.muted{font-size:13px}.field{font-size:13px}.field input,.field textarea,.field select{font-size:16px;padding:12px 10px}.details{font-size:13px}.details dt{font-size:11px}nav{width:100%;max-width:100%;border-radius:18px 18px 0 0;gap:10px;padding:8px 12px max(10px,env(safe-area-inset-bottom))}nav button{min-height:47px;padding:5px}nav span{font-size:10px}.login-layout{display:block;margin:5px 0;border:0;border-radius:20px}.login-story{padding:24px 24px 10px}.login-story .eyebrow{font-size:11px}.login-story h1{font-size:28px!important;max-width:290px;margin:0 0 10px}.login-story>p{font-size:12px;margin:0 0 10px}.login-story .row,.login-art{display:none}.login-form{padding:24px}.login-form h2{font-size:24px}.login-form .step-note{display:none}.login-form>p{font-size:12px}.auth-planned{margin:20px 0;gap:8px}.divider{margin:20px 0}.profile-layout{display:block;margin:10px 0}.profile-layout>aside{padding:22px;margin-bottom:25px}.profile-heading{gap:14px}.profile-heading>button{margin-left:auto}.profile-heading h1{font-size:23px!important;max-width:150px}.profile-heading .avatar-large{width:56px;height:56px;font-size:25px;border-radius:18px}.profile-heading .eyebrow{font-size:11px}.stat-line{margin-top:18px;padding:18px 0;justify-content:space-around}.stat-line strong{font-size:24px}.profile-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-menu button{font-size:12px;padding:11px}.profile-layout .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout .section-top .primary{font-size:12px;padding:8px 12px;min-height:38px}.review-target{gap:14px;padding:15px;margin:20px 0}.review-target .art{width:82px;height:80px}.review-target h3{font-size:14px}.review-target p{font-size:11px}.review-page .panel h2{font-size:18px}.review-tags{gap:8px;margin:17px 0}.review-tags button{font-size:12px;padding:8px 12px;min-height:38px}.review-invite{display:block}.review-invite button{margin-top:16px;width:100%}.actions button{font-size:13px}.listing-owner .owner-row{font-size:13px}html[lang=en] .brand-name{font-size:17px;letter-spacing:-.6px}html[lang=en] .account-button span{font-size:11px}html[lang=en] header{gap:7px}html[lang=en] .hero-actions{gap:12px}html[lang=en] .intro p{max-width:290px}html[lang=en] .section-top h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.card:hover{transform:none}}
.board-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 0 24px;padding:0 0 12px}.board-tabs a{padding:9px 18px;border-radius:10px;font-size:14px;color:var(--muted)}.board-tabs [aria-current=page]{background:var(--ink);color:white}.help-heading{padding:22px 0 28px}.help-heading h1{margin-bottom:12px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.help-grid .panel>p{white-space:pre-wrap;overflow-wrap:anywhere}.help-grid h2{margin:14px 0;font-size:21px}.intake-guide{margin:20px 0;padding:18px;background:#edf3e5;border-radius:12px;font-size:14px}.intake-guide h3{font-size:16px}.intake-guide ol{margin:10px 0 0;padding-left:23px}.intake-guide li{margin:8px 0;color:var(--muted)}@media(max-width:650px){.help-grid{grid-template-columns:1fr}.intake-guide{padding:15px;font-size:13px}.intake-guide h3{font-size:15px}.board-tabs a{font-size:13px;padding:8px 15px}.help-heading h1{font-size:28px}}
/* Mobile home: keep the first offers visible without scrolling past a banner. */
@media(max-width:650px){
 .intro{margin-bottom:16px;border-radius:17px}
 .intro-copy{padding:16px 18px}
 .intro-copy>.eyebrow,.intro-copy>p{display:none}
 .intro h1,html[lang=en] .intro h1{font-size:22px;line-height:1.3;letter-spacing:-.7px;max-width:none;margin:0 0 12px;text-wrap:initial}
 .hero-actions{gap:16px}
 .hero-actions button{min-height:40px;padding:9px 13px}
 .intro+.board-tabs{margin-bottom:14px;padding-bottom:9px}
 .market>.section-top{margin-bottom:12px;align-items:center}
 .market>.section-top .eyebrow{display:none}
 .market>.section-top h2,html[lang=en] .market>.section-top h2{font-size:16px;letter-spacing:-.3px}
 .market .search{margin-bottom:10px}
 .market .filters{margin-bottom:14px}
}
@media(max-width:650px){html[lang=en] .market .card>.art{aspect-ratio:1.65}html[lang=en] .market .card h3{font-size:13px;line-height:1.4}html[lang=en] .market .card-body>p{line-height:1.45}}

/* Huyouji homepage — a shared coast, not a conventional classifieds board. */
:root{--hui-ink:#143c43;--hui-tide:#276b68;--hui-mint:#d8ebe3;--hui-sand:#f5efdf;--hui-sun:#e9b94d;--hui-line:rgba(20,60,67,.16)}
.home-hero{position:relative;overflow:hidden;margin:8px 0 32px;border:1px solid var(--hui-line);border-radius:28px;background:var(--hui-sand);box-shadow:0 18px 42px rgba(20,60,67,.08)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(310px,.94fr);min-height:392px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:54px clamp(28px,5vw,74px)}.hero-kicker{margin:0 0 17px;color:var(--hui-tide);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero-copy h1{max-width:660px;margin:0;color:var(--hui-ink);font-family:ui-serif,"Songti SC","Noto Serif CJK SC",serif;font-size:clamp(42px,5vw,72px);font-weight:750;letter-spacing:-.07em;line-height:.98}.hero-copy h1 span{display:block;color:var(--hui-tide);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.34em;font-weight:750;letter-spacing:.02em;line-height:1.5;margin-top:13px}.hero-lede{max-width:530px;margin:23px 0 0;color:#31545a;font-size:17px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.hero-actions button{min-height:47px;border-radius:999px;padding:0 21px;font-weight:760}.hero-actions .primary{background:var(--hui-ink);box-shadow:none}.hero-actions .primary:hover{background:#0d2e34}.hero-actions .hero-secondary{background:transparent;border:1px solid #6a8986;color:var(--hui-ink)}
.hero-map{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:var(--hui-ink);min-height:285px}.hero-map:before,.hero-map:after{content:"";position:absolute;border:1px solid rgba(216,235,227,.26);border-radius:50%;pointer-events:none}.hero-map:before{width:440px;height:440px}.hero-map:after{width:285px;height:285px}.map-ring{position:absolute;width:138px;height:138px;border:1px solid rgba(216,235,227,.58);border-radius:50%;z-index:-1}.map-ring:before,.map-ring:after{content:"";position:absolute;background:var(--hui-sun);border-radius:50%;width:8px;height:8px}.map-ring:before{top:-4px;left:64px}.map-ring:after{right:8px;bottom:15px}.map-card{position:absolute;z-index:1;width:170px;padding:13px 15px;border:1px solid rgba(216,235,227,.65);border-radius:14px;background:#f9f5e9;color:var(--hui-ink);box-shadow:0 12px 24px rgba(0,0,0,.16);transform:rotate(-3deg)}.map-card:first-of-type{top:70px;left:max(18px,7%)}.map-card:nth-of-type(2){right:max(18px,7%);bottom:68px;transform:rotate(4deg)}.map-card small{display:block;color:#55706e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.map-card strong{display:block;margin-top:5px;font-size:15px;line-height:1.35}.map-pin{position:relative;z-index:2;display:grid;place-items:center;width:73px;height:73px;border:1px solid rgba(216,235,227,.75);border-radius:50%;background:var(--hui-tide);color:#fff;font-weight:900;font-size:13px;letter-spacing:.04em}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hui-line);background:#fffdf7}.hero-proof div{min-height:92px;padding:16px 20px;border-right:1px solid var(--hui-line)}.hero-proof div:last-child{border:0}.hero-proof b{display:block;color:var(--hui-tide);font-size:11px;letter-spacing:.1em}.hero-proof span{display:block;margin-top:8px;color:#31545a;font-size:13px;line-height:1.35}
.board-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 16px}.board-head h2{margin:0;color:var(--hui-ink);font-family:ui-serif,"Songti SC",serif;font-size:32px;letter-spacing:-.04em}.board-head p{margin:0;color:#63807e;font-size:14px}.board-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 23px}.board-tabs button{border:1px solid var(--hui-line);border-radius:999px;background:#fff;padding:9px 14px;color:#31545a;font-weight:700}.board-tabs button:hover{border-color:var(--hui-tide);color:var(--hui-tide)}
.trust-banner{display:grid;grid-template-columns:1.25fr 1fr auto;align-items:center;gap:22px;margin:40px 0 10px;padding:26px 29px;border-top:3px solid var(--hui-tide);background:var(--hui-mint)}.trust-banner h2{margin:0;color:var(--hui-ink);font-size:23px;letter-spacing:-.03em}.trust-banner p{margin:7px 0 0;color:#395c5a;font-size:14px;line-height:1.6}.trust-banner ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.trust-banner li{border:1px solid rgba(20,60,67,.2);border-radius:999px;background:rgba(255,255,255,.66);padding:7px 10px;color:var(--hui-ink);font-size:12px;font-weight:740}.trust-banner a{color:var(--hui-ink);font-weight:800;text-decoration-thickness:1px;text-underline-offset:4px;white-space:nowrap}
.trust-page{max-width:920px;margin:0 auto;padding:20px 0 50px}.trust-page h1{max-width:700px;margin:18px 0 12px;color:var(--hui-ink);font-family:ui-serif,"Songti SC",serif;font-size:clamp(37px,5vw,58px);letter-spacing:-.06em;line-height:1.04}.trust-page>p{max-width:680px;color:#4d6c6a;font-size:16px;line-height:1.7}.trust-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:34px 0;border-top:1px solid var(--hui-line);border-bottom:1px solid var(--hui-line)}.trust-step{padding:24px 23px;border-right:1px solid var(--hui-line)}.trust-step:last-child{border-right:0}.trust-step b{color:var(--hui-tide);font-size:12px;letter-spacing:.12em}.trust-step h2{margin:13px 0 8px;color:var(--hui-ink);font-size:20px}.trust-step p{margin:0;color:#587472;font-size:14px;line-height:1.65}.trust-now{padding:24px 27px;background:var(--hui-sand);border-left:4px solid var(--hui-sun)}.trust-now h2{margin:0;color:var(--hui-ink);font-size:21px}.trust-now p{margin:9px 0 0;color:#4d6c6a;line-height:1.65}
@media (max-width:760px){.home-hero{margin:0 -3px 27px;border-radius:20px}.hero-grid{grid-template-columns:1fr}.hero-copy{min-height:390px;padding:41px 26px 37px}.hero-copy h1{font-size:51px}.hero-lede{font-size:15px;line-height:1.7}.hero-map{min-height:255px}.map-card:first-of-type{top:36px;left:7%}.map-card:nth-of-type(2){right:7%;bottom:31px}.hero-proof div{min-height:86px;padding:14px 12px}.hero-proof span{font-size:12px}.board-head{align-items:flex-start;flex-direction:column;gap:7px}.board-head h2{font-size:28px}.trust-banner{grid-template-columns:1fr;gap:16px;margin-top:29px;padding:24px 20px}.trust-banner ul{gap:6px}.trust-steps{grid-template-columns:1fr;margin:26px 0}.trust-step{border-right:0;border-bottom:1px solid var(--hui-line)}.trust-step:last-child{border-bottom:0}.trust-page{padding-bottom:30px}.trust-now{padding:21px 20px}}
@media (max-width:390px){.hero-copy h1{font-size:44px}.hero-actions{gap:9px}.hero-actions button{padding:0 16px}.map-card{width:151px;padding:11px 12px}.map-card strong{font-size:13px}.hero-proof div{padding:13px 9px}.hero-proof span{font-size:11px}}

/* Markup bindings for the home route. */
.hero-copy>p{max-width:530px;margin:23px 0 0;color:#31545a;font-size:17px;line-height:1.75}.how-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--hui-ink);font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor}.how-link span{font-size:15px}.hero-map .map-card{display:flex;align-items:center;gap:9px}.hero-map .map-card span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--hui-mint);color:var(--hui-ink);font-size:14px}.hero-map .map-card b{font-size:14px}.map-card-item{top:70px;left:max(18px,7%)}.map-card-skill{right:max(18px,7%);bottom:68px;transform:rotate(4deg)}.hero-map>p{position:absolute;z-index:2;bottom:17px;left:0;right:0;margin:0;color:rgba(216,235,227,.82);font-size:12px;font-weight:700;text-align:center}.hero-proof>span{min-height:92px;padding:16px 20px;border-right:1px solid var(--hui-line);color:#31545a;font-size:13px;line-height:1.35}.hero-proof>span:last-child{border-right:0}.hero-proof>span b{display:block;margin-bottom:8px;color:var(--hui-tide);font-size:11px;letter-spacing:.1em}.section-top{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-top .eyebrow{display:block;color:var(--hui-tide);font-size:11px;font-weight:800;letter-spacing:.1em}.section-top h2{margin:6px 0 0;color:var(--hui-ink);font-family:ui-serif,"Songti SC",serif;font-size:32px;letter-spacing:-.04em}.location-pill{flex:0 0 auto;border:1px solid var(--hui-line);border-radius:999px;padding:8px 11px;color:#31545a;font-size:12px;font-weight:700}.trust-banner .trust-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--hui-ink);color:#fff;font-size:20px}.trust-banner .trust-mark span{line-height:1}.trust-banner>div:nth-child(2){min-width:0}.trust-link{display:inline-flex;gap:8px;align-items:center}.future-note{display:flex;align-items:center;gap:14px;margin:26px 0 10px;padding:17px 20px;border-left:3px solid var(--hui-sun);background:#fffdf7}.future-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--hui-ink);color:#fff}.future-note h3{margin:0 0 4px;color:var(--hui-ink);font-size:15px}.future-note>div span{color:#587472;font-size:13px;line-height:1.5}.future-note>.tag{margin-left:auto;white-space:nowrap}.trust-page .trust-steps article{padding:24px 23px;border-right:1px solid var(--hui-line)}.trust-page .trust-steps article:last-child{border-right:0}.trust-page .trust-steps article>span{color:var(--hui-tide);font-size:12px;font-weight:800;letter-spacing:.12em}.trust-page .trust-steps h2{margin:13px 0 8px;color:var(--hui-ink);font-size:20px}.trust-page .trust-steps p{margin:0;color:#587472;font-size:14px;line-height:1.65}.trust-now{display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-now .primary{white-space:nowrap;background:var(--hui-ink);box-shadow:none}
@media(max-width:760px){.hero-copy>p{font-size:15px;line-height:1.7}.map-card-item{top:36px;left:7%}.map-card-skill{right:7%;bottom:31px}.hero-proof{display:none}.section-top{align-items:flex-start;flex-direction:column;gap:7px}.section-top h2{font-size:28px}.trust-page .trust-steps article{border-right:0;border-bottom:1px solid var(--hui-line)}.trust-page .trust-steps article:last-child{border-bottom:0}.trust-now{align-items:flex-start;flex-direction:column}.future-note{align-items:flex-start}.future-note>.tag{margin:2px 0 0}.how-link{margin-top:16px}}
@media(min-width:761px){main{padding-bottom:42px}nav{position:static;transform:none;width:min(100% - 80px,1240px);max-width:1240px;margin:0 auto 34px;padding:0;justify-content:flex-end;gap:5px;border:0;border-radius:0;background:transparent;box-shadow:none}nav button{flex:0 0 auto;flex-direction:row;gap:7px;min-height:40px;padding:8px 11px;border:1px solid transparent;border-radius:999px}nav button:hover{border-color:var(--hui-line)}nav button[data-nav=publish] svg{width:22px;height:22px;border-radius:50%;padding:2px}}

/* A personal skill tree: two branches, offered skills and learning interests. */
.skill-tree{margin:0 0 32px;padding:24px;background:#f3f8f3;border:1px solid #d7e5d9;border-radius:22px}
.skill-tree-heading{display:flex;gap:14px;align-items:center;margin-bottom:24px}.skill-tree-heading h2{margin:0 0 6px}.skill-tree-heading p{margin:0;color:#52675a;font-size:14px;line-height:1.6}.skill-sprout{font-size:34px;color:#276147}
.skill-branches{display:grid;grid-template-columns:1fr 1fr;gap:24px}.skill-branch{border-left:3px solid #72a884;padding-left:16px;min-width:0}.skill-branch.learn{border-color:#ccae62}.skill-branch-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;flex-wrap:wrap}.skill-branch h3{font-size:16px;margin:0 0 12px}.skill-branch h3 small{font-size:12px;font-weight:400;color:#52675a}.skill-branch-head button{font-size:13px;min-height:40px;padding:8px 10px}.skill-empty{font-size:14px;color:#52675a;line-height:1.7}.skill-leaves{list-style:none;padding:0;margin:14px 0}.skill-leaves li{background:white;border:1px solid #d7e5d9;border-radius:4px 18px 18px 18px;padding:14px;margin-bottom:12px;overflow-wrap:anywhere}.skill-leaf-main{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.skill-leaves p{font-size:14px;line-height:1.7;margin:10px 0}.skill-leaf-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.skill-leaf-actions button{font-size:12px;padding:8px 10px;min-height:36px;background:transparent}.skill-editor{background:white;border:1px solid #72a884;border-radius:14px;padding:20px;margin-top:20px}.skill-editor input,.skill-editor textarea{width:100%;box-sizing:border-box}.skill-tree .notice{font-size:12px;margin:14px 0 0}.skill-tree button:focus-visible{outline:3px solid #276147;outline-offset:3px}
@media(max-width:800px){.skill-branches{grid-template-columns:1fr;gap:20px}.skill-tree{padding:18px}.skill-editor{padding:14px}.skill-tree-heading{align-items:flex-start}.skill-leaf-actions button{min-height:44px}}

/* Six-photo intake and voice-first listing flow. */
.upload b{color:var(--ink)}
.photos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;overflow:visible;margin:14px 0 22px}
.photo-item{position:relative;aspect-ratio:1;margin:0;min-width:0}
.photo-item img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid #dbe5d9}
.photo-item button{position:absolute;right:-6px;top:-7px;width:28px;height:28px;min-height:28px;padding:0;border:2px solid white;border-radius:50%;background:var(--ink);color:white;font-size:18px;line-height:1;box-shadow:0 2px 8px #15382d25}
.photo-item figcaption{position:absolute;left:6px;bottom:6px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:7px;background:#fffdf0e8;color:var(--ink);font-size:11px;font-weight:700}
.voice-card{margin:22px 0;padding:20px;border-radius:16px;background:#edf3e5;border:1px solid #dce7d6}
.voice-card-heading{display:flex;gap:13px;align-items:flex-start}
.voice-card-heading>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--ink);color:white;font-size:18px;flex:0 0 auto}
.voice-card-heading h3{margin:0;font-size:17px}.voice-card-heading p{margin:2px 0 0;color:var(--muted);font-size:12px}
.voice-card ol{margin:16px 0 18px;padding-left:22px;display:grid;gap:7px;color:#526c5c;font-size:13px}
.voice-actions{gap:8px}.voice-actions button{font-size:13px;padding:9px 13px}
.voice-status{margin:12px 0 0;font-size:12px;color:var(--muted)}
.voice-card audio{display:block;width:100%;margin-top:12px;height:38px}
.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.detail-gallery img{display:block;width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:11px;background:#e8ede5}
.detail-gallery.single{grid-template-columns:1fr}.detail-gallery.single img{aspect-ratio:1.4;max-height:330px}
@media(max-width:650px){.photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.voice-card{padding:16px;margin:18px 0}.voice-card-heading h3{font-size:15px}.voice-actions{display:grid;grid-template-columns:1fr 1fr}.voice-actions button:last-child{grid-column:1/-1}.detail-gallery{gap:6px}.detail-gallery img{border-radius:9px}}

/* Current-city badge: keep the open city prominent and expansion note quiet. */
.market .location-pill{display:flex;align-items:center;gap:9px;padding:8px 12px 8px 9px;border:1px solid var(--hui-line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(20,60,67,.07);white-space:normal}
.location-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:10px;background:var(--hui-mint);color:var(--hui-ink);font-size:15px;font-weight:900}
.location-copy{display:grid;gap:2px;line-height:1.15;text-align:left}
.location-copy strong{color:var(--hui-ink);font-size:14px;font-weight:850}
.location-copy small{color:#6b8381;font-size:10px;font-weight:650;white-space:nowrap}
@media(max-width:760px){
 .market>.section-top{width:100%;flex-direction:row;align-items:flex-end;gap:12px}
 .market>.section-top>div:first-child{min-width:0}
 .market .location-pill{max-width:none;padding:6px 8px;gap:7px;border-radius:12px}
 .location-icon{width:26px;height:26px;border-radius:8px;font-size:12px}
 .location-copy strong{font-size:12px}
 .location-copy small{font-size:9px}
}
@media(max-width:360px){
 .market>.section-top{align-items:flex-start;flex-direction:column}
}

.person-link{color:var(--green,#173f35);font-weight:700;text-decoration:underline;text-underline-offset:5px;}
.applicant-profile-link{margin-bottom:20px;display:inline-flex;gap:10px;padding:12px 16px;}
.member-public>.panel{margin-top:20px;}
.member-public h2 small{font-size:16px;color:#64796d;font-weight:400;}
.member-public .skill-leaves{margin-top:20px;}
.member-public .card{text-align:left;}

/* Exchange card actions share dimensions for links, buttons and confirmed states. */
.exchange-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);}
.exchange-footer .exchange-handoff-note{margin:0 0 16px;font-size:13px;line-height:1.75;}
.exchange-item .exchange-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;margin:0;}
.exchange-item .exchange-actions:empty{display:none;}
#app .exchange-item .exchange-actions>*{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:56px;width:100%;margin:0;padding:14px 18px;border:1px solid var(--line);border-radius:14px;font-size:15px;font-weight:600;line-height:1.45;text-align:center;transition:background 160ms ease,border-color 160ms ease,transform 120ms cubic-bezier(.23,1,.32,1);}
.exchange-item .exchange-actions>:only-child{grid-column:1/-1;}
.exchange-actions .action-label{font-size:15px;}
.exchange-actions svg{width:21px;height:21px;flex-shrink:0;}
.exchange-item .exchange-actions>.primary{background:var(--ink);border-color:var(--ink);color:#fff;}
.exchange-item .exchange-actions>.exchange-confirm{background:#eff5f0;border-color:#cbded0;color:var(--ink);}
.exchange-item .exchange-actions>.confirm-done{background:#f1f6ed;border-color:#dbe8d2;color:var(--green);font-size:14px;}
.exchange-actions>a:focus-visible,.exchange-actions>button:focus-visible{outline:3px solid #83b6a2;outline-offset:4px;}
.exchange-actions>a:active,.exchange-actions>button:active{transform:scale(.98);}
@media(hover:hover) and (pointer:fine){
 .exchange-item .exchange-actions>.primary:hover{background:#245a48;border-color:#245a48;}
 .exchange-item .exchange-actions>.exchange-confirm:hover{background:#e4eee5;border-color:#8eaf9b;}
}
@media(max-width:650px){
 .exchange-item .exchange-actions{grid-template-columns:minmax(0,1fr);gap:10px;}
 #app .exchange-item .exchange-actions>*{min-height:52px;padding:13px 16px;border-radius:12px;}
 .exchange-footer{margin-top:20px;padding-top:18px;}
}
@media(prefers-reduced-motion:reduce){
 #app .exchange-item .exchange-actions>*{transition:none;}
 .exchange-actions>a:active,.exchange-actions>button:active{transform:none;}
}

.contacts-editor{background:#f3f7f2;border:1px solid #dce7dd;border-radius:16px;padding:20px;margin:24px 0;}
.contacts-heading{display:flex;align-items:flex-start;gap:12px;}
.contacts-heading>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e1eade;border-radius:11px;width:36px;height:36px;font-size:22px;}
.contacts-heading h2{font-size:18px;line-height:1.5;margin:0;}
.contacts-heading h2 small{display:block;font-size:12px;font-weight:400;}
.contacts-heading p{font-size:13px;color:var(--muted);margin:8px 0 0;}
.contacts-editor .field input{background:white;}
.contacts-editor .notice{margin:16px 0 0;}
@media(max-width:650px){.contacts-editor{padding:16px;}}

#app .skill-choice select{width:100%;min-height:52px;background:#f9fbf8;border:1px solid #d9e4db;border-radius:12px;padding:12px 14px;color:var(--ink)}#app .skill-choice input[data-skill-custom]{margin-top:10px}#app .skill-choice input[hidden]{display:none}#app .listing-language{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}#app .listing-language button{min-height:44px;border:1px solid #cbded0;background:#f1f7ef;border-radius:12px;padding:10px 16px;color:var(--ink);font-weight:600}#app .listing-translation-status{font-size:13px;color:#88613d}#app .translation-panel{margin-top:22px;border:1px solid #d4e3d8;background:#f7faf6}#app .translation-panel p{line-height:1.7}#app .translation-panel button{min-height:48px}#app #english-fields{margin-top:16px}#app .translation-panel [data-english-field]{min-height:74px}

.publish-status:empty { display: none; }
.publish-status { margin: 20px 0 16px; padding: 14px 16px; border: 1px solid #d6ded4; border-radius: 14px; background: #f2f6ef; line-height: 1.65; }
.publish-status.error { color: #925333; border-color: #e6d7cc; background: #fcf5ee; }