/* Five languages share the same scenes; typography and reading direction adapt. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language select{font:400 .8125rem/1.5 var(--sans);border:0;background:transparent;color:var(--ink);min-height:44px;width:130px;max-width:100%;padding:8px 5px;cursor:pointer}
.language select option{color:var(--ink);background:var(--paper)}
html[lang="zh-Hant"]{--serif:'53SerifTC','Songti TC','Songti SC',serif;--sans:'53SansTC','PingFang TC','Microsoft JhengHei',sans-serif}
html[lang="ar"]{--serif:'53Naskh','53SerifV2',serif;--sans:'53Arabic','53Sans',sans-serif;--display:'53Naskh',serif}
html[lang="ar"] body{line-height:1.95;letter-spacing:normal}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:normal;line-height:1.5}
html[lang="ar"] .brand-name,html[lang="ar"] .footer-brand{font-family:'53Display',Georgia,serif;direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .brand-name small{font-family:'53Sans',sans-serif}
html[lang="ar"] .eyebrow,html[lang="ar"] .day-label,html[lang="ar"] .hero-note,html[lang="ar"] .hero-bottom,html[lang="ar"] .ritual-steps,html[lang="ar"] .orbit-note,html[lang="ar"] .message-tap{letter-spacing:normal}
html[lang="ar"] .hero h1{font-size:clamp(2.875rem,4.35vw,4rem);line-height:1.5;letter-spacing:normal}
html[lang="ar"] .hero-sub{line-height:1.9}
html[lang="ar"] .hero-copy{padding-right:0;padding-left:15px}
html[lang="ar"] .hero-scene{margin-left:0;margin-right:-16px}
html[lang="ar"] .hero-scene figcaption{inset:60px auto auto 34px;writing-mode:horizontal-tb;max-width:170px;line-height:1.9;font-size:.75rem}
html[lang="ar"] .nav{margin-left:0;margin-right:auto}
html[lang="ar"] .language{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:20px}
html[lang="ar"] .category-option,html[lang="ar"] .phrase-option{text-align:right}
html[lang="ar"] .micro-action{border-left:0;border-right:2px solid var(--gold)}
html[lang="ar"] .home-wish .wish-copy{padding-right:0;padding-left:20px}
html[lang="ar"] .footer-brand small{margin-left:0;margin-right:18px;direction:rtl;unicode-bidi:isolate}
html[lang="ar"] .button .arrow{transform:scaleX(-1)}
html[lang="ar"] .date-label,html[lang="ar"] .today-date,html[lang="ar"] .message-date,html[lang="ar"] .commemorative,html[lang="ar"] .character-count,html[lang="ar"] .journey-ring text{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .journey-ring text{font-family:'53Sans',sans-serif}
html[lang="ar"] .progress-meta b{letter-spacing:normal}
html[lang="ar"] .wish-quote{font-family:var(--sans);font-size:1.25rem;line-height:2;unicode-bidi:plaintext}
html[lang="ar"] .result-copy h2{font-size:2.35rem}
html[lang="ar"] .reveal-card h2{font-size:2.5rem}
html[lang="ar"] .reveal-card p{font-family:var(--sans);font-size:1rem;line-height:2}
html[lang="ar"] .milestone strong{font-family:var(--sans);font-size:.9375rem;line-height:1.9}
@media(max-width:1100px){html[lang="ar"] .nav{gap:16px}html[lang="ar"] .hero h1{font-size:3rem}}
@media(max-width:820px) and (min-width:701px){.language select{width:135px}html[lang="ar"] .language{margin-left:0;margin-right:auto;border:0;padding:0}html[lang="ar"] .nav{margin:10px 0 0}html[lang="ar"] .hero h1{font-size:2.65rem}}
@media(max-width:700px){
 .language{padding:0;border:0}.language select{width:128px;font-size:.8125rem;padding:8px 0}
 html[lang="ar"] .language{border:0;padding:0;margin-left:0;margin-right:auto}
 html[lang="ar"] .nav{margin:7px 0 0;gap:8px;justify-content:space-between;width:100%;font-size:.75rem}
 html[lang="ar"] .hero h1{font-size:2.25rem;line-height:1.45;margin:11px 0 13px}
 html[lang="ar"] .hero-copy{padding:0}html[lang="ar"] .hero-options{padding-top:0}
 html[lang="ar"] .hero-sub{font-size:.9375rem;line-height:1.8}
 html[lang="ar"] .hero-scene{margin:10px 0 12px;height:124px}
 html[lang="ar"] .hero-scene figcaption{inset:25px auto auto 17px;max-width:75px;font-size:.625rem}
 html[lang="ar"] .hero .category-option{font-size:.75rem;min-height:48px;padding:8px 6px;gap:6px}
 html[lang="ar"] .home-wish .wish-copy{padding:0}
 html[lang="ar"] .page-intro h1{font-size:2.2rem}
 html[lang="ar"] .result-copy h2,html[lang="ar"] .home-wish h3,html[lang="ar"] .home-message h2{font-size:1.9rem}
 html[lang="ar"] .reveal-card h2{font-size:2rem}
 html[lang="ar"] .milestone strong{font-size:.8125rem}
 html[lang="ar"] .footer-brand small{margin-right:12px}
}
@media(max-width:359px){.language select{width:116px}html[lang="ar"] .hero h1{font-size:2.125rem}html[lang="ar"] .hero .category-option{font-size:.75rem;gap:4px}}

/* Original 53AI logo, copied byte-for-byte from the preserved project. */
.brand-logo{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}
.footer-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.footer-logo{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}
.footer-brand small,html[lang="ar"] .footer-brand small{margin:0}
@media(max-width:700px){.brand-logo{width:44px;height:44px}.brand{gap:7px}.brand-name{font-size:1.65rem}.brand-name small{font-size:.375rem;letter-spacing:.07em}.footer-logo{width:48px;height:48px}.footer-brand{gap:10px}}