@font-face{font-family:Tajawal;src:url('/assets/tajawal-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/tajawal-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
.language-control{position:relative;display:inline-flex;align-items:center;gap:6px;color:#bdc3d0;min-height:44px;min-width:60px;max-width:100%;padding:0 5px;direction:ltr}
.language-control>svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.35}
.locale-current{font:500 12px/1.4 Nunito,Tajawal,Arial,sans-serif}
.locale-select{position:absolute;inset:0;width:100%;height:100%;min-height:44px;opacity:0;border:0;cursor:pointer;color-scheme:dark}
.locale-select option{background:#0b131e;color:#f3f0ff;font-family:Arial,sans-serif}
.locale-select:focus-visible{outline:2px solid #e8c783;outline-offset:3px}
.language-control:focus-within{outline:2px solid #e8c783;outline-offset:2px;border-radius:6px}
body>.language-control{position:fixed;z-index:25;top:max(2px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px))}
:root:not([data-app-state="landing"]) body>.language-control,:root.is-loading body>.language-control{display:none}
.site-tools .language-control{color:inherit}
.description{white-space:pre-line}
.chat-bubble p,.chat-input{font-family:Nunito,Tajawal,Arial,sans-serif}
/* The approved logo is never replaced. Only its Indonesian subtitle and CTA
   lettering become DOM text when a different language is selected. */
:root:not([lang="id"]) .landing .tagline{background-image:none;mask-image:none;aspect-ratio:auto}
:root:not([lang="id"]) .landing .tagline .accessible-text{position:static;display:block;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;text-align:center;text-wrap:balance;font:400 6.3cqw/1.12 Lilita,Arial,sans-serif;color:#f3f0ff;text-shadow:0 1px 2px #baa3ea55}
:root:not([lang="id"]) .availability-button-copy{display:flex;align-items:center;justify-content:center;position:absolute;left:27%;width:64%;top:25%;height:50%;background-image:url('/assets/taikita-artwork.webp');background-size:210% 6367.857%;background-position:63.636% 85.755%;color:#101719;font:400 6cqw/1.05 Lilita,Arial,sans-serif;white-space:nowrap}
:root:not([lang="id"]) .site-tagline{background-image:none;mask-image:none;display:grid;place-items:center;color:#f3f0ff;text-align:center;font:500 12px/1.2 Nunito,Arial,sans-serif}
.site-tagline .brand-tagline-copy{display:none}
:root:not([lang="id"]) .site-tagline .brand-tagline-copy{display:block}
:root[lang="en"] .landing[data-availability="waiting"] .tagline .accessible-text{font-size:5.3cqw;font-family:Nunito,Arial,sans-serif;font-weight:500}
:root[lang="en"] .chat-reaction strong{font-size:clamp(10px,2.7cqw,14px)}
/* Text flows RTL. Globe paths, the original art, logo, and clock stay physical. */
:root[lang="ar"] body{font-family:Tajawal,Arial,sans-serif}
:root[lang="ar"] :is(button,input,textarea,select){font-family:Tajawal,Arial,sans-serif}
:root[lang="ar"] :is(.description,.promise,.journey-copy,.search-copy,.match-ui,.transport-error,.chat-screen,.result-screen,.desktop-handoff,.info-page){font-family:Tajawal,Arial,sans-serif}
:root[lang="ar"] :is(.journey-copy h2,.search-title,.match-heading h2,.connection-retry,.transport-retry,.chat-retry,.chat-actions strong,.chat-end strong,.result-headline,.result-distance,.result-places,.result-stats dd,.result-share strong){font-family:Tajawal,Arial,sans-serif;font-weight:700;letter-spacing:0}
:root[lang="ar"] :is(.connection-title,.connection-description,.chat-tagline,.chat-intro,.chat-actions small,.chat-bubble,.chat-system,.chat-end small,.chat-peer,.chat-input,.chat-feedback,.result-brand p,.result-stats dt,.result-share small,.result-again,.result-copy,.result-promise,.result-share-dialog,.desktop-handoff h2,.info-intro h1,.info-prose h2,.info-prose h3){font-family:Tajawal,Arial,sans-serif;letter-spacing:0}
:root[lang="ar"] .landing .tagline .accessible-text{font:700 6.6cqw/1.2 Tajawal,Arial,sans-serif}
:root[lang="ar"] .landing[data-availability="waiting"] .tagline .accessible-text{font-weight:500;font-size:5.6cqw}
:root[lang="ar"] .availability-button-copy{font:700 6.5cqw/1.3 Tajawal,Arial,sans-serif}
:root[lang="ar"] .description{font-size:6cqw;line-height:1.35}
:root[lang="ar"] .promise{font-size:3.4cqw}
:root[lang="ar"] .landing-privacy{font-family:Tajawal,Arial,sans-serif}
:root[lang="ar"] .search-title{font-size:5.7cqw;line-height:1.4;font-weight:500}
:root[lang="ar"] .search-subtitle{font-family:Tajawal,Arial,sans-serif;font-size:4.3cqw;line-height:1.5}
:root[lang="ar"] .match-heading h2{font-size:10cqw;line-height:1.2}
:root[lang="ar"] .match-heading p{font-family:Tajawal,Arial,sans-serif;line-height:1.5}
:root[lang="ar"] :is(.match-place strong,.match-place small,.match-distance){font-family:Tajawal,Arial,sans-serif;letter-spacing:0}
:root[lang="ar"] .site-tagline{font:700 14px/1.25 Tajawal,Arial,sans-serif}
:root[lang="ar"] :is(.wordmark,.site-wordmark,.chat-wordmark,.result-wordmark){direction:ltr}
:root[lang="ar"] :is(.chat-elapsed,.chat-meta time){direction:ltr;unicode-bidi:isolate}
:root[lang="ar"] .chat-peer{text-align:start;unicode-bidi:plaintext}
:root[lang="ar"] .chat-message{direction:ltr}
:root[lang="ar"] .chat-bubble p{unicode-bidi:plaintext;text-align:start}
:root[lang="ar"] .chat-input{text-align:start;line-height:1.3}
:root[lang="ar"] .chat-input{padding-right:42px;padding-left:12px}
:root[lang="ar"] .chat-emoji{left:auto;right:1px}
:root[lang="ar"] .chat-emoji-picker{left:auto;right:0}
:root[lang="ar"] .chat-actions strong{font-size:clamp(12px,3.5cqw,16px)}
:root[lang="ar"] .chat-actions small{font-size:10px}
:root[lang="ar"] .result-headline{line-height:1.13;transform:none}
:root[lang="ar"] .result-brand p{line-height:1.3}
:root[lang="ar"] .result-memory{line-height:1.45}
:root[lang="ar"] .result-places{direction:ltr}
:root[lang="ar"] .result-place-label{unicode-bidi:plaintext}
:root[lang="ar"] .result-stats>div+div{border-left:0;border-right:1px solid #b9a68b40}
:root[lang="ar"] .result-wall-note{font-family:Tajawal,Arial,sans-serif;font-weight:700}
:root[lang="ar"] .site-tools a>svg,:root[lang="ar"] .site-return>svg{transform:scaleX(-1)}
:root[lang="ar"] .info-intro h1{line-height:1.35;font-weight:500}
:root[lang="ar"] .info-prose h2{font-weight:700}
:root[lang="ar"] .info-prose p{line-height:1.95}
:root[lang="ar"] .info-page :is(.site-tools,.site-nav,.site-footer){font-family:Tajawal,Arial,sans-serif}
