*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6dcd3;--text-muted: #8b949e;--accent: #58a6ff;--success: #3fb950;--danger: #d29922;--rejected: #f0883e;--radius: 8px;--font: ui-monospace, SFMono-Regular, "Cascadia Code", "JetBrains Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;min-height:100vh}.app{max-width:880px;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.header{text-align:center}.title{font-size:1.75rem;font-weight:600;letter-spacing:-.01em}.subtitle{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.pipeline{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;flex-wrap:wrap}.pipeline__arrow{color:var(--text-muted);font-size:1.25rem;flex-shrink:0}.stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;min-width:140px;flex:0 1 auto;transition:border-color .3s,box-shadow .3s,background .3s}.stage--idle{opacity:.5}.stage--working{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 12px #58a6ff26}.stage--rejected{border-color:var(--rejected);box-shadow:0 0 0 1px var(--rejected),0 0 12px #f0883e26;background:#1c130c}.stage--passed{border-color:var(--success);box-shadow:0 0 0 1px var(--success),0 0 12px #3fb9501f}.stage__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stage__name{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stage--working .stage__name,.stage--passed .stage__name{color:var(--text)}.stage--rejected .stage__name{color:var(--rejected)}.stage__back{font-size:1.1rem;color:var(--danger);cursor:default}.stage__body{display:flex;align-items:center;gap:.4rem;margin-top:.6rem}.icon{font-size:1rem;line-height:1}.icon-passed{color:var(--success)}.icon-rejected{color:var(--rejected)}.icon-working{color:var(--accent);animation:pulse 1s ease-in-out infinite}.stage__status{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.stage--working .stage__status{color:var(--accent)}.stage--rejected .stage__status{color:var(--rejected)}.stage--passed .stage__status{color:var(--success)}.step-label{font-size:.9rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem 1rem;text-align:center;min-height:2.8rem;display:flex;align-items:center;justify-content:center;width:100%;max-width:500px}.facts{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;color:var(--text-muted);font-size:.85rem}.fact-sep{color:var(--border)}.controls{display:flex;justify-content:center}.replay-btn{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:.6rem 1.5rem;font-family:var(--font);font-size:.9rem;cursor:pointer;transition:background .2s,color .2s}.replay-btn:hover:not(:disabled){background:var(--accent);color:var(--bg)}.replay-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.replay-btn:disabled{opacity:.4;cursor:default}.footer{color:var(--text-muted);font-size:.8rem;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:680px){.pipeline{flex-direction:column}.pipeline__arrow{transform:rotate(90deg)}.stage{width:100%;max-width:280px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.icon-working{animation:none;opacity:1}}