@font-face{font-family:"Noto Sans Thai";src:url("/assets/fonts/NotoSansThai-Variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
.ty-language{display:inline-flex;align-items:center;gap:.15rem;margin-inline-start:auto;color:inherit;font-family:"Noto Sans Thai",system-ui,sans-serif;line-height:1.5}.ty-language button{min-height:44px;min-width:72px;padding:.45rem .65rem;border:1px solid transparent;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:.55rem}.ty-language button:focus-visible{outline:3px solid #e2a94b;outline-offset:2px}.ty-language button.active,.ty-language button[aria-pressed="true"]{background:#6b263f;color:#fff;font-weight:700}.ty-locale-notice{position:fixed;z-index:11000;inset:auto 1rem 1rem auto;max-width:min(28rem,calc(100vw - 2rem));padding:.8rem 1rem;border-radius:.65rem;background:#321b25;color:#fff;box-shadow:0 5px 24px #0004}.ty-locale-notice[hidden]{display:none}.translation-meta{display:grid;gap:.25rem;margin-block:.2rem}.translation-status{opacity:.76}.message-original summary{min-height:44px;display:inline-flex;align-items:center;cursor:pointer}.message-original p{white-space:pre-wrap;overflow-wrap:anywhere}.message-original button{min-height:44px}:lang(th){letter-spacing:normal!important;text-transform:none!important;word-break:normal;overflow-wrap:anywhere;line-height:1.68}body{font-family:"Noto Sans Thai",system-ui,-apple-system,sans-serif}#challengeMember,.game-challenge-dialog,.game-launcher,.feed-mobile-challenge{display:none!important}
@media(max-width:520px){.ty-language button{min-width:64px;padding-inline:.45rem}}
.ty-language{flex-wrap:nowrap;white-space:nowrap}.ty-language button{white-space:nowrap;overflow-wrap:normal!important;word-break:keep-all}
.ty-editorial{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;margin:0 auto 1.25rem;max-width:1200px;padding:.75rem}.ty-editorial figure{position:relative;margin:0;min-height:10rem;overflow:hidden;border-radius:1rem;background:#eee3d4}.ty-editorial img{display:block;width:100%;height:100%;min-height:10rem;object-fit:cover}.ty-editorial-hero{grid-column:1/-1;aspect-ratio:16/7;max-height:34rem}.ty-editorial-card{aspect-ratio:4/3}.ty-editorial figcaption{position:absolute;inset:auto .5rem .5rem;background:#21151dcc;color:#fff;padding:.3rem .5rem;border-radius:.35rem;font-size:.72rem;line-height:1.35}@media(max-width:520px){.ty-editorial{grid-template-columns:1fr 1fr;padding:.5rem}.ty-editorial-hero{aspect-ratio:4/3}.ty-editorial-card{min-height:8rem}.ty-editorial img{min-height:8rem}}

/* ThaiYinda Social Club — shared public/member design system.
   Lounge and Admin are intentionally outside this scope. */
:root{
  --ty-page-bg:#4F1D09;--ty-night:var(--ty-page-bg);--ty-espresso:#1b1210;--ty-walnut:#271916;--ty-wine:#6e243b;
  --ty-wine-bright:#913653;--ty-brass:#bd9557;--ty-gold:#d8b977;--ty-amber:#d18a3a;
  --ty-ivory:#f7f0e4;--ty-beige:#c9bcaa;--ty-dim:#9f9182;--ty-edge:rgba(216,185,119,.2);
  --ty-panel:linear-gradient(145deg,rgba(47,31,27,.96),rgba(24,16,15,.98));
  --ty-panel-raised:linear-gradient(145deg,rgba(62,40,34,.97),rgba(35,23,20,.99));
  --ty-panel-soft:linear-gradient(145deg,rgba(57,38,32,.86),rgba(29,20,18,.92));
  --ty-border:var(--ty-edge);--ty-text:var(--ty-ivory);--ty-text-muted:var(--ty-beige);
  --ty-action:var(--ty-wine);--ty-action-hover:var(--ty-wine-bright);
  --ty-shadow:0 18px 48px rgba(0,0,0,.38);--ty-radius:16px;--ty-focus:#efc977;
  --ty-success:#65c995;--ty-danger:#ff8178;--ty-font:"Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html{background:var(--ty-page-bg);color-scheme:dark;overflow-x:hidden}
body:not(.lounge-page){font-family:var(--ty-font);overflow-wrap:anywhere}
body:not(.lounge-page) :focus-visible{outline:3px solid var(--ty-focus)!important;outline-offset:3px}
body:not(.lounge-page) :is(nav a,.topbar a,.ty-header a,.destination-page a,.membership-header a,.membership-footer a,.member-app-header a,.member-app-rail a,.member-bottom-nav a,.app-account-menu a,.btn,.text-link){text-decoration:none}
body:not(.lounge-page) :is(button,a,input,select,textarea){font:inherit}
body:not(.lounge-page) :is(input,select,textarea){accent-color:var(--ty-wine-bright)}
body:not(.lounge-page) :is(dialog,.composer-dialog,.account-dialog){border:1px solid var(--ty-edge);background:var(--ty-panel);color:var(--ty-ivory);box-shadow:0 30px 90px rgba(0,0,0,.66)}
body:not(.lounge-page) :is(dialog,.composer-dialog,.account-dialog)::backdrop{background:rgba(10,6,6,.78);backdrop-filter:blur(5px)}
body:not(.lounge-page) :is(.notice,.field-status,.validation-status)[data-state="success"]{color:var(--ty-success)}
body:not(.lounge-page) :is(.notice,.field-status,.validation-status,.form-error)[data-state="error"],body:not(.lounge-page) .form-error:not(:empty){color:var(--ty-danger)}

/* Public welcome and authentication. */
body[data-brand="thaiyinda"]{--ty-paper:var(--ty-night);--ty-surface:#211613;--ty-ink:var(--ty-ivory);--ty-muted:var(--ty-beige);--ty-burgundy:var(--ty-wine);--ty-burgundy-hover:var(--ty-wine-bright);--ty-rose:rgba(110,36,59,.24);--ty-sage:#2b201b;--ty-line:var(--ty-edge);background:radial-gradient(900px 500px at 78% 8%,rgba(209,138,58,.12),transparent 62%),radial-gradient(700px 500px at 10% 34%,rgba(110,36,59,.18),transparent 68%),var(--ty-night)!important;color:var(--ty-ivory)!important;color-scheme:dark}
body[data-brand="thaiyinda"] .ty-header{border-color:var(--ty-edge);background:rgba(17,12,12,.88);backdrop-filter:blur(16px)}
body[data-brand="thaiyinda"] .ty-brand{color:var(--ty-ivory)}body[data-brand="thaiyinda"] .ty-brand em,body[data-brand="thaiyinda"] .ty-eyebrow{color:var(--ty-gold)}
body[data-brand="thaiyinda"] .ty-button{border-color:rgba(218,185,119,.42);background:linear-gradient(180deg,#8b324f,#682238);color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 25px rgba(63,16,31,.24)}
body[data-brand="thaiyinda"] .ty-button:hover{background:linear-gradient(180deg,#9c3a59,#752840);transform:translateY(-1px)}
body[data-brand="thaiyinda"] .ty-button-secondary{border-color:rgba(218,185,119,.32);background:rgba(39,25,22,.7);color:var(--ty-ivory)!important;box-shadow:inset 0 1px rgba(255,255,255,.05)}
body[data-brand="thaiyinda"] .ty-button-secondary:hover{border-color:var(--ty-brass);background:#34221d}
.ty-public-home .ty-intro{min-height:clamp(360px,48vh,550px);align-items:center}.ty-public-home .ty-intro h1{color:var(--ty-ivory);text-shadow:0 3px 30px rgba(0,0,0,.45)}.ty-public-home .ty-intro h1 em{color:var(--ty-gold)}
.ty-public-home .ty-photo{padding:8px;border:1px solid var(--ty-edge);border-radius:20px;background:linear-gradient(145deg,rgba(216,185,119,.11),rgba(27,18,16,.65));box-shadow:var(--ty-shadow)}
.ty-public-home .ty-photo>img{filter:saturate(.88) contrast(1.04) brightness(.78)}.ty-public-home .ty-photo figcaption{padding-inline:9px}
.ty-public-home .ty-story img,.ty-public-home .ty-language-story>img{filter:saturate(.82) brightness(.78);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.ty-public-home .ty-story h3,.ty-public-home .ty-section-heading h2,.ty-public-home .ty-language-story h2{color:var(--ty-ivory)}
.ty-public-home .ty-language-story{border:1px solid var(--ty-edge);background:var(--ty-panel-soft);box-shadow:var(--ty-shadow)}
.ty-public-home .ty-footer{border-color:var(--ty-edge)}
.ty-auth-page{background:linear-gradient(90deg,rgba(17,12,12,.97),rgba(17,12,12,.67)),url('/assets/thaiyinda/thaiyinda-29-east-meets-west-tea-table.webp') center/cover fixed!important}
.ty-auth-page .auth-card{border-color:var(--ty-edge)!important;background:var(--ty-panel)!important;color:var(--ty-ivory)!important;box-shadow:var(--ty-shadow)!important}
.ty-auth-page .auth-card h1,.ty-auth-page .member-form label{color:var(--ty-ivory)!important}.ty-auth-page .auth-card p{color:var(--ty-beige)!important}.ty-auth-page .auth-card .eyebrow,.ty-auth-page .member-form a,.ty-auth-page .auth-foot a{color:var(--ty-gold)!important}
.ty-auth-page .member-form input{border-color:var(--ty-edge)!important;background:#160f0e!important;color:var(--ty-ivory)!important}.ty-auth-page .member-form input:focus{border-color:var(--ty-brass)!important;box-shadow:0 0 0 3px rgba(189,149,87,.15)}

/* Generic auth, settings and secondary member views loaded from the shared legacy templates. */
body:not(.lounge-page):not(.member-app):not(.signup-page):not(.onboarding-page):not(.legal-page){background:radial-gradient(760px 460px at 75% -10%,rgba(209,138,58,.1),transparent 65%),var(--ty-night);color:var(--ty-ivory)}
body:not(.lounge-page):not(.member-app) .topbar{border-color:var(--ty-edge);background:rgba(17,12,12,.92);backdrop-filter:blur(14px)}
body:not(.lounge-page):not(.member-app) :is(.auth-card,.member-panel,.directory-search,.notification,.community-card,.person-card,.page-shell>form){border:1px solid var(--ty-edge);background:var(--ty-panel);color:var(--ty-ivory);box-shadow:var(--ty-shadow)}
body:not(.lounge-page):not(.member-app) :is(h1,h2,h3,strong,.brand,label){color:var(--ty-ivory)}body:not(.lounge-page):not(.member-app) :is(p,small){color:var(--ty-beige)}
body:not(.lounge-page):not(.member-app) .eyebrow{color:var(--ty-gold)}
body:not(.lounge-page):not(.member-app) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-color:rgba(216,185,119,.27);background:#160f0e;color:var(--ty-ivory)}
body:not(.lounge-page):not(.member-app) .btn{border-color:rgba(216,185,119,.3);background:#2c1d19;color:var(--ty-ivory)}body:not(.lounge-page):not(.member-app) :is(.btn-primary,.primary){border-color:#9b4b63;background:linear-gradient(180deg,#8b324f,#682238);color:#fff}

/* Onboarding keeps every behavioural hook while joining the same room. */
.onboarding-page{background:radial-gradient(850px 520px at 12% 5%,rgba(110,36,59,.2),transparent 67%),radial-gradient(680px 420px at 90% 0,rgba(209,138,58,.1),transparent 65%),var(--ty-night)!important;color:var(--ty-ivory)!important;color-scheme:dark}
.onboarding-page .onboarding-header{border-color:var(--ty-edge)!important;background:rgba(17,12,12,.9)!important;backdrop-filter:blur(16px)}.onboarding-page .brand,.onboarding-page .onboarding-side h1,.onboarding-page .onboarding-card h2,.onboarding-page label,.onboarding-page legend{color:var(--ty-ivory)!important}.onboarding-page .brand em,.onboarding-page .eyebrow,.onboarding-page .step-count{color:var(--ty-gold)!important}
.onboarding-page .onboarding-side,.onboarding-page .onboarding-card{border-color:var(--ty-edge)!important;background:var(--ty-panel)!important;color:var(--ty-ivory)!important;box-shadow:var(--ty-shadow)!important}.onboarding-page .onboarding-side :is(p,li),.onboarding-page .onboarding-card :is(p,small){color:var(--ty-beige)}
.onboarding-page :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){border-color:rgba(216,185,119,.27)!important;background:#160f0e!important;color:var(--ty-ivory)!important}.onboarding-page :is(input,textarea,select):focus{border-color:var(--ty-brass)!important;box-shadow:0 0 0 3px rgba(189,149,87,.14)!important}
.onboarding-page :is(.choice span,.upload,.profile-preview,.person-card){border-color:var(--ty-edge)!important;background:#241815!important;color:var(--ty-ivory)!important}.onboarding-page .choice input:checked+span{border-color:var(--ty-brass)!important;background:rgba(110,36,59,.34)!important;color:var(--ty-ivory)!important}
.onboarding-page :is(.primary,.navigation .primary){border-color:#a64a67!important;background:linear-gradient(180deg,#8b324f,#682238)!important;color:#fff!important}.onboarding-page :is(.secondary,.return-home,.password-toggle){border-color:rgba(216,185,119,.3)!important;background:#2d1e1a!important;color:var(--ty-ivory)!important}.onboarding-page dialog{border-color:var(--ty-edge)!important;background:var(--ty-panel)!important;color:var(--ty-ivory)!important}
.onboarding-page .language button[aria-pressed=true]{text-decoration:none;background:rgba(110,36,59,.28)}

/* Signed-in shell and all real social surfaces. */
body.member-app{--app-bg:var(--ty-night)!important;--app-nav:#17100e!important;--app-surface:#251916!important;--app-surface-2:#34231e!important;--app-blue:var(--ty-brass)!important;--app-blue-bright:var(--ty-gold)!important;--app-text:var(--ty-ivory)!important;--app-muted:var(--ty-beige)!important;--app-line:var(--ty-edge)!important;--app-success:var(--ty-success)!important;--app-danger:var(--ty-danger)!important;background:radial-gradient(850px 500px at 55% -120px,rgba(209,138,58,.1),transparent 68%),var(--ty-night)!important;color:var(--ty-ivory)!important;color-scheme:dark}
body.member-app .member-app-header{border-color:var(--ty-edge)!important;background:rgba(20,13,12,.94)!important;box-shadow:0 8px 30px rgba(0,0,0,.22)}
body.member-app .member-app-rail{border-color:var(--ty-edge)!important;background:linear-gradient(180deg,#211613,#130d0c)!important}
body.member-app :is(.app-global-search,.app-header-actions>a,.app-header-actions>.app-account,.app-account-menu){border-color:var(--ty-edge)!important;background:#281b17!important;color:var(--ty-ivory)!important}
body.member-app .member-app-rail nav a{color:var(--ty-beige)!important}body.member-app .member-app-rail nav a:hover,body.member-app .member-app-rail nav a.active{background:rgba(110,36,59,.28)!important;color:var(--ty-ivory)!important;box-shadow:inset 3px 0 var(--ty-brass)!important}
body.member-app .app-rail-heading,body.member-app .app-rail-brand small,body.member-app .eyebrow{color:var(--ty-gold)!important}
body.member-app .member-bottom-nav{border-color:var(--ty-edge)!important;background:rgba(24,16,14,.97)!important;box-shadow:0 -8px 28px rgba(0,0,0,.34)}body.member-app .member-bottom-nav a{color:var(--ty-beige)!important}body.member-app .member-bottom-nav a.active{background:rgba(110,36,59,.28)!important;color:var(--ty-gold)!important}
body:not(.admin-body)>.mobile-nav,body.member-app>.member-bottom-nav{display:none!important}
body.member-app :is(.auth-card,.member-panel,.social-post,.person-card,.explore-card,.message-list-panel,.message-thread-panel,.notification,.rail-card,.community-card,.wc-post,.directory-search,.nearby-card,.my-card,.member-filters){border-color:var(--ty-edge)!important;background:var(--ty-panel)!important;color:var(--ty-ivory)!important;box-shadow:0 14px 38px rgba(0,0,0,.26)!important}
body.member-app :is(.social-post,.person-card,.welcome-card,.member-panel){transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
@media(hover:hover){body.member-app :is(.person-card,.welcome-card):hover{transform:translateY(-3px);border-color:rgba(216,185,119,.42)!important;box-shadow:0 20px 46px rgba(0,0,0,.38)!important}}
body.member-app :is(h1,h2,h3,strong,.post-person strong){color:var(--ty-ivory)!important}body.member-app :is(p,small,.post-time,.post-person span){color:var(--ty-beige)!important}
body.member-app .btn{border-color:rgba(216,185,119,.28)!important;background:#2d1e1a!important;color:var(--ty-ivory)!important}body.member-app :is(.btn-primary,.primary){border-color:#a64a67!important;background:linear-gradient(180deg,#8b324f,#682238)!important;color:#fff!important;box-shadow:0 9px 24px rgba(73,20,37,.25)!important}
body.member-app :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){border-color:rgba(216,185,119,.25)!important;background:#160f0e!important;color:var(--ty-ivory)!important}body.member-app :is(input,textarea,select):focus{border-color:var(--ty-brass)!important;box-shadow:0 0 0 3px rgba(189,149,87,.14)!important}
body.member-app .social-home .social-post,body.social-home.member-app .social-post,body.social-home.member-app .feed-top-actions .home-composer{border-color:var(--ty-edge)!important;background:var(--ty-panel)!important;color:var(--ty-ivory)!important}
body.social-home.member-app .feed-filters{border-color:var(--ty-edge)!important;background:#211613!important}body.social-home.member-app .feed-filters button{color:var(--ty-beige)!important}body.social-home.member-app .feed-filters button[aria-selected="true"]{background:var(--ty-wine)!important;color:#fff!important}
body.member-app .post-copy{color:var(--ty-ivory)!important}body.member-app .social-translate-button{color:var(--ty-gold)!important}body.member-app .post-media-grid{background:#140e0d!important}
body.member-app .message-bubble.incoming{background:#3a2821!important;color:var(--ty-ivory)!important}body.member-app .message-bubble.outgoing{background:linear-gradient(145deg,#7d2c47,#592034)!important;color:#fff!important}body.member-app .message-bubble{overflow-wrap:anywhere;word-break:break-word}
body.member-app .profile-summary{border-color:var(--ty-edge)!important;background:var(--ty-panel)!important}body.member-app .profile-avatar{border-color:#2c1d19!important}

/* Main destination menu: one club, three distinct destinations. */
.member-welcome.member-app{padding:0!important;background:radial-gradient(800px 460px at 50% 0,rgba(209,138,58,.14),transparent 70%),linear-gradient(180deg,#180f0d,var(--ty-night))!important}
.member-welcome .welcome-main{width:min(1180px,calc(100% - 40px));min-height:100dvh;margin:auto;padding:clamp(54px,8vh,100px) 0 60px}.member-welcome .welcome-heading{text-align:center}.member-welcome .welcome-heading h1{font-size:clamp(2rem,4vw,3.6rem)!important;letter-spacing:-.035em}.member-welcome .welcome-heading p:last-child{max-width:520px;margin-inline:auto}
.member-welcome .welcome-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}.member-welcome .welcome-card{position:relative;display:grid;min-width:0;overflow:hidden;border:1px solid var(--ty-edge);border-radius:18px;background:var(--ty-panel);color:var(--ty-ivory);box-shadow:var(--ty-shadow);text-decoration:none}.member-welcome .welcome-card img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.82) brightness(.72);transition:transform .35s ease,filter .35s ease}.member-welcome .welcome-card:hover img{transform:scale(1.025);filter:saturate(.92) brightness(.82)}.member-welcome .welcome-card>span{display:grid;gap:8px;padding:21px}.member-welcome .welcome-card strong{font-size:1.24rem}.member-welcome .welcome-card small{min-height:3.2em;color:var(--ty-beige)}.member-welcome .welcome-card b{margin-top:7px;color:var(--ty-gold);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}

/* Member discovery cards remain practical and non-swipe-like. */
.members-page.member-app .member-filters{border-radius:var(--ty-radius);padding:18px}.members-page.member-app .member-results{gap:16px}.members-page.member-app .person-card img{background:#160f0e}.members-page.member-app .person-card :is(.person-actions,.profile-actions){border-color:var(--ty-edge)}

@media(max-width:799px){
  .ty-public-home .ty-header-row{position:relative;display:grid;grid-template-columns:1fr;min-height:154px;padding-top:72px}.ty-public-home .ty-header-row>.ty-brand{position:absolute;top:16px;left:0}.ty-public-home .ty-header-links{display:none}.ty-public-home .ty-header-tools{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:9px}.ty-public-home .ty-header-tools>.top-actions{position:absolute;top:12px;right:0}.ty-public-home .ty-header-tools>.ty-button{display:inline-flex;min-width:0;padding-inline:10px}.ty-public-home .ty-intro{min-height:calc(100svh - 154px);align-content:center;padding-block:24px}.ty-public-home .ty-intro-copy{display:none}.ty-public-home .ty-intro-auth{display:grid;grid-template-columns:1fr 1fr;width:100%}.ty-public-home .ty-intro-auth .ty-button{min-height:52px}
  .member-welcome .welcome-main{width:min(100% - 24px,560px);padding:calc(var(--app-header) + 34px) 0 calc(0px + 28px + env(safe-area-inset-bottom))}.member-welcome .welcome-heading h1{font-size:2rem!important}.member-welcome .welcome-destinations{grid-template-columns:1fr;gap:13px;margin-top:24px}.member-welcome .welcome-card{grid-template-columns:38% 1fr;min-height:128px}.member-welcome .welcome-card picture{height:100%}.member-welcome .welcome-card img{height:100%;aspect-ratio:auto}.member-welcome .welcome-card>span{align-content:center;padding:15px}.member-welcome .welcome-card small{min-height:0;font-size:.78rem}.member-welcome .welcome-card b{font-size:.72rem}
  body.member-app .member-bottom-nav a{min-width:0;font-size:10px!important}body.member-app .member-bottom-nav a :is(span,em){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.member-app{max-width:100vw;overflow-x:hidden}body.member-app .member-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}body.member-app :is(.social-shell,.members-main,.member-main,.alerts-main,.message-app){max-width:100%;min-width:0}
}
@media(max-width:390px){.ty-public-home .ty-intro h1{font-size:clamp(2.25rem,11vw,2.75rem)}.member-welcome .welcome-card>span{padding:13px}.member-welcome .welcome-card strong{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){body:not(.lounge-page) *,body:not(.lounge-page) *::before,body:not(.lounge-page) *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* User-facing surface contract. These selectors intentionally cover both the
   current member shell and older reachable templates without changing their JS. */
body:not(.lounge-page):not(.premium-page):not(.membership-page):not(.thailand-page):not(.legal-page){
  --surface:var(--ty-walnut);--surface-soft:#30201c;--surface-strong:#3a2721;
  --border:var(--ty-border);--border-strong:rgba(216,185,119,.34);
  --text:var(--ty-text);--text-soft:var(--ty-text-muted);--text-faint:#ad9e8e;
  min-height:100dvh;background-color:var(--ty-page-bg);color:var(--ty-text);color-scheme:dark;
  scrollbar-color:var(--ty-brass) var(--ty-espresso);scrollbar-width:thin
}
body:not(.lounge-page):not(.premium-page):not(.membership-page):not(.thailand-page):not(.legal-page)::-webkit-scrollbar,
body:not(.lounge-page):not(.premium-page):not(.membership-page):not(.thailand-page):not(.legal-page) *::-webkit-scrollbar{width:10px;height:10px}
body:not(.lounge-page):not(.premium-page):not(.membership-page):not(.thailand-page):not(.legal-page)::-webkit-scrollbar-track,
body:not(.lounge-page):not(.premium-page):not(.membership-page):not(.thailand-page):not(.legal-page) *::-webkit-scrollbar-track{background:var(--ty-espresso)}
body:not(.lounge-page):not(.premium-page):not(.membership-page):not(.thailand-page):not(.legal-page)::-webkit-scrollbar-thumb,
body:not(.lounge-page):not(.premium-page):not(.membership-page):not(.thailand-page):not(.legal-page) *::-webkit-scrollbar-thumb{border:2px solid var(--ty-espresso);border-radius:10px;background:var(--ty-brass)}

/* Alerts: dynamic anchors inherit the same elevated dark card contract. */
.notifications-page .alerts-main{width:min(820px,calc(100% - 32px));padding:32px 0 96px}
.notifications-page .section-heading{align-items:end;gap:18px}.notifications-page .notification-list{gap:10px}
.notifications-page .notification{align-items:center;border:1px solid var(--ty-border)!important;background:var(--ty-panel)!important;color:var(--ty-text)!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.notifications-page .notification>span:nth-child(2){display:grid;min-width:0;flex:1}.notifications-page .notification strong{color:var(--ty-text)!important}.notifications-page .notification small{color:var(--ty-text-muted)!important}.notifications-page .notification>b{color:var(--ty-gold)!important}
.notifications-page .notification.unread{border-color:rgba(216,185,119,.5)!important;background:linear-gradient(145deg,rgba(91,37,52,.76),rgba(37,24,21,.98))!important;box-shadow:inset 4px 0 var(--ty-brass),0 12px 30px rgba(0,0,0,.28)!important}
@media(hover:hover){.notifications-page .notification:hover{transform:translateY(-2px);border-color:rgba(216,185,119,.48)!important;background:var(--ty-panel-raised)!important}}
.notifications-page .alerts-filters{border-color:var(--ty-border);background:#211613}.notifications-page .alerts-filters button{color:var(--ty-text-muted)}.notifications-page .alerts-filters button.active{background:var(--ty-wine);color:#fff}

/* Private messages: no legacy paper bubbles or sheets. */
.messages-page .message-list-panel,.messages-page .message-workspace,.messages-page .message-thread-panel{border-color:var(--ty-border)!important;background:var(--ty-panel)!important;color:var(--ty-text)!important}
.messages-page .message-workspace{box-shadow:0 18px 48px rgba(0,0,0,.3)}
.messages-page .conversation-row{color:var(--ty-text);border-color:transparent;background:transparent}.messages-page .conversation-row strong{color:var(--ty-text)!important}.messages-page .conversation-row :is(small,em,time){color:var(--ty-text-muted)!important}
.messages-page .conversation-row.active{border-color:rgba(216,185,119,.34);background:linear-gradient(100deg,rgba(110,36,59,.42),rgba(189,149,87,.08))}.messages-page .conversation-row.unread{box-shadow:inset 3px 0 var(--ty-brass)}
.messages-page .message-history{background:radial-gradient(circle at 72% 10%,rgba(189,149,87,.06),transparent 36%),#17100e}
.messages-page .message-bubble{border:1px solid var(--ty-border)!important;color:var(--ty-text)!important}.messages-page .message-bubble.incoming{background:var(--ty-panel-raised)!important}.messages-page .message-bubble.outgoing{background:linear-gradient(145deg,var(--ty-wine-bright),var(--ty-wine))!important;color:#fff!important}
.messages-page .message-bubble footer,.messages-page .message-bubble footer time,.messages-page .message-bubble footer button{color:var(--ty-text-muted)!important}.messages-page .message-bubble footer button{text-decoration:none}.messages-page .message-bubble footer button:hover{color:var(--ty-gold)!important}
.messages-page :is(.thread-header,.message-composer,.messages-workspace-actions){border-color:var(--ty-border)!important;background:rgba(24,16,14,.96)!important}.messages-page .message-search,.messages-page .message-composer textarea{border-color:var(--ty-border)!important;background:#160f0e!important;color:var(--ty-text)!important}

/* Settings, profiles, discovery, account states and JS-created rows. */
:is(.settings-centre,.profile-page,.people-page,.explore-page,.post-page) :is(.member-panel,.profile-summary,.activity-row,.activity,.health,.settings-row,.account-state,.explore-card,.person-card),
:is(.profile-connections-page,.business-page) :is(.member-panel,.person-card,.activity-row){border-color:var(--ty-border)!important;background:var(--ty-panel)!important;color:var(--ty-text)!important}
.settings-centre .member-panel,.profile-page .member-panel,.profile-page .profile-summary{box-shadow:0 14px 38px rgba(0,0,0,.26)!important}
.settings-centre :is(.settings-row,.activity){border-color:var(--ty-border)!important}.settings-centre :is(.settings-row,.activity) :is(strong,b){color:var(--ty-text)!important}.settings-centre :is(.settings-row,.activity) :is(span,small,time){color:var(--ty-text-muted)!important}
.members-page :is(.member-card,.person-card),.people-page :is(.member-card,.person-card),.explore-page :is(.member-card,.person-card,.explore-card){border-color:var(--ty-border)!important;background:var(--ty-panel)!important;color:var(--ty-text)!important;box-shadow:0 12px 32px rgba(0,0,0,.24)!important}
.members-page .member-card :is(h2,strong),.people-page .person-card :is(h2,strong){color:var(--ty-text)!important}.members-page .member-card :is(p,small),.people-page .person-card :is(p,small){color:var(--ty-text-muted)!important}.members-page .member-tags span{background:rgba(110,36,59,.28)!important;color:var(--ty-ivory)!important}
.extended-profile-editor :is(input,select,textarea){border-color:var(--ty-border)!important;background:#160f0e!important;color:var(--ty-text)!important}.extended-profile-editor .member-photo-card,.extended-profile-editor .album-card{border-color:var(--ty-border)!important;background:var(--ty-panel-raised)!important;color:var(--ty-text)!important}
body:not(.lounge-page) :is(.empty-state,.message-empty,.app-loader,.network-empty,.explore-status){border-color:var(--ty-border);color:var(--ty-text-muted)}body:not(.lounge-page) :is(.empty-state,.message-empty,.network-empty) strong{color:var(--ty-text)!important}

/* Form, action and dialog primitives used by static and generated UI. */
body:not(.lounge-page) :is(.member-form,.settings-centre,.extended-profile-editor,.directory-search) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){border:1px solid rgba(216,185,119,.28)!important;background:#160f0e!important;color:var(--ty-text)!important}
body:not(.lounge-page) :is(input,textarea)::placeholder{color:#9f9182;opacity:1}
body:not(.lounge-page) :is(.account-dialog,.composer-dialog,.posting-result-dialog,.social-action-dialog,dialog){border-color:var(--ty-border)!important;background:var(--ty-panel-raised)!important;color:var(--ty-text)!important}
body:not(.lounge-page) :is(.account-dialog,.composer-dialog,.posting-result-dialog,.social-action-dialog,dialog) :is(h1,h2,h3,label,strong){color:var(--ty-text)!important}
body:not(.lounge-page) :is(.account-dialog,.composer-dialog,.posting-result-dialog,.social-action-dialog,dialog) :is(p,small){color:var(--ty-text-muted)!important}
body:not(.lounge-page) .danger-zone{border-color:rgba(255,129,120,.38)!important;background:linear-gradient(145deg,rgba(70,25,25,.68),rgba(28,17,16,.98))!important}
body:not(.lounge-page) :is(.text-button,.dialog-close){color:var(--ty-gold);text-decoration:none}

/* Canonical runtime overlay contract. JS-created prompts, dialogs, menus and
   status surfaces opt into this class instead of carrying component colours. */
body:not(.lounge-page) .ty-overlay{
  box-sizing:border-box;border:1px solid var(--ty-border)!important;border-radius:var(--ty-radius);
  background:var(--ty-panel-raised)!important;color:var(--ty-text)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.58)!important;color-scheme:dark
}
body:not(.lounge-page) .ty-overlay :is(h1,h2,h3,strong,label){color:var(--ty-text)!important}
body:not(.lounge-page) .ty-overlay :is(p,small,[role="status"]){color:var(--ty-text-muted)!important}
body:not(.lounge-page) .ty-overlay :is(.btn,button:not(.btn-primary)){
  border-color:rgba(216,185,119,.38)!important;background:#2d1e1a!important;color:var(--ty-text)!important
}
body:not(.lounge-page) .ty-overlay :is(.btn-primary,[data-enable-push]){
  border-color:#a64a67!important;background:linear-gradient(180deg,var(--ty-wine-bright),var(--ty-wine))!important;color:var(--ty-text)!important
}
body:not(.lounge-page) .ty-overlay :is(.dialog-close,.push-prompt-close,.lightbox-close){
  border-color:rgba(216,185,119,.4)!important;background:#241815!important;color:var(--ty-gold)!important
}
body:not(.lounge-page) .ty-overlay::backdrop{background:rgba(10,6,6,.8);backdrop-filter:blur(5px)}

/* Notification opt-in is an owned non-modal overlay, not a light browser sheet. */
body:not(.lounge-page) .push-permission-card{border-color:var(--ty-border)!important;background:var(--ty-panel-raised)!important;color:var(--ty-text)!important;box-shadow:0 24px 72px rgba(0,0,0,.58)!important}
body:not(.lounge-page) .push-permission-card strong{color:var(--ty-text)!important}
body:not(.lounge-page) .push-permission-card :is(p,small,[role="status"]){color:var(--ty-text-muted)!important}
body:not(.lounge-page) .push-permission-card .push-prompt-close{border-color:rgba(216,185,119,.4)!important;background:#241815!important;color:var(--ty-gold)!important}
@media(max-width:430px){body:not(.lounge-page) .push-permission-card{max-height:calc(100dvh - 100px);overflow:auto}body:not(.lounge-page) .push-permission-card div{display:grid;grid-template-columns:1fr}body:not(.lounge-page) .push-permission-card div>*{width:100%;min-width:0}}

@media(max-width:799px){
  .notifications-page .alerts-main{width:100%;padding:20px 12px 32px}.notifications-page .section-heading{align-items:flex-start;flex-direction:column}.notifications-page .notification{padding:14px;min-width:0}
  .messages-page .message-app,.messages-page .message-workspace,.messages-page .message-thread-panel,.messages-page .message-list-panel{max-width:100%;min-width:0;overflow-x:hidden}
}