/* Bithrah: clear small glyphs, original button materials, restrained geometry. */
:root{--bi-ease:cubic-bezier(.22,1,.36,1);--bi-time:450ms}
svg.bi{display:inline-block;inline-size:22px;block-size:22px;flex:none;overflow:visible;fill:none;stroke:none;pointer-events:none;vertical-align:middle}
.bi>g,.bi .bi-motion{transform-box:view-box;transform-origin:16px 16px}
.bi .bi-mark{transform-origin:0 0;stroke:none}
.bi .bi-globe-shell,.bi .bi-longitude,.bi .bi-equator{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.bi .bi-longitude{stroke:var(--u-line,var(--turq,#00baa6));stroke-width:1.35}
.bi-control:active .bi{scale:.96}
.bi-control .bi{transition:scale 150ms var(--bi-ease)}
/* Header controls own their real44px boxes, with no overlapping pseudo targets. */
html:not(#ui) #nav :is(#themeTg,#langTg,#menuTg),html:not(#ui) :is(.bn-menu-close,.svc-x,.snd-tg).bi-control{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-height:44px;min-width:44px;position:relative;display:inline-flex;align-items:center;justify-content:center}
html:not(#ui) #nav :is(#themeTg,#menuTg){width:44px;height:44px;padding:0;margin-inline:0;gap:0}
html:not(#ui) #nav #langTg{height:44px;padding-inline:3px!important;gap:6px;flex-direction:row}
html:not(#ui) #nav :is(#themeTg,#langTg) svg.bi{display:block;width:20px;height:20px;position:relative;inset:auto;opacity:1;transform:none}
html:not(#ui) #nav #menuTg svg.bi{width:24px;height:24px}
html:not(#ui) #nav #svcTg{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding-inline:2px;min-height:44px;gap:6px}
html:not(#ui) #nav #langTg .bi-label{display:block;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap;color:var(--ink)}
html:not(#ui) #nav .bi-brand{display:block;width:18px;height:46px;overflow:hidden;flex:none;pointer-events:none}
html:not(#ui) #nav :is(.brand,.profile-brand):has(.bi-brand){min-width:44px;min-height:48px;justify-content:center;gap:10px}
html:not(#ui) #nav :is(#themeTg,#langTg,#menuTg)::after{content:none!important}
.bi-control:focus-visible{outline:2px solid var(--u-focus,#00a38f);outline-offset:3px}
.bn-menu-toggle.bi-host{display:inline-flex;align-items:center;justify-content:center}
.bn-menu-toggle.bi-host>span{display:none}
.bi-menu>.bi-blade-a,.bi-menu>.bi-blade-b,.bi-menu>.bi-blade-c{transition:transform var(--bi-time) var(--bi-ease),opacity var(--bi-time) var(--bi-ease)}
.bn-menu-toggle[aria-expanded=true] .bi-menu>.bi-blade-a{transform:rotate(45deg) translateY(7px)}
.bn-menu-toggle[aria-expanded=true] .bi-menu>.bi-blade-b{transform:scaleX(.3);opacity:0}
.bn-menu-toggle[aria-expanded=true] .bi-menu>.bi-blade-c{transform:rotate(-45deg) translateY(-7px)}
.pt-ico.bi-host,.pi-plus.bi-host{display:inline-flex;align-items:center;justify-content:center;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.pt-ico.bi-host::before,.pt-ico.bi-host::after,.pi-plus.bi-host::before,.pi-plus.bi-host::after,.st-close.bi-host::before{content:none!important}
.pt-ico svg.bi,.pi-plus svg.bi{width:22px;height:22px}
.bi-plus>.bi-stem{transition:transform var(--bi-time) var(--bi-ease),opacity var(--bi-time) var(--bi-ease)}
[aria-expanded=true] .bi-plus>.bi-stem,.prod-close2 .bi-plus>.bi-stem{transform:rotate(90deg);opacity:0}
.svc-x.bi-host,.lhint>button.bi-host{display:inline-flex;align-items:center;justify-content:center}
.st-close.bi-host{gap:9px}.st-close svg.bi,.lhint>svg.bi{width:22px;height:22px}.lhint>svg.bi{grid-column:1}
.ps-wave.bi-host{display:inline-flex;width:24px;height:24px;gap:0}.ps-wave svg.bi,.snd-tg svg.bi{width:24px;height:24px}
.bi-sound>g{transform-origin:16px 25px;animation:bi-sound-idle 2.4s ease-in-out infinite}
.bi-sound>.bi-bar-b{animation-delay:-.8s}.bi-sound>.bi-bar-c{animation-delay:-1.6s}.bi-sound>.bi-bar-d{animation-delay:-1.2s}
.pod-sound.on .bi-sound>g,.snd-tg[aria-pressed=true] .bi-sound>g{animation:bi-sound-live 1s ease-in-out infinite}
.pod-sound.on .bi-sound>.bi-bar-b,.snd-tg[aria-pressed=true] .bi-sound>.bi-bar-b{animation-delay:-.4s}
.pod-sound.on .bi-sound>.bi-bar-c,.snd-tg[aria-pressed=true] .bi-sound>.bi-bar-c{animation-delay:-.7s}
.pod-sound.on .bi-sound>.bi-bar-d,.snd-tg[aria-pressed=true] .bi-sound>.bi-bar-d{animation-delay:-.2s}
@keyframes bi-sound-idle{0%,100%{transform:scaleY(.8)}50%{transform:scaleY(1)}}
@keyframes bi-sound-live{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.bi-theme>.bi-day,.bi-theme>.bi-night{transition:transform 550ms var(--bi-ease),opacity 350ms var(--bi-ease)}
.bi-theme>.bi-day{opacity:1;transform:scale(1) rotate(0deg)}.bi-theme>.bi-night{opacity:0;transform:scale(.65) rotate(-35deg)}
[aria-pressed=true]>.bi-theme>.bi-day{opacity:0;transform:scale(.65) rotate(35deg)}
[aria-pressed=true]>.bi-theme>.bi-night{opacity:1;transform:scale(1) rotate(0deg)}
.wabtn>svg.bi,.acc>svg.bi,.fsoc a>svg.bi{width:22px;height:22px}.bi-copy{display:inline-block;font-kerning:normal}
html:not(#ui) #nav #svcTg .bi-service-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;background:none;box-shadow:none;border-radius:0;animation:bi-service-life 2.4s ease-in-out infinite}
html:not(#ui) #nav #svcTg .bi-services{width:20px;height:20px}
@keyframes bi-service-life{0%,100%{opacity:1}50%{opacity:.6}}
/* Geometry only: per-family ink, fill, busy, focus and disabled rules stay owned by ui.css. */
html:not(#ui) body .bi-action{border-radius:7px!important}
html:not(#ui) body .bi-note{border-radius:4px!important}
html:not(#ui) body .bn-chapter-bar,html:not(#ui) body .bn-chapter-bar::after{border-radius:8px!important}
html:not(#ui) body :is(.sm-play,.sm-photos figcaption){border-radius:4px!important}
html:not(#ui) body .st-hint{border-radius:7px!important}
html:not(#ui) body .lhint a{min-height:44px;border-radius:6px!important}
html:not(#ui) body .lhint button{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:0!important;background:none!important}
html:not(#ui) body .bn-step{border-radius:4px;min-width:44px}
html:not(#ui) body .bn-step-controls{gap:4px}
html:not(#ui) body .fsoc a.bi-control{border:0;background:none;box-shadow:none;border-radius:0!important;min-height:44px;min-width:44px}
@media(max-width:520px){html:not(#ui) #nav .nright:has(#menuTg){gap:6px}html:not(#ui) #nav:has(#menuTg) .brand{flex-basis:44px}html:not(#ui) body .bn-step-controls{grid-area:1 / 2 / 3 / 3;height:48px;align-items:center}html:not(#ui) body .bn-step{min-height:44px}html:not(#ui) body .bn-ticks{grid-area:2 / 1 / 3 / 2;margin-inline:0}}
@media(max-width:360px){html:not(#ui) #nav{padding-inline:12px}html:not(#ui) #nav .nright:has(#menuTg){gap:4px}html:not(#ui) #nav #svcTg{padding-inline:0;gap:5px}}
@media print{.bi g{animation:none!important;transition:none!important}}
