:root{--x-acc:#F0445C;--x-acc-d:#D63048;--x-tint:#FFF0F2;--x-tint2:#FFDDE3;--x-grad:linear-gradient(135deg,#FF8A5B 0%,#F0445C 55%,#D9367A 100%)}
html body .fd-btn-post,html body .tvx-lm-post,html body .tvx-bnav .tvx-bnav-add,html body .tvs-bnav .tvs-bnav-add{background:var(--x-grad)!important;background-color:var(--x-acc)!important;box-shadow:0 12px 24px -12px rgba(217,54,122,.7)!important;border:0!important}
html body .fd-btn-post:hover,html body .tvx-lm-post:hover{filter:brightness(1.05) saturate(1.05);transform:translateY(-1px)}
html body .tvx-lm-join{background:var(--x-grad)!important;background-image:var(--x-grad)!important}
html body .tvx-lm-join a{color:var(--x-acc-d)!important}
html body .tvx-lm-nav a.on{background:var(--x-tint)!important;color:var(--x-acc-d)!important;box-shadow:inset 0 0 0 1px var(--x-tint2)!important}
html body .tvx-lm-nav a.on svg{color:var(--x-acc)!important}
html body .tvx-lm-nav a.on::after{display:none!important}
html body .tvx-fd .tvs-type.is-on,html body .tvx-fd .tvs-f.is-on,html body:not(#x1) .tvs .tvs-type.is-on,html body:not(#x1) .tvs .tvs-f.is-on{background:var(--x-tint)!important;color:var(--x-acc-d)!important;border-color:var(--x-tint2)!important;box-shadow:none!important}
html body:not(#x1):not(#x2):not(#x3) .tv-chip[aria-pressed="true"]:not(.tvx-near),html body:not(#x1):not(#x2):not(#x3) .tv-chip[aria-current]:not(.tvx-near),html body:not(#x1):not(#x2):not(#x3) .tv-chip.is-on:not(.tvx-near),html body:not(#x1):not(#x2):not(#x3) .tv-chip.on:not(.tvx-near){background:var(--x-tint)!important;color:var(--x-acc-d)!important;border-color:var(--x-tint2)!important;box-shadow:none!important}
html body:not(#x1):not(#x2):not(#x3) .tv-chip[aria-pressed="true"]:not(.tvx-near) small{color:var(--x-acc-d)!important;opacity:.7}
html body:not(#x1) .tvx-fd .tvs-act.tvs-act-main,html body:not(#x1) .tvs .tvs-act.tvs-act-main{background:var(--x-tint)!important;color:var(--x-acc-d)!important;border:1px solid var(--x-tint2)!important;box-shadow:none!important}
html body:not(#x1) .tvx-fd .tvs-act.tvs-act-main:hover,html body:not(#x1) .tvs .tvs-act.tvs-act-main:hover{background:var(--x-acc)!important;color:#fff!important;border-color:var(--x-acc)!important}
html body:not(#x1) .tvx-plmap{background:#fff!important;color:#16202B!important;border:1px solid #E6E9EC!important;box-shadow:none!important}
html body:not(#x1) .tvx-plmap:hover{background:var(--x-tint)!important;color:var(--x-acc-d)!important;border-color:var(--x-tint2)!important}
html body .fd-mapcard:hover .fd-mapcta{background:var(--x-acc)!important;color:#fff!important}
html body .tvx-lm-nav a:hover{background:#F6F7F8!important}
/* สมุดเดินทาง (หน้าโปรไฟล์สมาชิก) ชุดสีใหม่ */
html body .tv-member:has(.tv-journal){background:radial-gradient(circle at 1px 1px,rgba(16,32,43,.07) 1px,transparent 1.5px) 0 0/22px 22px,#F5F6F3!important}
html body .tv-pass{background:#16202B!important;background-image:radial-gradient(90% 120% at 100% 0%,rgba(240,68,92,.6),transparent 55%),radial-gradient(70% 90% at 0% 100%,rgba(255,138,91,.38),transparent 60%)!important;box-shadow:0 30px 60px -30px rgba(16,32,43,.6)!important}
html body .tv-pass::before{border-color:rgba(255,255,255,.12)!important}
html body .tv-pass-k{opacity:.7!important}
html body .tv-pass-av{color:#D63048!important}
html body .tv-pass .tv-btn-light,html body .tv-pass .tv-btn{background:#fff!important;background-image:none!important;color:#D63048!important;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)!important}
html body .tv-stamp{border-color:rgba(255,255,255,.38)!important;background:rgba(255,255,255,.06)!important}
html body .tv-stamp.s2,html body .tv-stamp.s6{border-color:#FFC37A!important}
html body .tv-stamp.s4{border-color:#FF9AA8!important}
html body .tv-stamp.s5{border-color:#8EE3C8!important}
/* หน้าฟีด: ทันสมัยขึ้น */
html body .tvx-fd .fd-compose{border-radius:22px!important;border:1px solid #EEF0F2!important;box-shadow:0 12px 30px -26px rgba(16,32,43,.4)!important;padding:14px!important;background:#fff!important}
html body .tvx-fd .fd-ask{background:#F6F7F8!important;border:1px solid transparent!important;border-radius:16px!important;min-height:48px;transition:background .15s,border-color .15s}
html body .tvx-fd .fd-ask:hover{background:#fff!important;border-color:var(--x-tint2)!important}
html body .tvx-fd .fd-kinds{display:flex!important;gap:8px!important;justify-content:flex-start!important;flex-wrap:wrap;margin-top:10px!important}
html body .tvx-fd .fd-kinds button{background:#F6F7F8!important;border:0!important;border-radius:999px!important;padding:0 14px!important;min-height:36px;color:#3A4550!important;font-weight:700!important;font-size:.84rem!important;flex:none!important;transition:background .15s,color .15s}
html body .tvx-fd .fd-kinds button:hover{background:var(--x-tint)!important;color:var(--x-acc-d)!important}
html body .tvx-fd .fd-filter{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter{display:flex!important;background:#ECEEF1!important;border:0!important;border-radius:999px!important;padding:4px!important;gap:4px!important;margin:0 0 14px!important;box-shadow:inset 0 1px 2px rgba(16,32,43,.06)!important}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-f{flex:1 1 0!important;width:auto!important;min-height:40px!important;height:40px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#6B7681!important;font-weight:700!important;font-size:.92rem!important;box-shadow:none!important;transition:background .2s,color .2s,box-shadow .2s}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-f:hover{color:#16202B!important}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-f.is-on{background:#fff!important;color:#16202B!important;box-shadow:0 6px 16px -8px rgba(16,32,43,.4),0 1px 2px rgba(16,32,43,.08)!important}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-f{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-f::before{content:"";flex:none;width:17px;height:17px;background-color:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;opacity:.85}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-f.is-on::before{background-color:var(--x-acc);opacity:1}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-f[data-tvs-tab="for_you"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 4.6L18.5 9l-4.7 1.6L12 15l-1.8-4.4L5.5 9l4.7-1.4z'/%3E%3Cpath d='M19 15l.8 2 2 .8-2 .7-.8 2.1-.7-2.1-2.1-.7 2.1-.8z'/%3E%3C/svg%3E")}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-f[data-tvs-tab="following"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.8-3.6 3.4-5.5 6.5-5.5s5.7 1.9 6.5 5.5'/%3E%3Cpath d='M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.8c2 .7 3.2 2.5 3.6 5.2'/%3E%3C/svg%3E")}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-f[data-tvs-tab="near"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11.5a7 7 0 0 0-14 0C5 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
html body:not(#x1):not(#x2) .tvx-fd .fd-filter .tvs-filter .tvs-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
html body .tvx-fd .fd-filter .tvs-type:not(.is-on){background:#fff!important;border:1px solid #E6E9EC!important;color:#3A4550!important}
html body .tvx-fd .fd-filter .tvs-type:not(.is-on):hover{border-color:#C9D0D6!important}
html body .tvx-fd .fd-filter .tvs-search{background:#fff!important;border:1px solid #E6E9EC!important;border-radius:14px!important;box-shadow:none!important}
html body .tvx-fd .tvs-card{border:1px solid #EEF0F2!important;border-radius:22px!important;box-shadow:0 12px 30px -26px rgba(16,32,43,.4)!important}
html body .fd-rail-box,html body .fd-mapcard{border-radius:22px!important}
html body .fd-minimap{position:absolute!important;inset:0!important;height:auto!important}
html body:not(#x1) .tvs .tvs-type{display:inline-flex!important;align-items:center!important;gap:6px!important}
html body:not(#x1) .tvs .tvs-type::before{content:"";flex:none;width:15px;height:15px;background-color:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;opacity:.75}
html body:not(#x1) .tvs .tvs-type.is-on::before{opacity:1;background-color:var(--x-acc,#E8445A)}
html body:not(#x1) .tvs .tvs-type[data-tvs-type=""]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3C/svg%3E")}
html body:not(#x1) .tvs .tvs-type[data-tvs-type="doi"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19l6-10 4 6 2.5-3.5L21 19z'/%3E%3Ccircle cx='17' cy='6' r='2'/%3E%3C/svg%3E")}
html body:not(#x1) .tvs .tvs-type[data-tvs-type="waterfall"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16'/%3E%3Cpath d='M8 4v10M12 4v13M16 4v9'/%3E%3Cpath d='M4 20c2-1.5 4-1.5 6 0s4 1.5 6 0 3-1.2 4-.6'/%3E%3C/svg%3E")}
html body:not(#x1) .tvs .tvs-type[data-tvs-type="beach"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18c2-1.5 4-1.5 6 0s4 1.5 6 0 4-1.5 6 0'/%3E%3Cpath d='M12 14V6'/%3E%3Cpath d='M5 9a7 7 0 0 1 14 0z'/%3E%3C/svg%3E")}
html body:not(#x1) .tvs .tvs-type[data-tvs-type="temple"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l2 4h-4z'/%3E%3Cpath d='M7 10l5-4 5 4z'/%3E%3Cpath d='M5 14l7-4 7 4z'/%3E%3Cpath d='M7 14v6h10v-6M11 20v-3h2v3M3 20h18'/%3E%3C/svg%3E")}
html body:not(#x1) .tvs .tvs-type[data-tvs-type="cafe"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h12v5a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5z'/%3E%3Cpath d='M16 10h1.5a2.5 2.5 0 0 1 0 5H16'/%3E%3Cpath d='M8 3c-.6 1 .6 2 0 3M12 3c-.6 1 .6 2 0 3'/%3E%3C/svg%3E")}
html body:not(#x1) .tvs .tvs-type[data-tvs-type="nature"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 5-13 14-14-1 9-6 14-14 14z'/%3E%3Cpath d='M5 19l7-7'/%3E%3C/svg%3E")}
html body:not(#x1) .tvs .tvs-type[data-tvs-type="month"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3Cpath d='M8 14h2M12 14h2M8 17h2'/%3E%3C/svg%3E")}
@media (min-width:1100px){html body .fd-rail{max-height:calc(100vh - 115px);overflow-y:auto;scrollbar-width:none;padding-bottom:8px}html body .fd-rail::-webkit-scrollbar{display:none}html body .fd-rail>*{flex-shrink:0!important}html body.admin-bar .fd-rail{max-height:calc(100vh - 147px)}}
html body .tvx-fd .tvs-card.tvx-hasthumb>.tvs-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
html body .tvx-pthumb{flex:none;width:64px;height:64px;border-radius:16px;background:#E3E7EA center/cover no-repeat;box-shadow:0 6px 16px -10px rgba(16,32,43,.5);transition:transform .2s}
html body .tvx-pthumb:hover{transform:scale(1.04)}
@media (max-width:640px){html body .tvx-pthumb{width:56px;height:56px;border-radius:14px}}
html body .fd-rail-box{border:1px solid #EEF0F2!important;box-shadow:0 12px 30px -26px rgba(16,32,43,.4)!important}
@media (max-width:640px){
html body .fd-wxc .now{flex:1 1 auto!important;min-width:0!important}
html body .fd-wxc .cx{min-width:0}
html body .fd-wxc .cx i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
html body .fd-wxc .pl{position:static!important;order:6!important;margin-left:auto!important;max-width:58%!important}
html body .fd-wxc .rn{order:5!important;flex:1 1 160px!important;min-width:160px!important}
html body .fd-wxc .rn .bar,html body .fd-wxc .rn .rv{display:none!important}
html body .fd-wxc .rs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .fd-wxc .now{padding-right:0!important}
}