.vislog-host{display:flex;flex-direction:column;gap:var(--a-space-5)}.vislog-hero{display:flex;flex-direction:column;gap:var(--a-space-3)}.vislog-progress{--p: 0;position:relative;inline-size:100%;block-size:6px;background:var(--a-bg-subtle);border-radius:999px;overflow:hidden}.vislog-progress:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--p) * 100%);background:var(--a-success);border-radius:999px;transition:inline-size .36s cubic-bezier(.4,0,.2,1)}.vislog-progress.is-warning:before{background:var(--a-warning)}.vislog-progress.is-danger:before{background:var(--a-danger)}.vislog-progress.is-accent:before{background:var(--a-accent)}.vislog-progress.is-neutral:before{background:var(--a-fg-subtle)}.vislog-progress.is-running:after{content:"";position:absolute;inset-block:0;inline-size:25%;background:color-mix(in oklch,var(--a-accent) 65%,transparent);border-radius:999px;animation:vislog-progress-indeterminate 1.5s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes vislog-progress-indeterminate{0%{inset-inline-start:-25%}to{inset-inline-start:100%}}.vislog-hero-grid{align-items:stretch}.vislog-stat-card{display:flex;flex-direction:column;gap:var(--a-space-1);padding:var(--a-space-3) var(--a-space-4);background:var(--a-bg-subtle);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-lg);min-block-size:5rem}.vislog-stat-head{display:inline-flex;align-items:center;gap:var(--a-space-1);color:var(--a-fg-subtle);font-size:.82rem}.vislog-stat-label{letter-spacing:.01em}.vislog-stat-value{font-size:1.6rem;font-weight:700;line-height:1.1;color:var(--a-fg);font-variant-numeric:tabular-nums}.vislog-stat-card.is-success{border-color:color-mix(in oklch,var(--a-success) 35%,var(--a-border-subtle))}.vislog-stat-card.is-success .vislog-stat-value{color:var(--a-success)}.vislog-stat-card.is-warning{border-color:color-mix(in oklch,var(--a-warning) 35%,var(--a-border-subtle))}.vislog-stat-card.is-warning .vislog-stat-value{color:var(--a-warning)}.vislog-stat-card.is-danger{border-color:color-mix(in oklch,var(--a-danger) 40%,var(--a-border-subtle))}.vislog-stat-card.is-danger .vislog-stat-value{color:var(--a-danger)}.vislog-stat-card.is-accent{border-color:color-mix(in oklch,var(--a-accent) 35%,var(--a-border-subtle))}.vislog-stat-card.is-accent .vislog-stat-value{color:var(--a-accent)}.vislog-lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--a-space-3)}@media(max-width:720px){.vislog-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}.vislog-tile{display:flex;flex-direction:column;gap:var(--a-space-2);padding:var(--a-space-3);background:var(--a-bg-subtle);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-lg);cursor:pointer;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease;user-select:none}.vislog-tile:hover{box-shadow:var(--a-shadow-md);transform:translateY(-1px);border-color:color-mix(in oklch,var(--a-accent) 30%,var(--a-border-subtle))}.vislog-tile:focus-visible{outline:2px solid var(--a-accent);outline-offset:2px}.vislog-tile.is-active{border-color:var(--a-accent);box-shadow:0 0 0 2px color-mix(in oklch,var(--a-accent) 22%,transparent)}.vislog-tile.is-not_run{opacity:.55}.vislog-tile-head{display:inline-flex;align-items:center;gap:var(--a-space-2)}.vislog-tile-num{font-size:1.4rem;font-weight:700;line-height:1;color:var(--a-fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.vislog-tile-dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--a-fg-subtle)}.vislog-tile-dot.is-success{background:var(--a-success)}.vislog-tile-dot.is-warning{background:var(--a-warning)}.vislog-tile-dot.is-danger{background:var(--a-danger)}.vislog-tile-dot.is-accent{background:var(--a-accent);animation:vislog-pulse-dot 1.4s ease-in-out infinite}.vislog-tile-dot.is-neutral{background:var(--a-fg-subtle)}@keyframes vislog-pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.vislog-tile-status{font-size:.78rem;color:var(--a-fg-subtle);margin-inline-start:auto;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.vislog-tile-name{font-weight:600;font-size:.95rem;color:var(--a-fg)}.vislog-tile-meta{font-size:.78rem;color:var(--a-fg-subtle);font-variant-numeric:tabular-nums}.vislog-tile-bar{--p: 0;position:relative;inline-size:100%;block-size:4px;background:color-mix(in oklch,var(--a-fg-subtle) 18%,transparent);border-radius:999px;overflow:hidden}.vislog-tile-bar:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--p) * 100%);background:var(--a-fg-subtle);border-radius:999px;transition:inline-size .28s ease}.vislog-tile-bar.is-success:before{background:var(--a-success)}.vislog-tile-bar.is-warning:before{background:var(--a-warning)}.vislog-tile-bar.is-danger:before{background:var(--a-danger)}.vislog-tile-bar.is-accent:before{background:var(--a-accent)}.vislog-tile-bar.is-running:after{content:"";position:absolute;inset-block:0;inline-size:30%;background:color-mix(in oklch,var(--a-accent) 70%,transparent);border-radius:999px;animation:vislog-progress-indeterminate 1.4s cubic-bezier(.45,.05,.55,.95) infinite}.vislog-detail-stack{display:flex;flex-direction:column;gap:var(--a-space-4)}.vislog-detail{scroll-margin-block-start:var(--a-space-4);transition:box-shadow .22s ease,border-color .22s ease}.vislog-detail.is-muted{opacity:.7}.vislog-detail.is-failed{border-color:var(--a-danger, #c0392b);box-shadow:0 0 0 1px color-mix(in oklch,var(--a-danger, #c0392b) 60%,transparent)}.vislog-detail.is-pulse{animation:vislog-detail-pulse 1.1s ease-out 1}@keyframes vislog-detail-pulse{0%{box-shadow:0 0 color-mix(in oklch,var(--a-accent) 40%,transparent)}60%{box-shadow:0 0 0 6px color-mix(in oklch,var(--a-accent) 0%,transparent)}to{box-shadow:0 0 0 0 transparent}}.vislog-detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--a-space-3);flex-wrap:wrap}.vislog-detail-header-left{display:inline-flex;align-items:center;gap:var(--a-space-2)}.vislog-detail-header-right{display:inline-flex;align-items:center;gap:var(--a-space-1);flex-wrap:wrap}.vislog-num-badge{font-variant-numeric:tabular-nums;font-weight:700}.vislog-detail-role{margin:var(--a-space-1) 0 0;color:var(--a-fg-subtle);font-size:.85rem;line-height:1.45}.vislog-detail-body{display:flex;flex-direction:column;gap:var(--a-space-3);padding-block-start:var(--a-space-2)}.vislog-score-card{display:flex;flex-direction:column;gap:var(--a-space-2);padding:var(--a-space-3) var(--a-space-4);background:var(--a-bg-subtle);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-lg)}.vislog-score-top{display:inline-flex;align-items:baseline;gap:var(--a-space-2)}.vislog-score-num{font-size:2.25rem;font-weight:700;line-height:1;color:var(--a-fg);font-variant-numeric:tabular-nums}.vislog-score-suffix{font-size:.95rem;color:var(--a-fg-subtle)}.vislog-score-verdict{align-self:baseline;margin-inline-start:var(--a-space-2)}.vislog-score-label{font-size:.82rem;color:var(--a-fg-subtle)}.vislog-bar{--p: 0;position:relative;inline-size:100%;block-size:6px;background:color-mix(in oklch,var(--a-fg-subtle) 18%,transparent);border-radius:999px;overflow:hidden}.vislog-bar:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--p) * 100%);background:var(--a-fg-subtle);border-radius:999px;transition:inline-size .28s ease}.vislog-bar.is-success:before{background:var(--a-success)}.vislog-bar.is-warning:before{background:var(--a-warning)}.vislog-bar.is-danger:before{background:var(--a-danger)}.vislog-dim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-space-2)}@media(max-width:560px){.vislog-dim-grid{grid-template-columns:1fr}}.vislog-dim-chip{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:var(--a-space-2);row-gap:4px;align-items:center;padding:var(--a-space-2) var(--a-space-3);background:var(--a-bg);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md);font-size:.85rem}.vislog-dim-label{color:var(--a-fg);text-transform:capitalize;font-weight:500}.vislog-dim-score{font-family:var(--a-font-family-mono);font-size:.78rem;font-weight:600;padding:.05rem .4rem;border-radius:var(--a-radius-sm);border:1px solid transparent;line-height:1.4}.vislog-dim-chip.is-success .vislog-dim-score{background:color-mix(in oklch,var(--a-success) 16%,transparent);color:var(--a-success);border-color:color-mix(in oklch,var(--a-success) 35%,transparent)}.vislog-dim-chip.is-warning .vislog-dim-score{background:color-mix(in oklch,var(--a-warning) 16%,transparent);color:var(--a-warning);border-color:color-mix(in oklch,var(--a-warning) 35%,transparent)}.vislog-dim-chip.is-danger .vislog-dim-score{background:color-mix(in oklch,var(--a-danger) 16%,transparent);color:var(--a-danger);border-color:color-mix(in oklch,var(--a-danger) 35%,transparent)}.vislog-microbar{--p: 0;grid-column:1 / -1;position:relative;inline-size:100%;block-size:3px;background:color-mix(in oklch,var(--a-fg-subtle) 18%,transparent);border-radius:999px;overflow:hidden}.vislog-microbar:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--p) * 100%);border-radius:999px;transition:inline-size .28s ease}.vislog-microbar.is-success:before{background:var(--a-success)}.vislog-microbar.is-warning:before{background:var(--a-warning)}.vislog-microbar.is-danger:before{background:var(--a-danger)}.vislog-skill-list{display:flex;flex-direction:column;gap:var(--a-space-2)}.vislog-skill-step{display:flex;flex-direction:column;gap:var(--a-space-2);padding:var(--a-space-3);background:var(--a-bg-subtle);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md)}.vislog-skill-head{display:inline-flex;align-items:center;gap:var(--a-space-2);flex-wrap:wrap}.vislog-skill-id{font-family:var(--a-font-family-mono);font-size:.82rem;font-weight:600;color:var(--a-fg);padding:.1rem .45rem;background:var(--a-bg);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-sm)}.vislog-skill-msg{font-size:.85rem;line-height:1.5;color:var(--a-fg)}.vislog-skill-msg.is-muted{color:var(--a-fg-subtle);font-size:.8rem}.vislog-ci-row{display:flex;flex-wrap:wrap;gap:var(--a-space-2);margin-block:var(--a-space-2)}.vislog-gate-row{display:flex;flex-wrap:wrap;gap:var(--a-space-2)}.vislog-gate-chip{display:inline-flex;align-items:center;gap:var(--a-space-1);padding:.3rem .65rem;border-radius:var(--a-radius-md);border:1px solid transparent;font-size:.82rem;font-weight:500;text-transform:capitalize}.vislog-gate-id{font-variant-numeric:tabular-nums}.vislog-gate-chip.is-success{background:color-mix(in oklch,var(--a-success) 14%,transparent);color:var(--a-success);border-color:color-mix(in oklch,var(--a-success) 35%,transparent)}.vislog-gate-chip.is-warning{background:color-mix(in oklch,var(--a-warning) 14%,transparent);color:var(--a-warning);border-color:color-mix(in oklch,var(--a-warning) 35%,transparent)}.vislog-gate-chip.is-danger{background:color-mix(in oklch,var(--a-danger) 14%,transparent);color:var(--a-danger);border-color:color-mix(in oklch,var(--a-danger) 35%,transparent)}.vislog-gate-chip.is-neutral{background:var(--a-bg-subtle);color:var(--a-fg-subtle);border-color:var(--a-border-subtle)}.vislog-patch-stats{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--a-space-2);font-family:var(--a-font-family-mono);font-size:.95rem;padding:var(--a-space-2) var(--a-space-3);background:var(--a-bg-subtle);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md)}.vislog-diff-added{color:var(--a-success);font-weight:600}.vislog-diff-removed{color:var(--a-danger);font-weight:600}.vislog-patch-sep{color:var(--a-fg-subtle)}.vislog-patch-meta{color:var(--a-fg);font-size:.85rem}.vislog-files{display:flex;flex-direction:column;gap:4px}.vislog-file-row{display:inline-flex;align-items:center;gap:var(--a-space-2);padding:.3rem .6rem;background:var(--a-bg);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-sm);font-size:.85rem}.vislog-file-op{font-family:var(--a-font-family-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.05rem .4rem;border-radius:var(--a-radius-sm);letter-spacing:.04em;border:1px solid transparent}.vislog-file-op.is-create{background:color-mix(in oklch,var(--a-success) 14%,transparent);color:var(--a-success);border-color:color-mix(in oklch,var(--a-success) 35%,transparent)}.vislog-file-op.is-update{background:color-mix(in oklch,var(--a-accent) 14%,transparent);color:var(--a-accent);border-color:color-mix(in oklch,var(--a-accent) 35%,transparent)}.vislog-file-op.is-delete{background:color-mix(in oklch,var(--a-danger) 14%,transparent);color:var(--a-danger);border-color:color-mix(in oklch,var(--a-danger) 35%,transparent)}.vislog-file-path{font-family:var(--a-font-family-mono);font-size:.8rem;color:var(--a-fg)}.vislog-verdict-row{display:inline-flex;align-items:center;gap:var(--a-space-3);flex-wrap:wrap}.vislog-verdict-big{font-size:1rem;font-weight:700;letter-spacing:.08em;padding:.4rem .9rem}.vislog-verdict-rule{font-family:var(--a-font-family-mono);font-size:.82rem;padding:.2rem .5rem;background:var(--a-bg-subtle);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-sm);color:var(--a-fg)}.vislog-bullet-list{margin:var(--a-space-1) 0 0;padding-inline-start:1.2em;display:flex;flex-direction:column;gap:2px;font-size:.85rem}.vislog-details{border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md);background:var(--a-bg)}.vislog-details[open]{background:var(--a-bg-subtle)}.vislog-details-summary{cursor:pointer;user-select:none;padding:var(--a-space-2) var(--a-space-3);font-size:.85rem;font-weight:600;color:var(--a-fg);list-style:revert}.vislog-step-list{display:flex;flex-direction:column;border-block-start:1px solid var(--a-border-subtle)}.vislog-role-list{display:flex;flex-direction:column;gap:4px}.vislog-step-wrap{border-block-end:1px solid var(--a-border-subtle)}.vislog-step-wrap:last-child{border-block-end:0}.vislog-step{display:flex;align-items:center;gap:var(--a-space-2);padding:var(--a-space-2) var(--a-space-3);cursor:pointer;transition:background .12s ease}.vislog-step:hover{background:color-mix(in oklch,var(--a-accent) 6%,transparent)}.vislog-step:focus-visible{outline:2px solid var(--a-accent);outline-offset:-2px}.vislog-step-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;flex:1;font-size:.88rem;color:var(--a-fg)}.vislog-step-meta{display:inline-flex;gap:var(--a-space-1);flex-shrink:0}.vislog-step-detail{padding:var(--a-space-2) var(--a-space-3) var(--a-space-3);background:var(--a-bg)}.vislog-step-panel{display:flex;flex-direction:column;gap:var(--a-space-2);padding:var(--a-space-3);background:var(--a-bg-subtle);border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md)}.vislog-detail-body-pre{margin:0;font-family:var(--a-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.8rem;line-height:1.55;background:var(--a-bg);color:var(--a-fg);padding:var(--a-space-2) var(--a-space-3);border-radius:var(--a-radius-sm);max-block-size:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;border:1px solid var(--a-border-subtle)}