.ob-tag { padding: 8px 12px; border-radius: 10px; background: var(--paper-2); font-size: var(--t-s); font-weight: 650; }
.ob-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.ob-off { text-decoration: line-through; color: var(--ink-2); }
.ob-task { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 44px; padding: 4px 0; cursor: pointer; font-size: .9375rem; }
.ob-task input { width: 20px; height: 20px; accent-color: var(--ink); }
.ob-task.is-done span { color: var(--ink-2); text-decoration: line-through; }
.ob-kind { font-size: var(--t-s); color: var(--ink-2); }
.ob-cands { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ob-cand { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }
@media (max-width: 768px) { .ob-cands { grid-template-columns: minmax(0, 1fr); } }