.dp-page{padding-bottom:40px}
.dp-stale{padding:10px 14px;margin:0 0 12px;border-radius:10px;background:var(--gold-50);font-weight:600}
.dp-search{display:block;box-sizing:border-box;width:100%;max-width:420px;margin:4px 0 10px;min-height:44px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper);color:var(--ink);font:500 16px var(--sans)}
.dp-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:10px;align-items:end;margin:0 0 14px}
.dp-filters label,.dp-lockbox{display:flex;flex-direction:column;gap:3px;min-width:0;font:600 12px var(--sans);color:var(--ink-3)}
.dp-filters select{width:100%;min-height:44px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper);color:var(--ink);font:500 16px var(--sans)}
.dp-lock{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);font:500 14px var(--sans);text-decoration:none;white-space:nowrap}
.dp-clear{min-height:44px;padding:0 12px;border:0;background:none;color:var(--navy-900);font:600 14px var(--sans);text-decoration:underline;cursor:pointer;white-space:nowrap}
.dp-fold>summary{display:none}
.dp-how{margin:0 0 6px;font-size:13px;color:var(--ink-3)}
.dp-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 10px}
.dp-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:2px solid transparent;border-radius:12px;background:var(--surface-2);color:var(--ink);text-align:left;cursor:pointer;font:inherit;min-width:0}
.dp-card b{font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.dp-card .dp-n{font:600 12.5px var(--mono)}
.dp-card small{font:400 12.5px/1.3 var(--sans);color:var(--ink-2)}
.dp-card[aria-pressed="true"]{border-color:var(--ink)}
.dp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.dp-table{width:100%;min-width:860px;border-collapse:separate;border-spacing:0;font:500 14px var(--mono);font-variant-numeric:tabular-nums}
.dp-table th,.dp-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;background:var(--paper)}
.dp-table tbody tr:last-child>*{border-bottom:0}
.dp-table thead th{font:600 12px var(--sans);color:var(--ink-3);background:var(--surface-2)}
.dp-table thead button{all:unset;cursor:pointer;display:inline-block;padding:4px 0}
.dp-table thead button:focus-visible{box-shadow:var(--focus);border-radius:4px}
.dp-table thead button::after{content:"\2195";margin-left:4px;opacity:.4}
.dp-table th[aria-sort="ascending"] button::after{content:"\2191";opacity:1}
.dp-table th[aria-sort="descending"] button::after{content:"\2193";opacity:1}
.dp-table th[aria-sort]{color:var(--ink)}
.dp-table .dp-left{text-align:left}
.dp-table .dp-name{position:sticky;left:0;z-index:1;text-align:left;max-width:170px;border-right:1px solid var(--line)}
.dp-name a{display:block;text-decoration:none;color:var(--ink)}
.dp-name b{display:block;font:600 14px var(--mono)}
.dp-name small{display:block;overflow:hidden;text-overflow:ellipsis;font:400 12px var(--sans);color:var(--ink-3);max-width:150px}
.dp-name a:hover b{text-decoration:underline}
.dp-off{display:inline-block;padding:1px 8px;border-radius:6px;font-weight:600;color:var(--ink)}
.dp-deep{background:var(--emerald-50)}
.dp-mid{background:var(--gold-50)}
.dp-shallow{background:var(--coral-50)}
.dp-tag{display:inline-block;padding:2px 8px;border-radius:var(--r-pill);font:600 12px var(--sans);color:var(--ink);background:var(--surface-2)}
.dp-t-up{background:var(--emerald-50);color:var(--emerald)}
.dp-t-bounce{background:var(--gold-50);color:var(--gold-ink)}
.dp-t-fall{background:var(--coral-50);color:var(--down)}
.dp-t-mixed,.dp-t-near{background:var(--surface-2)}
.dp-g-strong{background:var(--emerald);color:var(--white)}
.dp-g-early{background:var(--gold-50);color:var(--gold-ink);box-shadow:inset 0 0 0 1px var(--gold)}
.dp-g-watch{background:var(--skip-50);color:var(--skip-ink)}
.dp-locked{text-decoration:none}
.dp-count{margin:10px 0;font-size:13px;color:var(--ink-3)}
.dp-more{margin:0 0 14px}
.dp-key{margin:8px 0 12px;font-size:14px}
.dp-key summary{cursor:pointer;font-weight:600;min-height:32px}
.dp-key ul{list-style:none;padding:0;margin:8px 0 0}
.dp-key li{margin:0 0 8px}
@media (max-width:1000px){.dp-cards,.dp-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .dp-fold>summary{display:flex;align-items:center;min-height:44px;padding:0 14px;margin:0 0 10px;border:1px solid var(--line-strong);border-radius:10px;font:600 15px var(--sans);cursor:pointer}
  .dp-cards,.dp-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dp-table th,.dp-table td{padding:7px 8px}
  .dp-table .dp-name{max-width:112px}
  .dp-name small{max-width:96px}
}