*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ms-blue: #0078D4;--ms-blue-light: #50E6FF;--text-primary: #F0F6FF;--text-secondary: #7a9ab8}html,body,#root{width:100%;height:100%;overflow:hidden;background:#050b18;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent}@supports (height: 100dvh){html,body,#root{height:100dvh}}.modal-scroll,.modal-scroll *{touch-action:auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0078d466;border-radius:2px}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:linear-gradient(to bottom,rgba(5,11,24,.92),transparent);pointer-events:none}.nav-identity{display:flex;align-items:center;gap:14px;pointer-events:all}.nav-avatar{width:42px;height:42px;border-radius:50%;border:2px solid var(--ms-blue);object-fit:cover;object-position:center top;box-shadow:0 0 12px #0078d480}.nav-name{font-size:16px;font-weight:600;color:var(--text-primary)}.nav-title{font-size:12px;color:var(--ms-blue-light);font-weight:400;margin-top:1px}.nav-links{display:flex;gap:10px;pointer-events:all}.nav-link{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-primary);text-decoration:none;background:#0078d426;border:1px solid rgba(0,120,212,.3);transition:background .2s,border-color .2s;cursor:pointer}.nav-link:hover{background:#0078d44d;border-color:#0078d499;color:#fff}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}