.dl{gap:var(--space-1);display:grid}.dl-row{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.dl-btn{align-items:center;gap:var(--space-2);min-height:var(--target-day);padding:0 var(--space-4);border-radius:var(--radius-control);box-shadow:0 0 0 1px var(--line-ui) inset;color:var(--ink);font-size:var(--fs-body);font-weight:var(--fw-semibold);text-align:left;cursor:pointer;display:inline-flex}.dl-btn:hover:not(:disabled){box-shadow:0 0 0 1px var(--ink) inset}.dl-btn:disabled{color:var(--ink-3);cursor:default}.dl-done{align-items:center;gap:var(--space-2);min-height:var(--target-day);color:var(--ok);font-weight:var(--fw-semibold);display:inline-flex}.dl-link{min-height:var(--target-day);color:var(--ink-2);font-size:var(--fs-label);font-weight:var(--fw-semibold);text-decoration:underline;-webkit-text-decoration-color:var(--line-ui);text-decoration-color:var(--line-ui);text-underline-offset:.25em;cursor:pointer;align-items:center;display:inline-flex}.dl-note{min-height:calc(var(--fs-label) * var(--lh-label));max-width:var(--layout-measure,40rem);font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-3)}.dl-compact .dl-btn{font-size:var(--fs-label)}.op{padding:var(--space-8) var(--layout-gutter) var(--space-9);max-width:44rem;margin:0 auto}.op-lede{margin-top:var(--space-3);color:var(--ink-2);max-width:var(--layout-measure,40rem)}.op-list{margin-top:var(--space-6);border-top:1px solid var(--hair);display:grid}.op-row{gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--hair);display:grid}.op-play{align-items:center;gap:var(--space-3);width:100%;min-height:var(--target-day);text-align:left;color:var(--ink);cursor:pointer;grid-template-columns:2.75rem minmax(0,1fr);display:grid}.op-key{border-radius:var(--radius-round);background:var(--ink);width:2.75rem;height:2.75rem;color:var(--on-ink);justify-content:center;align-items:center;display:inline-flex}.op-text{min-width:0;display:grid}.op-t{font-family:var(--face-display);font-size:var(--fs-caption-title);line-height:var(--lh-title);overflow-wrap:anywhere}.op-s{font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-3)}.op-tag{font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--ink-3)}.op-empty{margin-top:var(--space-6);color:var(--ink-2);max-width:var(--layout-measure,40rem)}.op-note{margin-top:var(--space-6);font-size:var(--fs-label);color:var(--ink-3)}