.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 22px 16px;padding:12px 14px;background:rgba(255,255,255,.6);border:1px solid rgba(80,95,82,.12);border-radius:16px;box-shadow:0 8px 24px rgba(56,65,48,.04)}
.selection-summary{display:grid;gap:2px}
.selection-summary strong{font:700 13px var(--sans);letter-spacing:-.01em}
.selection-summary small{color:var(--muted);font-size:11px}
#selectionHint{font-size:10px;letter-spacing:.03em;color:var(--sage-dark)}
#translationHint{color:var(--muted);font-size:11px}
.selection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.selection-actions .quiet-button,.selection-actions .primary-button{padding:8px 11px;font-size:11px}
.selection-clear{width:30px;height:30px;border-radius:8px}
.verse{grid-template-columns:22px 27px 1fr 12px}
.verse-check-wrap{width:20px;height:20px;display:grid;place-items:center;align-self:start;margin-top:1px;position:relative}
.verse-check{position:absolute;inset:0;margin:0;opacity:0;appearance:none;cursor:pointer}
.verse-check-box{width:18px;height:18px;border-radius:6px;border:1.5px solid rgba(83,108,89,.75);background:rgba(255,255,255,.92);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s,filter .2s;position:relative;display:block;box-shadow:0 1px 1px rgba(54,62,51,.04)}
.verse-check:checked + .verse-check-box,.verse.selected-range .verse-check-box{background:var(--sage-dark);border-color:var(--sage-dark);box-shadow:0 0 0 3px rgba(83,108,89,.14), inset 0 0 0 1px rgba(255,255,255,.15)}
.verse-check:checked + .verse-check-box:after,.verse.selected-range .verse-check-box:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:2px solid var(--white);border-top:0;border-left:0;transform:rotate(45deg)}
.verse-check:focus-visible + .verse-check-box{outline:2px solid rgba(83,108,89,.6);outline-offset:2px}
.verse:has(.verse-check:checked){background:rgba(139,157,131,.2);box-shadow:inset 0 0 0 1px rgba(83,108,89,.18)}
.verse:hover .verse-check-box{transform:translateY(-.5px)}
.verse.selected-range{background:rgba(139,157,131,.16);box-shadow:inset 0 0 0 1px rgba(83,108,89,.14)}
.verse.range-start{border-radius:12px 12px 0 0;margin-top:5px}
.verse.range-middle{border-radius:0}
.verse.range-end{border-radius:0 0 12px 12px}
.verse.range-single{border-radius:12px;margin-top:5px;border-top-color:transparent}
.verse.selected-range .verse-number{color:var(--sage-dark)}
.note-context.selection-active{background:rgba(139,157,131,.12);border-color:rgba(83,108,89,.2)}
.note-context.selection-active .note-pin{background:var(--moss)}
.note-card .linked-verse{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.note-card .linked-verse.long{max-width:240px}
.note-card[data-note-range="range"] .note-kind:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-left:6px;vertical-align:middle;opacity:.7}
.note-card[data-note-count="many"] .linked-verse{font-variant-numeric:tabular-nums}
.verse-list{user-select:none;-webkit-user-select:none}
.verse{touch-action:manipulation}

@media (max-width:780px){
  .selection-bar{margin:0 0 16px;display:grid;justify-content:stretch}
  .selection-actions{justify-content:flex-start}
}