body{position:relative;min-height:100vh;padding-top:108px !important;}
#topbar{position:fixed;top:44px;left:0;right:0;height:64px;display:flex;align-items:center;
  justify-content:space-between;padding:0 20px;z-index:100;min-width:0;
  background:rgba(7,9,20,.84);backdrop-filter:blur(12px);}
.brand{display:flex;align-items:center;gap:10px;min-width:0;}
.brand-name{font-weight:700;font-size:1.1rem;}
.brand-sub{font-size:.8rem;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.logo-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#5ad1ff,#8b6cff);box-shadow:0 0 10px #8b6cff;}
.topbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.topbar-actions .icon-btn{flex:0 0 38px;}

@media (max-width: 600px){
  #topbar{padding:0 10px;}
  .brand-sub{display:none;}
  .topbar-actions{gap:6px;}
}

.screen{display:none;padding:24px;max-width:1400px;margin:0 auto;}
.screen.active{display:block;}

.colorblind-mode{filter:saturate(0.6);}
.reduce-motion *{animation:none !important;transition:none !important;}