@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{font-family:'Be Vietnam Pro',sans-serif;color:#173d32;background:#f6f7f2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:24px;padding:12px 20px;background:#e7ede6;color:#173d32}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #e99846;outline-offset:3px}aside{position:fixed;width:235px;height:100vh;padding:36px 28px;border-right:1px solid #dce2d8;background:#fff}.brand{font-size:30px;font-weight:800;text-decoration:none;color:#145844;letter-spacing:-2px}.brand span{color:#e5b144;font-size:20px}aside p{font-size:13px;line-height:1.8;color:#768276;margin-top:35px}nav{display:grid;gap:12px;margin-top:35px}nav button{text-align:left;background:transparent;border-radius:12px;font-size:13px}nav button.active{background:#145844;color:white}.aside-bottom{position:absolute;bottom:35px;font-size:13px;line-height:2}small{color:#7c867c;font-size:11px}main{margin-left:235px;padding:30px 4vw;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}header span{font-size:11px;letter-spacing:2px}header button,.primary{background:#145844;color:#fff}h1{font-size:clamp(32px,4vw,58px);line-height:1.15;letter-spacing:-2px;margin:18px 0}h2{font-size:24px;letter-spacing:-.7px}.hero{display:grid;grid-template-columns:1.2fr 1fr;background:#e7eddc;border-radius:26px;overflow:hidden}.hero-copy{padding:35px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.hero p{color:#5e7160;line-height:1.8;font-size:13px}.hero-art{position:relative;background:linear-gradient(20deg,#224e40aa,#eef1c100),url('https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=1000&auto=format&fit=crop') center/cover;min-height:300px}.art-tag{position:absolute;bottom:22px;left:22px;color:white;font-size:13px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.filters button{font-size:12px;background:#fff;border:1px solid #dce2d8}.filters .active{background:#dbe8ce;border-color:#93aa7d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border-radius:20px;overflow:hidden;border:1px solid #e0e5dc}.photo{height:185px;background-size:cover;background-position:center;position:relative}.badge{position:absolute;left:14px;top:14px;background:#fffc;padding:7px 12px;border-radius:15px;font-size:10px}.cardbody{padding:20px}.card h3{font-size:17px;line-height:1.5;margin:8px 0}.meta{font-size:12px;color:#768276;line-height:1.9}.card .row{margin-top:18px}.card button{font-size:11px}.avatars{font-size:12px;color:#567447}.note{margin:24px 0;padding:18px 22px;background:#eeeedd;border-radius:15px;font-size:12px;line-height:1.8}.clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.clip{border-radius:22px;background:#164637;color:white;overflow:hidden;padding:16px}.clip video{width:100%;aspect-ratio:9/14;object-fit:cover;background:#0b261f;border-radius:15px}.clip p{font-size:12px;line-height:1.8}footer{font-size:10px;color:#858c80;margin-top:35px;line-height:1.8}dialog{border:0;border-radius:24px;padding:32px;max-width:490px;width:92%;color:#173d32}dialog::backdrop{background:#122b2266}.close{float:right;padding:5px 12px}label{display:block;font-size:12px;margin:16px 0 5px}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd6c7;border-radius:10px;background:white;color:#173d32}.wide{width:100%;margin-top:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:20px;background:#173d32;color:#fff;display:none;z-index:10}.empty{padding:40px;background:white;border-radius:20px;line-height:2}.profile{max-width:600px}.pill{font-size:11px;padding:6px 10px;border-radius:12px;background:#e7eddc}@media(max-width:1000px){aside{width:190px;padding:25px 18px}main{margin-left:190px;padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:25px}.hero{grid-template-columns:1.2fr .8fr}.clip-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:fixed;bottom:0;top:auto;height:70px;width:100%;z-index:3;padding:8px;border-top:1px solid #ddd}.brand,aside p,.aside-bottom{display:none}nav{display:flex;margin:0;justify-content:space-around;gap:0}nav button{font-size:10px;padding:14px 8px}main{margin:0;padding:20px 18px 95px}header span{font-size:9px;letter-spacing:1px}header button{font-size:11px;padding:10px}.hero{grid-template-columns:1fr}.hero-art{min-height:160px}.hero-copy{padding:24px}h1{font-size:39px}.grid{grid-template-columns:1fr}.photo{height:220px}.clip-grid{grid-template-columns:1fr}.row h2{font-size:20px}#toast{width:90%;bottom:85px}}

.location{padding:16px 20px;background:white;border-radius:16px}.location .row{justify-content:flex-start}.location input{max-width:390px}.location button{white-space:nowrap}.location small{display:block;margin-top:8px}.empty{grid-column:1/-1}
aside{width:265px;overflow-y:auto}main{margin-left:265px}.aside-bottom{position:static;margin-top:24px}aside p{margin-top:18px}nav{margin-top:20px}#browse-sidebar{margin-top:24px;border-top:1px solid #dce2d8;padding-top:14px;font-size:12px}#browse-sidebar summary{cursor:pointer;padding:12px 0;font-weight:600}#browse-sidebar button{display:block;width:100%;text-align:left;border-radius:9px;background:transparent;font-size:11px;padding:9px 12px}#browse-sidebar .selected{background:#e0ecd6;color:#145844;font-weight:700}.side-list{display:grid;grid-template-columns:1fr 1fr;gap:3px}.city-group{padding-left:12px}.city-group summary{font-size:11px!important;padding:9px 0!important}#browse-sidebar small{display:block;line-height:1.7;margin-top:15px}.selection-info{margin-top:24px;padding:18px 20px;background:#e7eddc;border-radius:15px;font-size:13px}.selection-info p{font-size:11px}.selection-info button{padding:7px 12px;background:white;font-size:11px}@media(max-width:650px){aside{position:static;height:auto;width:100%;padding:12px 18px;overflow:visible}main{margin-left:0;padding-bottom:25px}#browse-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;padding-top:5px}#browse-sidebar>details{max-height:250px;overflow:auto}#browse-sidebar>details>summary{position:sticky;top:0;background:white}.selection-info{margin-top:16px}}

.brand-thichdi{display:flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:-1.5px;white-space:nowrap}.brand-thichdi img{flex-shrink:0;border-radius:12px}.brand-thichdi .brand-name{font-size:29px;font-weight:800;color:#145844}.brand-thichdi .brand-dot{font-size:29px;color:#d49b25}.brand-thichdi:hover{opacity:.88}@media(max-width:650px){aside .brand-thichdi{display:flex;margin:4px 0 12px}.brand-thichdi img{width:36px;height:36px}}

.brand-thichdi .brand-wordmark{width:152px;height:auto;border-radius:0;flex-shrink:1;min-width:0}.brand-thichdi>img:first-child{width:42px;height:42px}@media(max-width:650px){.brand-thichdi .brand-wordmark{width:152px;height:auto}.brand-thichdi>img:first-child{width:38px;height:38px}}

body.auth-screen{background:#f6f7f2}body.auth-screen>aside,body.auth-screen main>header{display:none}body.auth-screen main{margin:0;max-width:none;padding:36px 32px 18px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}body.auth-screen #live-view{width:100%}.auth-layout{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:76px;align-items:center}.auth-brand{display:flex;align-items:center;gap:14px;text-decoration:none;margin-bottom:52px}.auth-brand>img:first-child{border-radius:19px}.auth-brand>img:last-child{max-width:65%;height:auto}.auth-kicker{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#72806e}.auth-intro h1{font-size:48px;letter-spacing:-1.9px;line-height:1.2;margin:18px 0;color:#0d4737}.auth-intro>p{font-size:15px;line-height:1.9;color:#657568;max-width:370px}.auth-topics{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.auth-topics span{font-size:11px;border:1px solid #dfe4d9;border-radius:20px;padding:10px 13px;background:#fbfcf8}.auth-intro>small{font-size:10px;color:#8a9187}.auth-card{background:white;padding:30px;border:1px solid #e6e9e0;border-radius:23px;box-shadow:0 14px 48px #193e3210}.auth-card h2{font-size:23px;letter-spacing:-.6px;margin:0 0 8px}.auth-subtitle{font-size:12px;color:#7c867b;margin-bottom:24px}.auth-card label{font-size:11px;margin:15px 0 7px}.auth-card input{padding:14px;border-color:#dce3d8;background:#fdfefb;border-radius:11px;font-size:13px}.auth-card input:focus{outline:2px solid #145844;outline-offset:1px}.password-field{position:relative}.password-field input{padding-right:64px}.password-field button{position:absolute;right:6px;top:5px;font-size:10px;padding:11px;background:transparent}.auth-submit{border-radius:11px;padding:14px;font-size:13px;font-weight:600;margin-top:20px}.auth-switch{width:100%;background:#f5cb72;border-radius:11px;padding:13px;font-size:12px;font-weight:600;margin-top:10px}.auth-divider{display:flex;align-items:center;gap:12px;color:#9aA194;font-size:10px;margin:23px 0 16px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e8ece3;flex:1}.social-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.social-options button{border:1px solid #e3e7df;border-radius:11px;background:white;padding:10px 5px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px}.social-options button:disabled,.phone-option:disabled{cursor:not-allowed;opacity:.65}.social-options b{font-family:Arial,sans-serif;font-size:20px}.google-letter{color:#4285f4}.facebook-letter{color:#1877f2}.zalo-letter{color:#0068ff}.phone-option{width:100%;margin-top:9px;background:#f7f9f4;border-radius:11px;padding:12px;font-size:11px}.phone-option small{margin-left:8px;font-size:9px}.auth-availability{font-size:10px;line-height:1.7;color:#8d9588;text-align:center;margin:12px 0 0}.auth-legal{font-size:10px;text-align:center;color:#96a08f;line-height:1.8;margin:18px 0 0}.auth-legal a{color:#647a65;text-decoration:none}body.auth-screen main>footer{max-width:1060px;width:100%;margin:25px auto 0;font-size:9px;text-align:center}body.auth-screen #error:not(:empty){max-width:460px;margin:0 auto 15px;background:#fff0ee;color:#9a3434;padding:12px 18px;border-radius:10px;font-size:12px}.auth-consents{margin-top:18px}.auth-consents .note{font-size:10px;padding:12px;margin:10px 0}.auth-consents label{display:block;font-size:11px;line-height:1.8}.auth-consents .meta{font-size:10px}.auth-consents input[type=checkbox]{accent-color:#145844;vertical-align:middle}.auth-consents a{color:#145844}button:disabled{cursor:wait}@media(max-width:900px){.auth-layout{gap:35px;grid-template-columns:1fr 1fr}.auth-intro h1{font-size:38px}.auth-brand{gap:9px}.auth-brand>img:first-child{width:52px;height:52px}.auth-card{padding:24px}}@media(max-width:650px){body.auth-screen main{padding:24px 18px}.auth-layout{grid-template-columns:1fr;gap:24px;max-width:440px}.auth-brand{justify-content:center;margin:0}.auth-brand>img:last-child{width:205px}.auth-intro{text-align:center}.auth-intro h1{font-size:27px;margin:16px 0 5px;letter-spacing:-.7px}.auth-intro h1 br{display:none}.auth-intro>p{font-size:12px;margin:9px auto;max-width:320px}.auth-kicker,.auth-topics,.auth-intro>small{display:none}.auth-card{padding:24px;border-radius:19px}.auth-card h2{font-size:22px}}

.google-login-slot{min-height:44px;margin:12px 0;font-size:11px;line-height:1.7;color:#6d7e6b}.auth-card .social-options{grid-template-columns:repeat(2,1fr)}

.consent-summary{line-height:1.7}.consent-summary a{text-decoration:underline}.consent-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.consent-actions button{flex:1;min-height:48px;min-width:160px}