:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, monospace;--indigo-50: #eef2ff;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--teal-400: #2dd4bf;--teal-600: #0d9488;--accent: var(--indigo-600);--accent-hover: var(--indigo-700);--accent-soft: var(--indigo-50);--accent-fg: #ffffff;--ring: color-mix(in srgb, var(--indigo-600) 35%, transparent);--bg: #f8fafc;--bg-subtle: #f1f5f9;--card: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0d1117;--text-muted: #475569;--text-subtle: #94a3b8;--hover: #f1f5f9;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 0 0 1px rgba(15, 23, 42, .02);--shadow-pop: 0 8px 24px rgba(15, 23, 42, .1);--wordmark-teal: var(--teal-600);--ok: #16a34a;--ok-bg: #f0fdf4;--warn: #d97706;--warn-bg: #fffbeb;--err: #dc2626;--err-bg: #fef2f2;--info: var(--indigo-600);--info-bg: var(--indigo-50);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0d1117;--bg-subtle: #11182a;--card: #161b27;--border: #334155;--border-strong: #475569;--text: #f1f5f9;--text-muted: #94a3b8;--text-subtle: #64748b;--hover: color-mix(in srgb, #1e293b 70%, #334155);--shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-pop: 0 12px 32px rgba(0, 0, 0, .55);--wordmark-teal: var(--teal-400);--accent-hover: var(--indigo-500);--accent-soft: color-mix(in srgb, var(--indigo-600) 18%, transparent);--ok: #22c55e;--ok-bg: color-mix(in srgb, #22c55e 14%, transparent);--warn: #f59e0b;--warn-bg: color-mix(in srgb, #f59e0b 14%, transparent);--err: #ef4444;--err-bg: color-mix(in srgb, #ef4444 14%, transparent);--info: #818cf8;--info-bg: color-mix(in srgb, #6366f1 18%, transparent);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h2,h3,p{margin:0}h2{font-size:15px;font-weight:600;letter-spacing:-.01em}h3{font-size:14px;font-weight:600}code,.ub-mono{font-family:var(--font-mono);font-size:12px}a{color:var(--accent)}.ub-page{max-width:880px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:16px}.ub-center{min-height:100vh;justify-content:center;align-items:center}.ub-card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card)}.ub-card-pad{padding:24px}.ub-card-section{padding:20px 24px;border-bottom:1px solid var(--border)}.ub-card-section:last-child{border-bottom:0}.ub-section-head{padding-top:14px;padding-bottom:14px;background:var(--bg-subtle);border-radius:12px 12px 0 0}.ub-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:8px;font:inherit;font-size:14px;font-weight:500;letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;transition:all .12s ease;white-space:nowrap}.ub-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.ub-btn-primary{background:var(--accent);color:var(--accent-fg);border-color:color-mix(in oklch,var(--accent) 70%,black);box-shadow:inset 0 1px #ffffff26,0 1px 2px #0f0f0f14}.ub-btn-primary:hover{background:var(--accent-hover)}.ub-btn-secondary{background:var(--card);color:var(--text);border-color:var(--border-strong)}.ub-btn-secondary:hover{background:var(--hover)}.ub-btn-ghost{background:transparent;color:var(--text)}.ub-btn-ghost:hover{background:var(--hover)}.ub-btn-danger{background:var(--err);color:#fff;border-color:color-mix(in oklch,var(--err) 70%,black)}.ub-btn[disabled]{opacity:.6;cursor:not-allowed}.ub-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:-.005em;border:1px solid transparent;white-space:nowrap}.ub-badge-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.ub-badge-ok{background:var(--ok-bg);color:var(--ok)}.ub-badge-warn{background:var(--warn-bg);color:var(--warn)}.ub-badge-err{background:var(--err-bg);color:var(--err)}.ub-badge-info{background:var(--info-bg);color:var(--info)}.ub-badge-neutral{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border)}.ub-badge-mono{font-family:var(--font-mono);font-size:11px}.ub-code-chip{display:inline-flex;align-items:center;gap:8px;padding:2px 8px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border);font-family:var(--font-mono);font-size:12px;color:var(--text-muted);max-width:100%;overflow-wrap:anywhere}.ub-chip-copy{border:0;background:transparent;color:var(--accent);cursor:pointer;font:inherit;font-size:11px;padding:0}.ub-chip-copy:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-radius:4px}.ub-summary{padding:16px 24px;display:flex;flex-direction:column;gap:12px;position:sticky;top:8px;z-index:1}.ub-summary-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ub-wordmark{font-size:15px;letter-spacing:-.01em;color:var(--wordmark-teal)}.ub-spacer{flex:1}.ub-session-line{padding:0 4px}.ub-item{display:flex;flex-direction:column;gap:8px}.ub-item-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ub-item-head h3{flex:1;min-width:160px}.ub-muted{color:var(--text-muted)}.ub-detail{padding:8px 12px;border-radius:8px;background:var(--bg-subtle);overflow-wrap:anywhere;margin:0}.ub-detail-pass{background:var(--ok-bg)}.ub-detail-fail{background:var(--err-bg)}.ub-detail-needs_tester,.ub-detail-blocked{background:var(--warn-bg)}ul.ub-detail{padding-left:28px}.ub-err-line{color:var(--err)}.ub-note{color:var(--warn);font-weight:500}.ub-actions{display:flex;flex-wrap:wrap;gap:8px}.ub-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ub-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.ub-verdict{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px;border:1px dashed var(--border-strong);border-radius:8px}.ub-verdict-q{font-weight:500}.ub-input{width:100%;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;resize:vertical}.ub-input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-color:var(--accent)}.ub-events{margin:0 0 8px;padding-left:18px}.ub-banner{padding:12px 16px;border-radius:12px;background:var(--warn-bg);color:var(--text);border:1px solid var(--border)}.ub-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:8px 14px;border-radius:8px;box-shadow:var(--shadow-pop);font-size:13px}.ub-toast[hidden]{display:none}
