:root{--bg-0: #070912;--bg-1: #0b1020;--brand: #7c5cff;--brand-2: #6ee7ff;--brand-3: #ff7ac6;--ok: #40e0a0;--warn: #ffca55;--bad: #ff6b7d;--text: #eef1ff;--muted: #9aa3c7;--card: rgba(255, 255, 255, .045);--card-brd: rgba(255, 255, 255, .09);--glass-blur: 18px;--radius: 20px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:var(--brand-2)}button{font-family:inherit;cursor:pointer}.app{position:relative;min-height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(1200px 700px at 80% -10%,#17204a 0%,transparent 60%),radial-gradient(1000px 600px at 0% 10%,#241748 0%,transparent 55%),var(--bg-0)}.aurora{position:fixed;border-radius:50%;filter:blur(90px);opacity:.5;z-index:0;pointer-events:none;will-change:transform}.aurora-1{width:46vw;height:46vw;background:radial-gradient(circle,#7c5cff,transparent 65%);top:-12vw;left:-8vw;animation:drift1 22s ease-in-out infinite}.aurora-2{width:40vw;height:40vw;background:radial-gradient(circle,#6ee7ff,transparent 65%);bottom:-14vw;right:-6vw;animation:drift2 26s ease-in-out infinite}.aurora-3{width:32vw;height:32vw;background:radial-gradient(circle,#ff7ac6,transparent 65%);top:40%;left:55%;opacity:.28;animation:drift3 30s ease-in-out infinite}@keyframes drift1{50%{transform:translate(8vw,6vw) scale(1.15)}}@keyframes drift2{50%{transform:translate(-7vw,-5vw) scale(1.1)}}@keyframes drift3{50%{transform:translate(-6vw,4vw) scale(.9)}}.grid-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(1000px 700px at 50% 0%,#000 0%,transparent 80%)}.topbar,.main,.footer{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(16px,5vw,56px)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.2px}.brand-logo-wrap{display:inline-flex;align-items:center;background:#fff;padding:6px 12px;border-radius:10px;box-shadow:0 8px 24px #00000047}.brand-logo{height:22px;width:auto;display:block}.brand-name{color:var(--muted);font-weight:600;font-size:14px}.topbar-tag{font-size:13px;color:var(--muted);padding:6px 12px;border:1px solid var(--card-brd);border-radius:999px;background:var(--card);white-space:nowrap;flex-shrink:0}@media(max-width:560px){.topbar{padding:14px 16px}.brand{gap:8px;min-width:0}.brand-logo{height:20px}.brand-logo-wrap{padding:5px 10px}.brand-name,.topbar-tag{display:none}}.main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:clamp(16px,4vw,40px)}.hero{text-align:center;padding:clamp(28px,8vh,90px) 8px 40px;display:flex;flex-direction:column;align-items:center}.hero-badge{font-size:13px;font-weight:600;color:var(--brand-2);padding:8px 16px;border-radius:999px;border:1px solid rgba(110,231,255,.3);background:#6ee7ff0f;margin-bottom:26px}.hero-title{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05;font-weight:800;letter-spacing:-1.5px;margin:0 0 18px}.grad-text{background:linear-gradient(120deg,var(--brand-2),var(--brand),var(--brand-3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{max-width:620px;color:var(--muted);font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.6;margin:0 0 34px}.hero-hints{list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;padding:0;margin:28px 0 0;color:var(--muted);font-size:14px}.btn{position:relative;border:1px solid transparent;border-radius:14px;padding:12px 22px;font-weight:600;font-size:15px;color:var(--text);background:var(--card);border-color:var(--card-brd);overflow:hidden;transition:border-color .2s,background .2s,transform .1s}.btn-ghost:hover{border-color:#ffffff40;background:#ffffff14}.btn-primary{color:#0b1020;background:linear-gradient(120deg,var(--brand-2),var(--brand) 55%,var(--brand-3));border:none;box-shadow:0 14px 40px #7c5cff73}.btn-lg{padding:16px 34px;font-size:17px;border-radius:16px}.btn-glow{position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-120%);animation:sheen 3.2s ease-in-out infinite}@keyframes sheen{60%,to{transform:translate(120%)}}.live-top{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:24px;align-items:center;margin-bottom:26px}.live-ring{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:var(--card);border:1px solid var(--card-brd);border-radius:var(--radius);backdrop-filter:blur(var(--glass-blur))}.ring{position:relative;display:grid;place-items:center}.ring svg{transform:rotate(0)}.ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-num{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-1px}.ring-pct{font-size:1.2rem;color:var(--muted);margin-left:2px}.ring-sub{margin-top:6px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.counts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.count{font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--card-brd)}.count.ok{color:var(--ok);border-color:#40e0a059;background:#40e0a014}.count.warn{color:var(--warn);border-color:#ffca5559;background:#ffca5514}.count.bad{color:var(--bad);border-color:#ff6b7d59;background:#ff6b7d14}.stage{width:100%}.stage-screen{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--card-brd);background:radial-gradient(circle at 50% 40%,#17203f,#090c18);box-shadow:0 30px 80px #00000080}.stage-video{position:absolute;inset:0;z-index:2}.stage-video .video-js{width:100%;height:100%;background-color:transparent}.stage-video .video-js .vjs-tech,.stage-video video{width:100%;height:100%;object-fit:contain;background-color:transparent!important}.stage-video .vjs-control-bar,.stage-video .vjs-loading-spinner,.stage-video .vjs-big-play-button,.stage-video .vjs-poster,.stage-video .vjs-text-track-display{display:none!important}.stage-placeholder{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);font-size:14px;letter-spacing:.3px}.stage-orb{width:54px;height:54px;border-radius:50%;background:conic-gradient(from 0deg,var(--brand-2),var(--brand),var(--brand-3),var(--brand-2));mask:radial-gradient(farthest-side,transparent 58%,#000 60%);-webkit-mask:radial-gradient(farthest-side,transparent 58%,#000 60%);opacity:.4}.stage-orb.is-loading{opacity:1;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-scanline{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(rgba(255,255,255,.03) 50%,transparent 50%);background-size:100% 4px;mix-blend-mode:overlay;opacity:.5}.stage-badge{position:absolute;top:12px;left:12px;z-index:4;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:1px;padding:6px 12px;border-radius:999px;background:#ff3d5729;border:1px solid rgba(255,61,87,.4);color:#ff9aa8}.live-dot{width:8px;height:8px;border-radius:50%;background:#ff3d57;box-shadow:0 0 #ff3d5799;animation:pulse 1.4s ease-out infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px #ff3d5700}}.summary{display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:var(--radius);border:1px solid var(--card-brd);background:var(--card);backdrop-filter:blur(var(--glass-blur));margin-bottom:22px}.summary-passed{border-color:#40e0a066;background:linear-gradient(120deg,#40e0a01f,#40e0a005)}.summary-warning{border-color:#ffca5566;background:linear-gradient(120deg,#ffca551f,#ffca5505)}.summary-failed{border-color:#ff6b7d66;background:linear-gradient(120deg,#ff6b7d1f,#ff6b7d05)}.summary-emoji{font-size:40px}.summary-text{flex:1}.summary-text h2{margin:0 0 4px;font-size:1.4rem}.summary-text p{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{padding:18px;border-radius:var(--radius);border:1px solid var(--card-brd);background:var(--card);backdrop-filter:blur(var(--glass-blur));transition:border-color .25s,transform .25s;display:flex;flex-direction:column}.card-spacer{flex:1 1 auto;min-height:14px}.card.is-live{border-color:#7c5cff80;box-shadow:0 0 0 1px #7c5cff40,0 18px 50px #7c5cff26}.card-passed{border-color:#40e0a047}.card-warning{border-color:#ffca5547}.card-failed{border-color:#ff6b7d52}.card-head{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;padding:0;text-align:left;color:inherit}.card-icon{font-size:26px;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#ffffff0d;border:1px solid var(--card-brd);flex-shrink:0}.card-headings{flex:1;min-width:0}.card-title{display:block;font-weight:700;font-size:15.5px}.card-blurb{display:block;font-size:13px;color:var(--muted);margin-top:2px;line-height:1.4}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;border:1px solid var(--card-brd);color:var(--muted);flex-shrink:0}.pill-glyph{font-weight:900}.pill-running{color:var(--brand-2);border-color:#6ee7ff66}.pill-passed{color:var(--ok);border-color:#40e0a066;background:#40e0a014}.pill-warning{color:var(--warn);border-color:#ffca5566;background:#ffca5514}.pill-failed{color:var(--bad);border-color:#ff6b7d66;background:#ff6b7d14}.spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(110,231,255,.3);border-top-color:var(--brand-2);animation:spin .7s linear infinite}.bar{position:relative;height:8px;margin-top:0;border-radius:999px;background:#ffffff0f;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-2),var(--brand))}.bar-passed{background:linear-gradient(90deg,#40e0a0,#7cffb2)}.bar-warning{background:linear-gradient(90deg,#ffca55,#ffb03a)}.bar-failed{background:linear-gradient(90deg,#ff6b7d,#ff3d57)}.bar-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%);animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{to{transform:translate(100%)}}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;min-height:18px}.metric{font-size:12.5px;font-weight:700;color:var(--brand-2);font-variant-numeric:tabular-nums}.details-toggle{background:none;border:none;color:var(--muted);font-size:12.5px;font-weight:600;padding:0}.details-toggle:hover{color:var(--text)}.steps{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--card-brd);overflow:hidden}.step{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13px}.step-dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;flex-shrink:0}.step.ok .step-dot{color:var(--ok);background:#40e0a024}.step.soft .step-dot{color:var(--warn);background:#ffca5524}.step.bad .step-dot{color:var(--bad);background:#ff6b7d24}.step-label{flex:1}.step-detail{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.advanced{margin-top:24px;border:1px solid var(--card-brd);border-radius:var(--radius);background:var(--card);backdrop-filter:blur(var(--glass-blur));overflow:hidden}.advanced-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:none;border:none;color:var(--text);font-weight:600;font-size:15px}.advanced-icon{font-size:18px}.chev{margin-left:auto;transition:transform .25s;color:var(--muted)}.chev.up{transform:rotate(180deg)}.advanced-body{padding:0 20px 20px}.advanced-note{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0 0 18px}.allow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.allow-group h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--brand-2)}.allow-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.allow-group code{font-size:12.5px;color:var(--text);background:#ffffff0d;border:1px solid var(--card-brd);padding:3px 8px;border-radius:7px;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}.advanced-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.footer{text-align:center;padding:28px 16px 34px;color:var(--muted);font-size:13.5px}@media(max-width:760px){.live-top{grid-template-columns:1fr}.live-ring{order:2}.summary{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}