.tc-panel{--tc-panel:#102a3a;--tc-inset:#0b2635;--tc-edge:#365463;--tc-ink:#eff5f5;--tc-muted:#acc1c9;--tc-coral:#e79aa7;display:grid;align-content:start;min-width:0;background:var(--tc-panel);border:1px solid var(--tc-edge);border-radius:13px;overflow:hidden;box-shadow:0 25px 65px #132b3d2b;color:var(--tc-ink);font-family:var(--font-body),sans-serif;font-size:var(--demo-label-size);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tc-panel p{margin:0;color:inherit}.tc-panel button{font:inherit;color:inherit;cursor:pointer}.tc-panel :is(ul,ol){list-style:none;margin:0;padding:0}.tc-kicker{display:block;font-size:var(--demo-meta-size);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--tc-muted)}.tc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid var(--tc-edge)}.tc-head-id strong{display:block;margin-top:6px;font-family:var(--font-display),sans-serif;font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.tc-sub{display:block;margin-top:5px;font-size:var(--demo-meta-size);color:var(--tc-muted)}.tc-total{display:flex;flex:none;align-items:baseline;gap:8px;padding:8px 14px;border:1px solid var(--tc-edge);border-radius:9px;background:var(--tc-inset)}.tc-total strong{font-family:var(--font-display),sans-serif;font-size:26px;font-weight:600;line-height:1;letter-spacing:-.03em}.tc-total span{font-size:var(--demo-meta-size);color:var(--tc-muted)}.tc-score{display:grid;flex:none;justify-items:end;gap:7px}.tc-score-note{font-size:var(--demo-meta-size);color:var(--tc-muted)}.tc-split{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);grid-template-rows:minmax(0,1fr);height:468px;min-width:0}.traced-flag .tc-split,.traced-score .tc-split{height:auto}.traced-score .tc-split{grid-template-columns:minmax(0,54fr) minmax(0,46fr)}.traced-score .tc-side{grid-template-rows:auto auto auto;align-content:start;border-right:0;border-left:1px solid var(--tc-edge)}.tc-side{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:20px 22px 22px;background:var(--tc-inset);border-right:1px solid var(--tc-edge)}.tc-side-head{margin-bottom:12px}.tc-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:20px 22px 22px}.tc-checks{display:grid;align-content:start;gap:4px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px}.tc-check{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 12px;background:transparent;border:0;border-left:3px solid transparent;border-radius:0 8px 8px 0;text-align:left;transition:background .15s var(--ease),border-color .15s var(--ease)}.tc-check:hover{background:#14374a}.tc-check[aria-pressed=true]{background:#14374a;border-left-color:var(--tc-coral)}.tc-check-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--tc-coral);color:#0b2635;font-size:11px;line-height:1}.tc-check[data-pass] .tc-check-mark{background:#7fc3a6}.tc-check-name{min-width:0;font-size:var(--demo-label-size)}.tc-check-result{font-size:var(--demo-meta-size)}.tc-check-result,.tc-code{flex:none;color:var(--tc-muted)}.tc-code{padding:2px 7px;border:1px solid var(--tc-edge);border-radius:4px;font-size:11px;letter-spacing:.04em}.tc-trace{display:grid;margin-top:16px;padding-top:14px;border-top:1px solid var(--tc-edge)}.tc-flag-state,.tc-trace-state{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .15s var(--ease)}.tc-flag-state[data-active],.tc-trace-state[data-active]{visibility:visible;opacity:1}.tc-trace-detail{font-size:var(--demo-copy-size);line-height:1.55}.tc-turns{position:relative;display:grid;align-content:start;gap:2px;padding-right:4px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px}.tc-turns li{display:grid;gap:3px;padding:9px 12px;border-left:3px solid transparent;border-radius:0 8px 8px 0;transition:background .15s var(--ease),border-color .15s var(--ease)}.tc-turns li[data-marked]{border-left-color:#6f8a97}.tc-turns li[data-active]{background:#14374a;border-left-color:var(--tc-coral)}.tc-turn-meta{display:flex;align-items:baseline;gap:10px;font-size:var(--demo-meta-size);color:var(--tc-muted)}.tc-turn-meta b{font-weight:500;letter-spacing:.04em;text-transform:uppercase}.tc-turns p{font-size:var(--demo-copy-size);line-height:1.55}.tc-turns li[data-active] p{color:var(--tc-ink)}.tc-strip{padding:18px 26px 20px;border-bottom:1px solid var(--tc-edge)}.tc-rail{position:relative;height:26px;margin-top:12px}.tc-rail-line{left:0;right:0;height:2px;margin-top:-1px;border-radius:1px;background:#35505f}.tc-mark,.tc-rail-line{position:absolute;top:50%}.tc-mark{display:grid;place-items:center;width:0;height:0}.tc-mark-dot{width:13px;height:13px;border:2px solid var(--tc-panel);border-radius:50%;background:var(--tc-coral);box-shadow:0 0 0 1px var(--tc-coral);transition:box-shadow .15s var(--ease)}.tc-mark[data-strength] .tc-mark-dot{background:#7fc3a6;box-shadow:0 0 0 1px #7fc3a6}.tc-mark[data-active] .tc-mark-dot{box-shadow:0 0 0 1px var(--tc-coral),0 0 0 5px #eff5f533}.tc-mark[data-strength][data-active] .tc-mark-dot{box-shadow:0 0 0 1px #7fc3a6,0 0 0 5px #eff5f533}.tc-rail-axis{display:flex;justify-content:space-between;font-size:var(--demo-meta-size);color:var(--tc-muted)}.tc-flag-head{display:grid}.tc-flag-label{font-family:var(--font-display),sans-serif;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.01em;padding-left:13px;border-left:3px solid var(--tc-coral)}.tc-flag-label[data-strength]{border-left-color:#7fc3a6}.tc-flag-reason{margin-top:10px;font-size:var(--demo-copy-size);line-height:1.6;color:var(--tc-muted)}.tc-flag-list{display:grid;align-content:start;gap:2px;margin-top:18px;padding-top:14px;border-top:1px solid var(--tc-edge)}.tc-flag-list button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 10px;background:transparent;border:0;border-radius:8px;text-align:left;font-size:var(--demo-label-size);transition:background .15s var(--ease)}.tc-flag-list button:hover,.tc-flag-list button[aria-pressed=true]{background:#14374a}.tc-flag-list button[data-strength] .tc-code{color:#a8dcc6;border-color:#4d7a68}.tc-caption{padding:12px 26px;border-top:1px solid var(--tc-edge);background:var(--tc-inset);font-size:var(--demo-meta-size);line-height:1.55;color:var(--tc-muted)}.tc-panel :is(button,[tabindex]):focus-visible{outline:3px solid var(--tc-coral);outline-offset:2px}@media (max-width:860px){.tc-split{grid-template-columns:1fr;grid-template-rows:auto;height:auto}.tc-side{border-right:0;border-bottom:1px solid var(--tc-edge)}.tc-turns{max-height:288px}.traced-score .tc-split{grid-template-columns:1fr}.traced-score .tc-side{border-left:0;border-bottom:0;border-top:1px solid var(--tc-edge)}}@media (max-width:600px){.tc-caption,.tc-head,.tc-main,.tc-side,.tc-strip{padding-inline:18px}.tc-head{flex-direction:column}.tc-head-id strong{font-size:19px}.tc-score{justify-items:start}}@media (prefers-reduced-motion:reduce){.tc-panel *{transition:none}}