.t404{--t404-ink:var(--vl-text);--t404-accent:var(--vl-danger-text);--t404-shell:var(--vl-card);--t404-shell-border:var(--vl-border);--t404-title:var(--vl-surface);--t404-dot-close:#ff5f57;--t404-dot-min:#febc2e;--t404-dot-max:#28c840;font-family:var(--vl-font-mono);color:var(--t404-ink);width:min(34rem,90vw);font-size:clamp(1rem,.85rem + .5vw,1.375rem);line-height:1.6}.t404__titlebar{background:var(--t404-title);border:1px solid var(--t404-shell-border);border-bottom:none;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:10px 14px;display:flex}.t404__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.t404__dot--close{background:var(--t404-dot-close)}.t404__dot--min{background:var(--t404-dot-min)}.t404__dot--max{background:var(--t404-dot-max)}.t404__body{background:var(--t404-shell);border-left:1px solid var(--t404-shell-border);border-right:1px solid var(--t404-shell-border);border-bottom:1px solid var(--t404-shell-border);border-radius:0 0 10px 10px;min-height:150px;padding:28px 24px}.t404__line{margin-bottom:6px}.t404__line:last-child{margin-bottom:0}.t404__type{white-space:nowrap;vertical-align:bottom;width:0;display:inline-flex;overflow:hidden}.t404__text{flex-shrink:0}.t404__cursor{background:var(--t404-ink);flex-shrink:0;width:.6em;height:1.15em;margin-left:1px}.t404__type--accent{color:var(--t404-accent)}.t404__line--action{align-items:baseline;gap:.5ch;margin-top:18px;display:flex}.t404__prompt{color:var(--t404-dot-max);flex-shrink:0}.t404__link{color:var(--t404-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--t404-ink) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--t404-ink) 40%, transparent);text-underline-offset:4px;border-radius:4px;transition:color .15s,text-decoration-color .15s}.t404__link:hover{color:#fff;text-decoration-color:currentColor}.t404__link:focus-visible{outline:2px solid var(--t404-dot-max);outline-offset:3px;color:#fff}.t404__link-note{color:color-mix(in srgb, var(--t404-ink) 70%, var(--t404-shell));margin-left:1ch}.t404__line--request .t404__type{animation:8s linear infinite t404-type-request}.t404__line--response .t404__type{animation:8s linear infinite t404-type-response}@keyframes t404-type-request{0%,2%{width:0}15%,70%{width:12ch}95%,to{width:0}}@keyframes t404-type-response{0%,15%{width:0}30%,70%{width:17ch}95%,to{width:0}}.t404__cursor{animation:8s linear infinite t404-cursor-phase,1s step-end infinite t404-blink}@keyframes t404-cursor-phase{0%,30%{visibility:hidden}30.01%,70%{visibility:visible}70.01%,to{visibility:hidden}}@keyframes t404-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.t404__type{overflow:visible;width:auto!important;animation:none!important}.t404__cursor{visibility:visible!important;opacity:1!important;animation:none!important}}
