.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-5);border-radius:var(--radius-control);background:var(--bone);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;transition:background-color var(--motion-quick), box-shadow var(--motion-quick) var(--motion-ease);display:inline-flex}@media (hover:hover) and (pointer:fine){.dl-btn:hover:not(:disabled){box-shadow:0 0 0 1px var(--ink) inset}}.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(--brick);text-decoration-color:var(--brick);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{padding:0 var(--space-4);font-size:var(--fs-label)}:root:has(.op){--horizon:15rem}.op{max-width:44rem;margin:var(--space-6) var(--layout-gutter) var(--space-9);padding:var(--space-6) var(--space-5) var(--space-5);background:var(--paper);border:1px solid var(--hair-2);border-radius:var(--radius-panel);box-shadow:var(--shadow-slab)}.op>.eyebrow+.h1{margin-top:var(--space-2)}.op-lede{margin-top:var(--space-3);color:var(--ink-2);max-width:var(--layout-measure,40rem)}.op-list{margin-top:var(--space-5);display:grid}.op-row{gap:var(--space-2);padding:var(--space-4) 0;display:grid;position:relative}.op-row+.op-row:before{content:"";background:var(--hair);height:1px;position:absolute;top:0;left:0;right:0}.op-play{align-items:center;gap:var(--space-3);width:100%;min-height:var(--target-day);border-radius:var(--radius-control);text-align:left;color:var(--ink);cursor:pointer;grid-template-columns:3rem minmax(0,1fr);display:grid}.op-key{border-radius:var(--radius-round);background:var(--fill);width:3rem;height:3rem;color:var(--on-fill);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--orb-hot) 55%, transparent), 0 .5rem 1.25rem -.5rem var(--glow);transition:background-color var(--motion-quick);justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.op-play:hover .op-key{background-color:var(--fill-press)}}.op-play:active .op-key{background-color:var(--fill-press)}.op-text{min-width:0;display:grid}.op-t{font-family:var(--face-display);font-weight:var(--fw-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-go{margin-top:var(--space-5)}.op-empty{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-print);background:var(--bone);color:var(--ink-2);max-width:var(--layout-measure,40rem)}.op-note{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--hair);font-size:var(--fs-label);color:var(--ink-3)}@media (min-width:40rem){.op{margin-top:var(--space-8);padding:var(--space-7)}}@media (min-width:48rem){.op{margin-left:auto;margin-right:auto}}