.mobile-shortcuts{display:none}
.network-notice{padding:12px 16px;border-left:4px solid var(--amber);color:var(--amber);background:var(--panel);position:sticky;top:var(--change-top,140px);z-index:14}
.network-notice[hidden]{display:none}
@media(max-width:760px){
 .workspace .quickbar{display:none}
 .mobile-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:4px;padding:8px 0 5px;border-top:1px solid var(--border)}
 .mobile-shortcuts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;position:relative;min-height:60px;min-width:0;padding:4px 2px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:10px;line-height:1.2;font-weight:600}
 .mobile-shortcuts a svg{width:23px;height:23px;stroke-width:1.8}
 .mobile-shortcuts a[aria-current=page]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
 .mobile-shortcuts .nav-count{position:absolute;right:7px;top:0;background:#df4549;color:#fff;border-radius:999px;min-width:19px;padding:2px 4px;font-size:10px}
 .mobile-shortcuts a:last-child{color:var(--accent)}
 .workspace .topbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 body{padding-bottom:env(safe-area-inset-bottom)}
 .task-form-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)}
}