:root{--bg:#05070c;--panel:#0b0f17;--line:rgba(255,255,255,0.08);--txt:#e2e8f0;--dim:#6b7684;--green:#4ADE80;--blue:#3B9EFF;--orange:#FF8A3D;--red:#FF4757}*{box-sizing:border-box;-webkit-tap-highlight-color:#fff0;margin:0;padding:0}html,body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Hind','Noto Sans Devanagari',sans-serif;font-size:15px;line-height:1.45;min-height:100%}.vista-header{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:10px;height:52px;padding:0 14px;background:linear-gradient(180deg,#0c1018 0%,#080b12 100%);border-bottom:1px solid var(--line)}.vista-header-left{display:flex;align-items:center;gap:8px;min-width:0}.vista-dot{width:8px;height:8px;border-radius:50%;background:var(--accent,#FF4757);flex-shrink:0;box-shadow:0 0 8px var(--accent,#FF4757);animation:vistaPulse 1.7s ease-in-out infinite}@keyframes vistaPulse{0%{box-shadow:0 0 0 0 var(--accent,#FF4757);opacity:1}70%{box-shadow:0 0 0 7px #fff0;opacity:.8}100%{box-shadow:0 0 0 0 #fff0;opacity:1}}.vista-brand{display:flex;flex-direction:column;gap:1px;min-width:0}.vista-title{font-family:ui-monospace,'Cascadia Code','Roboto Mono',Menlo,Consolas,monospace;font-size:16px;font-weight:800;letter-spacing:2px;color:#fff;white-space:nowrap;line-height:1.1;display:flex;align-items:center;gap:6px}.vista-title b{color:var(--accent,var(--blue));font-weight:800}.vista-title-ic{font-size:15px;letter-spacing:0;line-height:1;filter:drop-shadow(0 0 4px rgb(255 255 255 / .15))}.vista-sub{font-size:11px;color:var(--dim);font-weight:500;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vista-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.vista-hbtn{height:30px;padding:0 11px;border-radius:8px;border:1px solid var(--line);background:#fff0;color:var(--txt);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.vista-menu{width:32px;padding:0;font-size:15px;display:flex;align-items:center;justify-content:center}.vista-navbar{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;gap:4px;background:#0B0F17;border-top:1px solid rgb(255 255 255 / .08);box-shadow:0 -8px 24px rgb(0 0 0 / .35);padding:6px 6px calc(6px + env(safe-area-inset-bottom, 0px))}.vista-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0 5px;border-radius:12px;text-decoration:none;color:#6B7684;position:relative;transition:color 0.18s ease,background 0.18s ease,transform 0.18s ease}.vista-nav-item:active{transform:scale(.94)}.vista-nav-ic{font-size:19px;line-height:1;position:relative;transition:transform 0.18s ease}.vista-nav-label{font-size:10.5px;font-weight:600;letter-spacing:.15px}.vista-nav-item.active.chat{color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent)}.vista-nav-item.active.aiv{color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,transparent)}.vista-nav-item.active.live{color:var(--orange);background:color-mix(in srgb,var(--orange) 14%,transparent)}.vista-nav-item.active.hub{color:var(--red);background:color-mix(in srgb,var(--red) 14%,transparent)}.vista-nav-item.active .vista-nav-ic{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 0 6px currentColor)}.vista-nav-item.active::after{content:'';position:absolute;bottom:1px;left:50%;transform:translateX(-50%);width:16px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 0 8px currentColor}.live-dot{position:absolute;top:-2px;right:-5px;width:6px;height:6px;border-radius:50%;background:#FF4757;box-shadow:0 0 5px #FF4757;animation:liveDot 1.5s ease-in-out infinite}@keyframes liveDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.35)}}body{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))!important}