.aj-form{ display:flex; gap:.5rem; align-items:center; margin:1rem 0; flex-wrap:wrap; }
.aj-input{ flex:1 1 240px; padding:.5rem .6rem; border:1px solid #ddd; border-radius:8px; }
.aj-btn{ padding:.5rem .7rem; border-radius:8px; border:1px solid #ccc; background:#f5f5f5; cursor:pointer; }
.aj-btn:hover{ background:#eee; }
.aj-hint{ opacity:.7; margin-left:.25rem; }
.aj-count{ margin-left:.25rem; font-variant-numeric: tabular-nums; opacity:.8; }

mark.aj-mark{ background: #ffea70; padding:0 .15em; border-radius:4px; box-shadow: 0 0 0 2px rgba(255,234,112,.3); }
mark.aj-mark.aj-active{ background:#ffd24d; box-shadow: 0 0 0 2px rgba(255,210,77,.6); }

.aj-toast{ position:fixed; left:50%; transform:translateX(-50%); bottom:1rem; background:#222; color:#fff; padding:.5rem .75rem; border-radius:8px; opacity:0; transition:opacity .25s ease; z-index:9999; }
.aj-toast.show{ opacity:.95; }