@media (min-width:1051px){
  #appView{transition:grid-template-columns .18s ease}
  #appView .sidebar{transition:padding .18s ease}
  #appView .brand{display:flex;align-items:center;justify-content:space-between;gap:10px}
  #appView .brand img{min-width:0}
  #appView .sidebar-toggle{width:32px;height:32px;flex:0 0 32px;border:0;background:transparent;color:var(--muted);border-radius:8px;display:grid;place-items:center;padding:0;cursor:pointer}
  #appView .sidebar-toggle:hover{background:rgba(130,125,103,.13);color:var(--ink)}
  #appView .sidebar-toggle-icon{width:18px;height:18px;display:block}
  #appView.sidebar-collapsed{grid-template-columns:72px 1fr}
  #appView.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}
  #appView.sidebar-collapsed .brand{justify-content:center}
  #appView.sidebar-collapsed .brand img{display:none}
  #appView.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:10px;font-size:0}
  #appView.sidebar-collapsed .nav-item span{width:20px;height:20px}
  #appView.sidebar-collapsed .theme-toggle{font-size:0;text-align:center;padding:10px}
  #appView.sidebar-collapsed .theme-toggle::before{content:'☾';font-size:16px;line-height:20px}
  #appView.sidebar-collapsed .user-mini{justify-content:center;padding:16px 0 0}
  #appView.sidebar-collapsed .user-mini>div{display:none}
  #appView.sidebar-collapsed .user-mini button{width:36px;height:36px;display:grid;place-items:center}
}
@media (max-width:1050px){
  #appView .sidebar-toggle{display:none}
}
@media (prefers-reduced-motion:reduce){
  #appView,#appView .sidebar{transition:none}
}