:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#050816;color:#eef3ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(88,128,255,.25),transparent 26%),radial-gradient(circle at top right,rgba(0,208,255,.14),transparent 22%),linear-gradient(180deg,#07101f,#050816)}button,input{font:inherit}button{border:0;border-radius:14px;padding:.82rem 1rem;background:linear-gradient(135deg,#5b8cff,#4271ff);color:#fff;cursor:pointer;font-weight:600}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:linear-gradient(135deg,#d85a74,#b73952)}input[type=checkbox]{width:auto}.page-shell{max-width:1480px;margin:0 auto;padding:24px}.hero-panel,.main-grid,.lower-grid,.metric-grid{display:grid;gap:18px}.hero-panel{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:stretch;margin-bottom:18px}.hero-copy,.hero-status,.card-panel,.metric-card{border:1px solid rgba(255,255,255,.08);background:#080e1ec7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px}.hero-copy{padding:28px}.hero-kicker{margin:0 0 10px;color:#84a8ff;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.hero-copy h1,.panel-head h2{margin:0}.hero-copy h1{font-size:clamp(2rem,4vw,3.5rem);line-height:.98}.hero-sub{margin:14px 0 0;max-width:720px;color:#a7b4d2;font-size:1.02rem}.hero-status{padding:24px;display:grid;gap:12px;box-shadow:inset 0 1px #ffffff0d}.hero-status[data-tone=success]{background:linear-gradient(180deg,#0b221be6,#080e1ee0)}.hero-status[data-tone=danger]{background:linear-gradient(180deg,#2b0e19e6,#080e1ee0)}.status-topline,.control-strip,.panel-head,.inline-actions,.status-meta,.candidate-top,.candidate-metrics{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-chip,.socket-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700}.status-chip{background:#6287ff2e;color:#dbe6ff}.socket-chip{background:#ffffff14;color:#c8d4ef;text-transform:uppercase}.socket-chip[data-state=connected]{background:#21c97e29;color:#93f1c0}.socket-chip[data-state=disconnected],.socket-chip[data-state=error]{background:#d85a7429;color:#ffb6c4}.status-headline{font-size:1.45rem}.status-detail,.replace-toggle,.metric-card small,.candidate-top p,.list-row small{color:#a5b1cb}.status-detail,.candidate-top p{margin:0}.status-meta{justify-content:flex-start;flex-wrap:wrap;color:#c9d3ea;font-size:.92rem}.progress-bar{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#ffffff14}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b76ff,#00d3ff)}.control-strip,.card-panel{padding:18px}.control-strip{margin-bottom:18px;flex-wrap:wrap}.control-actions{display:flex;flex-wrap:wrap;gap:10px}.replace-toggle{display:inline-flex;align-items:center;gap:10px}.error-banner,.loading-banner{margin:0 0 18px;padding:16px 18px;border-radius:18px}.error-banner{background:#d85a7424;color:#ffc5d1}.loading-banner{background:#5b8cff1f;color:#c8d8ff}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric-card{padding:18px;display:grid;gap:8px}.metric-label{color:#8ca1c9;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{font-size:1.36rem}.main-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-bottom:18px}.managed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.managed-grid div{display:grid;gap:6px;padding:14px;border-radius:16px;background:#ffffff08}.managed-grid .full{grid-column:1 / -1}.managed-grid span,.timeline-side,.timeline-detail,.list-row span,.mono-row,.empty-copy{color:#9eabc7}.timeline-list,.list-box{display:grid;gap:10px;max-height:560px;overflow:auto;margin-top:14px}.timeline-item,.list-row,.candidate-card{border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.timeline-item{padding:14px;display:grid;gap:8px}.timeline-item[data-tone=success]{border-color:#21c97e4d}.timeline-item[data-tone=danger]{border-color:#d85a744d}.timeline-main{display:grid;gap:4px}.timeline-side{display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem}.timeline-detail{font-size:.94rem;word-break:break-word}.candidate-panel{margin-bottom:18px}.candidate-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.candidate-card{padding:16px;display:grid;gap:14px}.candidate-score{min-width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:1.15rem;font-weight:700;background:#5880ff29}.candidate-metrics{justify-content:flex-start;flex-wrap:wrap}.candidate-metrics span{padding:7px 10px;border-radius:999px;background:#ffffff0a;color:#d0daf0;font-size:.88rem}.lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-row{padding:14px;display:grid;gap:4px}.mono-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}@media (max-width: 1180px){.hero-panel,.main-grid,.lower-grid,.metric-grid,.candidate-list{grid-template-columns:1fr}}@media (max-width: 760px){.page-shell{padding:14px}.status-topline,.panel-head,.inline-actions,.control-strip,.candidate-top,.candidate-metrics{align-items:flex-start;flex-direction:column}.managed-grid{grid-template-columns:1fr}}