:root{--color-bg:#0f1115;--color-surface:#171a21;--color-surface-raised:#1f232c;--color-border:#2b303c;--color-text:#e8eaed;--color-text-muted:#9aa1ad;--color-primary:#4f8cff;--color-primary-hover:#6ea0ff;--color-success:#3ecf8e;--color-warning:#f0b429;--color-danger:#f0556b;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", Menlo, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0}button{font-family:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-nav{gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.top-nav .brand{margin-right:auto;font-weight:600}.top-nav a{color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-decoration:none}.top-nav a.active{color:var(--color-text);background:var(--color-surface-raised)}.page{padding:var(--space-8) var(--space-6);flex:1;width:100%;max-width:720px;margin:0 auto}.page-wide{max-width:1080px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card+.card{margin-top:var(--space-4)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{gap:var(--space-3);align-items:center;display:flex}h1{margin:0 0 var(--space-2);font-size:1.5rem}h2{margin:0 0 var(--space-3);font-size:1.1rem}p.muted{color:var(--color-text-muted);font-size:.9rem}.btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;border:none;font-size:.95rem}.btn:hover{background:var(--color-primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{background:var(--color-surface-raised)}select,input[type=text],input[type=password],input[type=search]{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:.95rem}label{color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:.85rem;display:block}.field{margin-bottom:var(--space-4)}.badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{background:color-mix(in srgb, var(--color-success) 20%, transparent);color:var(--color-success)}.badge-warning{background:color-mix(in srgb, var(--color-warning) 20%, transparent);color:var(--color-warning)}.badge-danger{background:color-mix(in srgb, var(--color-danger) 20%, transparent);color:var(--color-danger)}.step-list{gap:var(--space-2);flex-direction:column;display:flex}.step-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.step-item summary{cursor:pointer;align-items:center;gap:var(--space-3);display:flex}.step-item pre{background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font-mono);max-height:320px;font-size:.8rem;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:.9rem}tr:hover td{background:var(--color-surface-raised)}video,canvas{border-radius:var(--radius-md);background:#000}.circular-guide{width:280px;height:280px;position:relative}.circular-guide video{object-fit:cover;border-radius:50%;width:280px;height:280px;transform:scaleX(-1)}.circular-guide svg{pointer-events:none;position:absolute;inset:0}.circular-guide-countdown{color:#fff;text-shadow:0 2px 10px #000000b3;justify-content:center;align-items:center;font-size:4rem;font-weight:700;display:flex;position:absolute;inset:0}.circular-guide-message{text-align:center;min-height:1.4em;font-size:1rem}.doc-type-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.doc-type-card{align-items:center;gap:var(--space-2);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text);cursor:pointer;text-align:center;flex-direction:column;font-size:.9rem;display:flex}.doc-type-card:hover{border-color:var(--color-primary-hover)}.doc-type-card.selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 15%, var(--color-surface-raised))}.doc-type-icon{font-size:1.8rem}a.btn{text-decoration:none;display:inline-block}.circular-guide-snapshot{filter:brightness(.8);image-rendering:auto;border-radius:50%;width:280px;height:280px;position:absolute;inset:0;transform:scaleX(-1)}.circular-guide-spinner{border:5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;animation:.9s linear infinite circular-guide-spin;position:absolute;top:50%;left:50%}@keyframes circular-guide-spin{to{transform:rotate(360deg)}}.page-admin{padding:var(--space-6);flex:1;width:100%;max-width:1440px;margin:0 auto}.stat-strip{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:stretch;display:flex}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-direction:column;min-width:96px;display:flex}.stat b{font-size:1.6rem;line-height:1.1}.stat span{color:var(--color-text-muted);font-size:.8rem}.stat-wide{gap:var(--space-2);flex:1;min-width:260px}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;padding:3px 12px;font-size:.8rem}.chip:hover,.chip-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-raised))}.chip-danger{border-color:var(--color-danger);color:var(--color-danger)}.switch{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-text);margin:0;display:flex}.stat-strip .switch{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-4)}.toolbar{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.table-card{padding:0;overflow-x:auto}.report-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.report-table td{vertical-align:top}.report-table tr.clickable{cursor:pointer}.reason-cell{max-width:420px}.small{font-size:.78rem}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail-nav{gap:var(--space-3);margin-bottom:var(--space-3);align-items:center;display:flex}a.btn.disabled{opacity:.4;pointer-events:none}.verdict{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4);margin-bottom:var(--space-4);border-left-width:5px}.verdict-passed{border-left-color:var(--color-success)}.verdict-failed,.verdict-error{border-left-color:var(--color-danger)}.verdict-reason{margin:var(--space-3) 0;color:var(--color-danger)}.pipeline{margin-top:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.pipe{border-radius:var(--radius-sm);color:var(--color-text);border:1px solid var(--color-border);padding:2px 9px;font-size:.72rem;text-decoration:none}.pipe-success{border-color:color-mix(in srgb, var(--color-success) 60%, transparent)}.pipe-warning{background:color-mix(in srgb, var(--color-warning) 22%, transparent);border-color:var(--color-warning)}.pipe-failed{background:color-mix(in srgb, var(--color-danger) 28%, transparent);border-color:var(--color-danger)}.detail-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=1000px){.detail-grid{grid-template-columns:1fr}}.detail-grid .card+.card{margin-top:0}.step-summary{color:var(--color-text-muted);flex-basis:100%;font-size:.85rem}.step-item summary{flex-wrap:wrap}.fields td{padding:2px var(--space-3) 2px 0;border-bottom:none;font-size:.85rem}.raw{background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font-mono);max-height:360px;font-size:.78rem;overflow:auto}.player{margin-top:var(--space-3)}.player-screen{border-radius:var(--radius-md);background:#000;position:relative;overflow:hidden}.player-screen canvas,.player-screen video{border-radius:0;width:100%;height:auto;min-height:200px;display:block}.player-hud{font-family:var(--font-mono);background:linear-gradient(#0000,#000000bf);padding:6px 10px;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}.hud-bad{color:var(--color-danger)}.player-loading{border-radius:var(--radius-sm);background:#0009;padding:3px 8px;font-size:.75rem;position:absolute;top:8px;right:8px}.player-chart{width:100%;height:90px;margin-top:var(--space-2);background:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer}.player-controls{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.player-legend{margin:var(--space-2) 0;font-size:.75rem}.player-events{gap:var(--space-2);flex-wrap:wrap;display:flex}.settings-box{gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);flex-direction:column;justify-content:center;display:flex}.stat-strip .settings-box .switch{background:0 0;border:none;padding:0}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:min(380px,100vw - 32px)}.admin-bar{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.admin-bar a{color:var(--color-text-muted);text-decoration:none}.admin-bar-form{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.page-admin>.page-admin{padding:0}input[type=text],input[type=password],input[type=search]{font-family:inherit;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent);outline:none}input::placeholder{color:var(--color-text-muted);opacity:.7}.modal{padding:var(--space-6) var(--space-6) var(--space-4);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0000008c}.modal h1{margin-bottom:var(--space-4);font-size:1.3rem}.modal input{width:100%}.modal .row{margin-top:var(--space-2)}.modal .row .btn:first-child{flex:1}.admin-bar-form{align-items:center;max-width:640px}.admin-bar-form input{flex:1;min-width:180px}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:color-mix(in srgb, var(--color-danger) 85%, white)}.btn-danger-outline{color:var(--color-danger);border-color:var(--color-danger)}