.dp-root,.dp-scope{--ease-out:cubic-bezier(.23, 1, .32, 1);--dur-press:.12s;--dur-pop:.2s;--dur-arrive:.24s}.dp-root{background:var(--bg);color:var(--ink);min-height:100vh}.dp-frame{background:var(--bg);position:relative}.dp-frame-main{padding:var(--s-4) var(--s-5);justify-content:center;align-items:flex-start;display:flex}.dp-card{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-card);background:var(--card);width:980px;padding:20px}.dp-card-header{justify-content:space-between;align-items:flex-start;gap:var(--s-4);min-height:52px;display:flex}.dp-title{font-size:var(--t-h2);font-weight:600;line-height:var(--lh-snug);color:var(--ink)}.dp-subtitle{font-size:var(--t-body);color:var(--muted);margin-top:2px}.dp-link{font-size:var(--t-body);color:var(--ink-2);text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.dp-link:hover{color:var(--ink)}.dp-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-xs)}.dp-status{min-height:28px;font-size:var(--t-body);color:var(--muted);align-items:center;display:flex}.dp-status[data-tone=bad]{color:var(--bad-fg)}.dp-gap{height:var(--s-4)}.dp-column{gap:var(--s-3);flex-direction:column;max-width:360px;margin-inline:auto;display:flex}.dp-grid{grid-template-columns:repeat(7,124px);grid-auto-rows:minmax(120px,auto);gap:12px;display:grid}.dp-group{display:contents}.dp-tile{box-sizing:border-box;width:124px;min-height:120px;padding:var(--s-2);align-items:center;gap:var(--s-1);border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);color:var(--ink);text-align:center;cursor:pointer;transition:transform var(--dur-press) var(--ease-out);flex-direction:column;display:flex;position:relative}.dp-tile[data-pressed]{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.dp-tile:hover{border-color:var(--border-strong)}}.dp-tile:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring);outline:none}.dp-tile[data-add]{cursor:default;border-style:dashed}.dp-tile[data-add] .dp-disc{background:0 0}.dp-tile[data-placeholder]{cursor:default;background:0 0;border-style:dashed}.dp-disc{border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--sunken);width:40px;height:40px;color:var(--ink-2);font-size:var(--t-meta);flex:none;place-items:center;font-weight:600;display:grid}.dp-disc[data-size=lg]{width:56px;height:56px;font-size:var(--t-body-lg)}.dp-name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;text-align:center;min-width:0;max-width:100%;font-size:var(--t-h3);-webkit-box-orient:vertical;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.dp-role{font-size:var(--t-meta);color:var(--muted);line-height:1.2}.dp-chip-slot{align-items:center;height:18px;display:flex}.dp-chip{border:1px solid var(--neutral-bd);border-radius:var(--r-xs);background:var(--neutral-bg);height:18px;color:var(--neutral-fg);font-size:var(--t-micro);white-space:nowrap;align-items:center;padding-inline:6px;font-weight:500;display:inline-flex}.dp-chip[data-tone=bad]{border-color:var(--bad-bd);background:var(--bad-bg);color:var(--bad-fg)}.dp-chip[data-tone=warn]{border-color:var(--warn-bd);background:var(--warn-bg);color:var(--warn-fg)}.dp-note{padding:var(--s-3);border:1px solid var(--neutral-bd);border-radius:var(--r-md);background:var(--neutral-bg);color:var(--neutral-fg);font-size:var(--t-body);line-height:var(--lh-body)}.dp-note[data-tone=bad]{border-color:var(--bad-bd);background:var(--bad-bg);color:var(--bad-fg)}.dp-note[data-tone=warn]{border-color:var(--warn-bd);background:var(--warn-bg);color:var(--warn-fg)}.dp-note[data-tone=ok]{border-color:var(--ok-bd);background:var(--ok-bg);color:var(--ok-fg)}.dp-hint{font-size:var(--t-meta);color:var(--muted);line-height:var(--lh-body)}.dp-reason{font-size:var(--t-meta);color:var(--muted)}.dp-pin{justify-content:center;display:flex}.dp-card[data-arrive]{transition:opacity var(--dur-arrive) var(--ease-out), transform var(--dur-arrive) var(--ease-out)}@starting-style{.dp-card[data-arrive]{opacity:0;transform:translateY(6px)}}.dp-tile[data-new]{transform-origin:50%;transition:opacity var(--dur-pop) var(--ease-out), transform var(--dur-pop) var(--ease-out)}@starting-style{.dp-tile[data-new]{opacity:0;transform:scale(.96)}}.dp-fade{transition:opacity var(--dur) ease}@starting-style{.dp-fade{opacity:0}}.dp-root[data-motion=reduce] .dp-card[data-arrive]{transition:opacity var(--dur) ease}.dp-root[data-motion=reduce] .dp-tile{transition:none}.dp-root[data-motion=reduce] .dp-tile[data-pressed]{background:var(--sunken);transform:none}.dp-root[data-motion=reduce] .dp-tile[data-new]{transition:opacity var(--dur-pop) var(--ease-out)}@starting-style{.dp-root[data-motion=reduce] .dp-card[data-arrive],.dp-root[data-motion=reduce] .dp-tile[data-new]{opacity:0;transform:none}}@media (prefers-reduced-motion:reduce){.dp-root .dp-card[data-arrive]{transition:opacity var(--dur) ease}.dp-root .dp-tile{transition:none}.dp-root .dp-tile[data-pressed]{background:var(--sunken);transform:none}.dp-root .dp-tile[data-new]{transition:opacity var(--dur-pop) var(--ease-out)}@starting-style{.dp-root .dp-card[data-arrive],.dp-root .dp-tile[data-new]{opacity:0;transform:none}}}.dp-shell-header{align-items:center;gap:var(--s-4);height:56px;padding-inline:var(--s-5);border-bottom:1px solid var(--line);background:var(--bg);display:flex}.dp-pill{align-items:center;gap:var(--s-2);height:40px;padding-inline:4px var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--card);color:var(--ink);text-align:start;display:inline-flex}.dp-pill:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dp-pill .dp-disc{width:32px;height:32px;margin:0}.dp-page{max-width:1120px;padding:var(--s-5);margin:0 auto}.dp-section{border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);padding:var(--s-4)}.dp-table{border-collapse:collapse;width:100%;font-size:var(--t-body)}.dp-table th{text-align:start;font-size:var(--t-meta);color:var(--muted);padding:var(--s-2);border-bottom:1px solid var(--border);font-weight:500}.dp-table td{padding:var(--s-2);border-bottom:1px solid var(--border);vertical-align:middle;height:48px}.dp-mono{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:180px;display:inline-block;overflow:hidden}.dp-placeholder-row{border-bottom:1px solid var(--border);background:var(--sunken);height:48px}