.ckd{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:14px;max-width:880px;margin:0 auto;overflow:hidden}.ckd-hd{border-bottom:1px solid var(--line);background:var(--sunk);font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;min-width:0;padding:10px 14px;font-size:12px;display:flex}.ckd-hd i{background:var(--line);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.ckd-hd span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ckd-bd{grid-template-columns:170px minmax(0,1fr);min-height:350px;display:grid}@media (max-width:700px){.ckd-bd{grid-template-columns:minmax(0,1fr)}.ckd-side{display:none}}.ckd-side{border-right:1px solid var(--line);color:var(--muted);padding:14px;font-size:13px}.ckd-side div{border-radius:7px;margin-bottom:3px;padding:7px 10px}.ckd-side div.on{background:var(--accent-dim);color:var(--ink);font-weight:600}.ckd-main{min-width:0;padding:20px 20px 64px;position:relative}.ckd-step{display:none}.ckd-step.on{display:block}@media (prefers-reduced-motion:no-preference){.ckd-step.on{animation:.4s ckd-fade}}@keyframes ckd-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ckd-step>b{font-size:16px}.ckd-mono{font-family:var(--mono)}.ckd-kpi{color:var(--muted);flex-wrap:wrap;gap:18px;margin:10px 0 4px;font-size:12.5px;display:flex}.ckd-kpi b{font-family:var(--mono);color:var(--ink);font-size:20px;font-weight:600;display:block}.ckd-feed{border:1px solid var(--line);border-radius:10px;margin-top:10px;overflow:hidden}.ckd-row{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:grid}.ckd-row:first-child{border-top:0}.ckd-row .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ckd-row .tm{font-family:var(--mono);color:var(--faint);font-size:11px}.ckd-row .sc{font-family:var(--mono);color:var(--muted);font-size:11.5px}@media (max-width:420px){.ckd-row{grid-template-columns:minmax(0,1fr) auto auto}.ckd-row .tm{display:none}}.ckd-row.hide{display:none}@media (prefers-reduced-motion:no-preference){.ckd-row.new{animation:.35s ckd-fade}}.ckd-tag{font-family:var(--mono);white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:10.5px;font-weight:700}.ckd-tag.flag{color:var(--crit);background:color-mix(in srgb, var(--crit) 12%, transparent)}.ckd-tag.ok{color:var(--good);background:color-mix(in srgb, var(--good) 12%, transparent)}.ckd-hist{align-items:flex-end;gap:5px;height:150px;margin-top:14px;padding-top:6px;display:flex;position:relative}.ckd-hist i{background:color-mix(in srgb, var(--accent) 45%, var(--line));border-radius:3px 3px 0 0;flex:1;height:3px;min-height:3px;display:block}.ckd-hist i.near{background:var(--warn)}.ckd-hist i.over{background:var(--crit)}@media (prefers-reduced-motion:no-preference){.ckd-hist.go i{transition:height .9s}}.ckd-band{background:color-mix(in srgb, var(--warn) 12%, transparent);border-left:1px dashed var(--warn);border-right:1px dashed var(--warn);position:absolute;top:0;bottom:0}.ckd-thr{border-left:1.5px dashed var(--ink);opacity:.6;width:0;position:absolute;top:0;bottom:0}.ckd-axis{font-family:var(--mono);color:var(--faint);justify-content:space-between;padding-top:4px;font-size:10.5px;display:flex}.ckd-alert{border:1px solid var(--line);border-left:3px solid var(--crit);border-radius:12px;gap:8px;margin-top:12px;padding:14px 16px;display:grid}.ckd-alert .why{color:var(--muted);font-size:13.5px;line-height:1.6}.ckd-sent{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.ckd-sent span{border:1px solid var(--line);border-radius:100px;padding:2px 9px}.ckd-cap{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.ckd-dots{flex:none;gap:2px;display:flex}.ckd-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.ckd-dots button i{background:var(--line);border-radius:50%;width:7px;height:7px;display:block}.ckd-dots button.on i{background:var(--accent)}.ckp-vlink{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}@media (max-width:520px){.ckd-main{padding:16px 14px 104px}.ckd-cap{left:14px;right:14px}.ckd-hist{gap:3px;height:120px}}