:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.modal-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;line-height:1;z-index:3}
.modal-close:hover{background:#ffffff12;color:var(--ink)}
.period-switcher>button:first-child,.period-switcher>button:last-child{min-width:44px;min-height:44px;font-size:20px}
.mobile-nav button{min-width:44px;min-height:48px;border-radius:10px}
.mobile-nav button:active{background:#ffffff10}
.row-actions button{min-width:32px;min-height:32px}

@media(max-width:700px){
  input,select,textarea{font-size:16px}
  .chip,.quiet,.primary,.choice,.entry-type button,.category-picker button{min-height:44px}
  .modal-sheet{overscroll-behavior:contain;scroll-padding-top:64px}
  .form-actions{gap:12px}
  .form-actions>button{min-width:88px}
}

/* v0.37: the universal prefers-reduced-motion rule that used to live here
   (identical selector and properties) moved to ui-v037.css's design-system
   motion section, alongside the equivalent rule already in v05.css — same
   values, one canonical place instead of three near-duplicates. */