:root { --language-bar-height:62px; }
body { padding-top:var(--language-bar-height); }
#siteLanguage.site-language { position:fixed; inset:0 0 auto; z-index:100001; min-height:var(--language-bar-height); display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 16px; background:rgba(28,12,43,.94); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); border-bottom:1px solid #b980e8; box-shadow:0 3px 24px #ad65df40; }
#siteLanguage button { min-height:44px; padding:9px 24px; border:1px solid #9b6bc2; border-radius:12px; background:rgba(125,76,155,.12); color:#f9f1ff; font-size:15px; line-height:1.3; font-weight:600; white-space:nowrap; text-shadow:none; }
#siteLanguage button[aria-pressed=true] { background:linear-gradient(135deg,#8e4abe,#612c8c); border-color:#e2b8ff; color:#fff; box-shadow:0 0 16px #c37df54d; }
#siteLanguage button:hover { border-color:#ecc8ff; background-color:#623287; }
#siteLanguage button:focus-visible { outline:3px solid #f3d0ff; outline-offset:2px; }
#profileModal .modal-card { padding-top:calc(var(--language-bar-height) + 64px)!important; }
#profileModal .modal-close,#profileHome,#profilePersonNavigation { top:calc(var(--language-bar-height) + 12px)!important; }
.photo-viewer .photo-toolbar { margin-top:var(--language-bar-height); }
.fate-draw { padding-top:calc(var(--language-bar-height) + 16px); }
@media(max-width:600px) { #siteLanguage.site-language { gap:6px; padding:8px 10px; } #siteLanguage button { padding:9px 12px; font-size:14px; flex:1; max-width:180px; } }
@media(min-width:761px) { .search-card { scroll-margin-top:calc(var(--language-bar-height) + 24px); } }
@media(min-width:761px) { .search-card { top:var(--language-bar-height)!important; } #profileModal .profile-directory { top:calc(var(--language-bar-height) + 24px); } }
.shell .search-card { top:calc(var(--language-bar-height) + 8px + env(safe-area-inset-top,0px))!important; }
.shell .section-head { scroll-margin-top:calc(var(--language-bar-height) + var(--pinned-search-height,130px) + 24px); }
@media(max-width:760px) { #profilePersonNavigation { top:calc(var(--language-bar-height) + 70px)!important; max-width:calc(100vw - 24px); } #profilePersonNavigation button { white-space:normal!important; font-size:14px!important; } #profileModal .modal-card { padding-top:calc(var(--language-bar-height) + 132px)!important; } }