[data-voice-key] .wave{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}
[data-voice-key] .wave{position:relative}
[data-voice-key] .wave i{transition:background-color .12s ease,opacity .12s ease}
[data-voice-key] .wave.scr::after{content:"";position:absolute;left:var(--voice-hx,50%);top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:2px;background:#3B1A8A;box-shadow:0 0 0 1px rgba(255,255,255,.7);pointer-events:none;z-index:2}
[data-voice-key] .wave:focus-visible{outline:2px solid #7C3AED;outline-offset:3px;border-radius:5px}
/* Final supplied shell: ux16/18/23 navigation and ux24 home direction.
   Account views and services remain owned by the real application. */
:root{--final-nav-ink:#111016;--final-nav-glass:rgba(255,255,255,.58);--final-nav-selected:rgba(120,120,128,.16)}
#home{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
#home .hhead{direction:ltr}
#home .word{font-family:Poppins,var(--font)!important;color:#24106B;letter-spacing:-.3px}
#home .word::before{content:"";display:block;width:1.2em;height:1.12em;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='.85' y1='0' x2='.2' y2='1'%3E%3Cstop offset='0' stop-color='%23E63CA8'/%3E%3Cstop offset='.62' stop-color='%236D27D4'/%3E%3Cstop offset='1' stop-color='%235222DC'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-width='8.200' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 40 86 5.500 52 83 41 50z'/%3E%3Cpath d='m41 50 19-18'/%3E%3Cpath d='M69 74c9-4 15-13 11-24'/%3E%3Cpath d='M76 85c15-8 21-22 14-37'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
#home .word .vvb{display:none!important}
#home .stories{direction:ltr}
#home .stories small{direction:rtl}
#home .hhead .rb{position:relative}
#home .stories:empty{display:none}
#home .stories .new-stories{display:flex;gap:6px;overflow:visible;padding:0;scrollbar-width:none}
#home .stories .new-story-person{display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;min-width:78px;flex-shrink:0;text-align:center}
#home .stories .new-story-person>button{display:flex;flex-direction:column;align-items:center;gap:6px}
#home .stories .new-story-circle{position:relative;display:grid;place-items:center;width:70px;height:70px;padding:2.5px;border:0;border-radius:50%;background:conic-gradient(from 200deg,#7C3AED,#C026D3,#EC4899,#7C3AED)}
#home .stories .new-story-circle>.new-avatar{display:inline-grid;width:65px!important;height:65px!important;border:2.5px solid #fff;border-radius:50%;overflow:hidden}
#home .stories .new-story-circle>.new-avatar img{width:100%;height:100%;object-fit:cover}
#home .stories [data-action="create-story"] .new-story-circle{background:#E4DFEC}
#home .stories .new-story-circle>i{position:absolute;bottom:-1px;right:-1px;left:auto;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;box-shadow:0 0 0 2.5px #fff;font-style:normal;font-size:19px;line-height:1}
#home .stories small{font-size:12px;white-space:nowrap;max-width:78px;overflow:hidden;text-overflow:ellipsis}
#home .stories [data-action="create-story"] small{font-weight:600}
.bnav.bnav.bnav{left:14px!important;right:14px!important;bottom:25px!important;width:auto!important;max-width:465px;margin:0 auto;transform:translateZ(0)!important;height:68px;padding:6px 8px!important;border-radius:34px;background:var(--final-nav-glass)!important;-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:1px solid rgba(255,255,255,.92)!important;border-top:1px solid rgba(255,255,255,.92)!important;box-shadow:0 12px 32px rgba(38,16,90,.16),inset 0 1px 0 rgba(255,255,255,.7);isolation:isolate;touch-action:manipulation}
.bnav.bnav.bnav>button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:56px;line-height:0;gap:0!important;color:var(--final-nav-ink)!important;border-radius:28px!important;font-size:0!important;background:transparent!important;box-shadow:none!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.bnav>button .n-a{display:none}
.bnav>button.on .n-a{display:block}
.bnav>button.on .n-o{display:none}
.bnav.bnav.bnav>button svg{width:34px!important;height:34px!important}
.bnav .xmni{position:relative;display:block;line-height:0}
.bnav.bnav.bnav .me{box-shadow:none!important;padding:0!important}
.bnav.bnav.bnav .me .new-avatar,.bnav.bnav.bnav .me img{width:30px!important;height:30px!important}
.bnav.bnav.bnav button.on .me{box-shadow:0 0 0 2px #111016!important;padding:1px!important}
.bnav .b23i{position:absolute;inset:0;border-radius:inherit;background:var(--final-nav-selected);pointer-events:none;z-index:-1;transition:transform .26s cubic-bezier(.3,.9,.3,1);will-change:transform}
.bnav .xmbadge{position:absolute;top:-6px;left:-9px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#FF3040;box-shadow:0 0 0 2px rgba(255,255,255,.95);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.bnav .xmbadge.dot{min-width:9px;width:9px;height:9px;padding:0;font-size:0;top:-1px;left:-3px}
.bnav.bnav.bnav.k16s{left:max(56px,calc(50% - 175px))!important;right:max(56px,calc(50% - 175px))!important;height:56px;padding:5px 6px!important;border-radius:28px}
.bnav.bnav.bnav.k16s>button{height:46px;border-radius:23px!important}
.bnav.bnav.bnav.k16s>button svg{width:27px!important;height:27px!important}
.bnav.bnav.bnav.k16s .me .new-avatar,.bnav.bnav.bnav.k16s .me img{width:25px!important;height:25px!important}
.bnav.bnav.bnav.k18d{background:rgba(28,20,44,.62)!important;box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 0 0 .7px rgba(255,255,255,.18)!important}
.bnav.bnav.bnav.k18d>button{color:#fff!important}
.bnav.k18d .b23i{background:rgba(255,255,255,.16)}
.final-inbox .bnav{z-index:46}
.final-inbox .new-panel.xmapp .new-panel-body{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
@supports not (backdrop-filter:blur(1px)){.bnav.bnav.bnav{background:rgba(250,248,255,.96)!important}.bnav.bnav.bnav.k18d{background:rgba(28,20,44,.96)!important}}
@media(prefers-reduced-motion:reduce){.bnav .b23i{transition:none!important;will-change:auto}html{scroll-behavior:auto!important}}
@media(prefers-reduced-motion:reduce){[data-voice-key] .wave i{transition:none!important}}