#connection-status { position:sticky; top:0; z-index:50; padding:12px 16px; background:#352719; color:#fff1da; border-bottom:1px solid #e0be7d; font-size:14px; }
#connection-status button { margin-left:8px; }
.session-tools { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; }
.session-tools > button { flex:1 1 135px; min-height:44px; }
.notification-choice { display:flex; align-items:center; gap:12px; min-height:48px; cursor:pointer; }
.notification-choice input[type=checkbox] { width:22px; height:22px; flex:none; accent-color:#e0be7d; }
button:focus-visible, a:focus-visible, [tabindex]:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline:3px solid #f7d895; outline-offset:3px; }
.app-modal-open { overflow:hidden; }
#sheet { max-height:calc(100dvh - env(safe-area-inset-top) - 12px); }
#sheet-body { padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
#tabbar button { min-height:48px; }
@media (max-width:600px) {
  input:not([type=checkbox]):not([type=radio]), textarea, select { font-size:16px !important; }
  button, [role=button] { min-height:44px; }
  #confirm-box { max-width:calc(100vw - 32px); }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
}