:root {
  --ink: #eef8ff; --muted: #88a2b4; --dim: #536f81; --night: #061018;
  --line: rgba(126, 174, 197, 0.18); --cyan: #79e7df; --cyan-2: #55bfc7;
  --gold: #ffd36d; --violet: #b99cff; --rose: #ff8f9c; --amber: #ffb765; --green: #86e3a7;
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.34); --radius: 24px;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: radial-gradient(circle at 74% 8%, rgba(89,95,168,.14), transparent 31rem), radial-gradient(circle at 8% 22%, rgba(59,171,170,.12), transparent 28rem), linear-gradient(180deg,#07131c 0%,#061018 60%,#040b11 100%); font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; line-height: 1.55; }
button, input, select { font: inherit; } button { color: inherit; }
.wrap { width: min(1320px, calc(100% - 48px)); margin-inline: auto; }
.starfield { position: fixed; inset: 0; pointer-events: none; opacity: .56; z-index: -1; background-image: radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.5px); background-size: 83px 83px; mask-image: linear-gradient(to bottom,#000,transparent 88%); }
.starfield::after { content:""; position:absolute; inset:22px 0 0 19px; background-image:radial-gradient(circle,rgba(121,231,223,.55) 0 1px,transparent 1.5px); background-size:137px 137px; }
.topbar { height:76px; padding:0 max(24px,calc((100vw - 1320px)/2)); display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); background:rgba(5,15,23,.72); backdrop-filter:blur(20px); position:sticky; top:0; z-index:20; }
.brand { display:inline-flex; align-items:center; gap:12px; color:inherit; text-decoration:none; }.brand>span:last-child { display:flex; flex-direction:column; line-height:1.12; }.brand strong { letter-spacing:.18em; font-size:18px; }.brand small { margin-top:4px; color:var(--muted); font-size:9px; letter-spacing:.22em; }
.brand-mark { width:35px; aspect-ratio:1; border:1px solid rgba(121,231,223,.62); border-radius:50%; position:relative; display:grid; place-items:center; box-shadow:inset 0 0 16px rgba(121,231,223,.15); }.brand-mark::after { content:""; width:8px; height:8px; background:var(--cyan); border-radius:50%; box-shadow:0 0 13px var(--cyan); }.brand-mark i { position:absolute; width:45px; height:12px; border:1px solid rgba(121,231,223,.48); border-radius:50%; transform:rotate(-17deg); }
.topbar-center { font-size:12px; color:var(--muted); letter-spacing:.08em; }.live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); margin-right:8px; }
.mode-switch { border:1px solid var(--line); background:rgba(255,255,255,.03); border-radius:100px; padding:7px 9px; display:flex; align-items:center; gap:8px; cursor:pointer; }.mode-switch span { color:var(--muted); font-size:11px; }.mode-switch i { width:34px; height:18px; border-radius:100px; background:rgba(121,231,223,.14); position:relative; }.mode-switch i::after { content:""; position:absolute; width:12px; height:12px; left:3px; top:3px; border-radius:50%; background:var(--cyan); transition:transform .25s ease; }.mode-switch[aria-pressed="true"] i::after { transform:translateX(16px); }
.hero { min-height:530px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:64px; padding-block:86px 72px; }.eyebrow { color:var(--cyan); font-size:11px; font-weight:750; letter-spacing:.2em; text-transform:uppercase; margin:0 0 13px; }.hero h1 { margin:0; max-width:760px; font-family:"Songti SC",STSong,Georgia,serif; font-size:clamp(48px,6.2vw,88px); font-weight:500; letter-spacing:-.055em; line-height:.98; }.hero h1 em,.performance h2 em { color:var(--gold); font-style:normal; }.hero-lead { max-width:660px; color:#abc0cc; font-size:17px; line-height:1.9; margin:30px 0 0; }
.orbit-visual { position:relative; aspect-ratio:1; max-width:440px; margin-inline:auto; display:grid; place-items:center; }.sun { width:86px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 38% 36%,#fff6b8,#f5b74f 32%,#e56d37 70%,rgba(229,109,55,.2) 72%); box-shadow:0 0 55px rgba(255,190,86,.34),0 0 130px rgba(255,160,75,.12); }.orbit { position:absolute; border:1px solid rgba(143,187,204,.28); border-radius:50%; transform:rotate(-18deg); }.orbit-a { width:62%; height:32%; animation:breathe 8s ease-in-out infinite; }.orbit-b { width:96%; height:51%; animation:breathe 11s ease-in-out infinite reverse; }.orbit span { position:absolute; width:12px; height:12px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); top:50%; left:-6px; }.orbit-b span { left:auto; right:8%; top:12%; width:9px; height:9px; background:var(--violet); box-shadow:0 0 14px var(--violet); }.transit-line { position:absolute; width:78%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent); transform:rotate(6deg); }.visual-label { position:absolute; right:2%; bottom:8%; padding:13px 16px; border-left:1px solid var(--cyan); background:rgba(6,16,24,.58); }.visual-label b,.visual-label span { display:block; }.visual-label b { font-family:Georgia,serif; font-size:20px; }.visual-label span { color:var(--muted); font-size:11px; margin-top:3px; } @keyframes breathe { 50% { transform:rotate(-14deg) scale(1.03); opacity:.72; } }
.search-deck { border:1px solid rgba(121,231,223,.26); background:linear-gradient(135deg,rgba(13,37,49,.92),rgba(7,22,32,.92)); border-radius:var(--radius); padding:30px; display:grid; grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr); gap:24px 50px; box-shadow:var(--shadow); }.search-copy { display:flex; align-items:flex-start; gap:18px; }.section-number { color:var(--gold); font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }.search-copy h2,.candidate-heading h3,.card-title h3 { margin:0; }.search-copy h2 { font-family:Georgia,"Songti SC",serif; font-size:28px; font-weight:500; }.search-copy p:last-child { color:var(--muted); font-size:13px; margin:7px 0 0; }
.search-form { display:flex; align-items:center; border:1px solid rgba(137,187,205,.28); background:rgba(3,12,18,.48); border-radius:14px; overflow:hidden; min-height:62px; }.search-form label { color:var(--cyan); padding-left:20px; font-size:13px; font-weight:800; letter-spacing:.12em; }.search-form input { flex:1; width:100%; min-width:0; padding:18px 16px; border:0; outline:0; color:var(--ink); background:transparent; font-size:19px; letter-spacing:.05em; }.search-form button { align-self:stretch; border:0; background:var(--cyan); color:#07171d; font-weight:800; padding:0 23px; display:flex; gap:18px; align-items:center; cursor:pointer; transition:background .2s,transform .2s; }.search-form button:hover { background:#a0fff7; }.search-form button:active { transform:scale(.98); }.search-form button b { font-size:21px; }
.engine-guidance { grid-column:1/-1; display:flex; align-items:flex-start; gap:11px; padding:13px 15px; border:1px solid rgba(121,231,223,.2); border-radius:13px; background:rgba(121,231,223,.045); transition:border-color .2s,background .2s; }.engine-guidance>i { flex:0 0 auto; width:8px; height:8px; margin-top:5px; border-radius:50%; background:var(--green); box-shadow:0 0 9px rgba(134,227,167,.7); }.engine-guidance b,.engine-guidance span { display:block; }.engine-guidance b { color:#d8f4e2; font-size:11px; }.engine-guidance span { margin-top:2px; color:var(--muted); font-size:10px; line-height:1.7; }.engine-guidance[data-engine="promax"] { border-color:rgba(255,183,101,.32); background:rgba(255,183,101,.065); }.engine-guidance[data-engine="promax"]>i { background:var(--amber); box-shadow:0 0 9px rgba(255,183,101,.75); }.engine-guidance[data-engine="promax"] b { color:var(--amber); }
.demo-targets { grid-column:1/-1; display:flex; gap:9px; flex-wrap:wrap; }.target-chip { border:1px solid var(--line); background:rgba(255,255,255,.025); color:var(--muted); border-radius:999px; padding:7px 12px; font-size:11px; cursor:pointer; }.target-chip small { margin-left:6px; color:var(--green); font-size:9px; }.target-chip.recommended { border-color:rgba(134,227,167,.32); background:rgba(134,227,167,.055); }.target-chip:hover,.target-chip.active { border-color:rgba(121,231,223,.55); color:var(--ink); background:rgba(121,231,223,.08); }.form-hint { grid-column:1/-1; color:var(--muted); font-size:11px; margin:-13px 0 0; }
.workbench { display:grid; grid-template-columns:310px minmax(0,1fr); gap:22px; padding-block:58px 76px; align-items:start; }.pipeline-panel { position:sticky; top:98px; border:1px solid var(--line); border-radius:var(--radius); padding:25px; background:rgba(7,21,31,.82); backdrop-filter:blur(18px); }.panel-kicker { color:var(--dim); font-size:10px; letter-spacing:.22em; }.pipeline-panel h2 { font:500 24px Georgia,"Songti SC",serif; margin:5px 0 24px; }.pipeline { list-style:none; margin:0; padding:0; }.pipeline li { display:grid; grid-template-columns:27px 1fr 10px; gap:10px; padding:0 0 25px; position:relative; color:var(--dim); transition:color .25s; }.pipeline li::after { content:""; position:absolute; left:12px; top:24px; bottom:5px; width:1px; background:var(--line); }.pipeline li:last-child::after { display:none; }.pipeline li>span { font:600 9px/26px ui-monospace,monospace; text-align:center; width:26px; height:26px; border:1px solid var(--line); border-radius:50%; z-index:1; background:#081722; }.pipeline b,.pipeline small { display:block; }.pipeline b { color:#7891a1; font-size:13px; }.pipeline small { font-size:10px; margin-top:3px; }.pipeline li>i { width:7px; height:7px; border-radius:50%; margin-top:9px; background:#27404e; }.pipeline li.running { color:#9cc1ce; }.pipeline li.running b { color:var(--ink); }.pipeline li.running>span { border-color:var(--cyan); color:var(--cyan); box-shadow:0 0 12px rgba(121,231,223,.25); }.pipeline li.running>i { background:var(--gold); box-shadow:0 0 9px var(--gold); animation:pulse 1s infinite; }.pipeline li.done { color:var(--muted); }.pipeline li.done b { color:var(--ink); }.pipeline li.done>span { border-color:rgba(134,227,167,.5); color:var(--green); }.pipeline li.done>i { background:var(--green); box-shadow:0 0 8px rgba(134,227,167,.45); } @keyframes pulse { 50% { opacity:.35; transform:scale(.7); } }
.pipeline-note { border-top:1px solid var(--line); padding-top:18px; display:flex; gap:10px; }.pipeline-note p { margin:0; color:var(--muted); font-size:10px; }.pipeline-note b { color:#b8ced7; }.status-dot { flex:0 0 auto; margin-top:5px; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 9px var(--cyan); }
.results-panel { min-width:0; min-height:690px; }.empty-state { min-height:690px; display:grid; place-items:center; align-content:center; text-align:center; border:1px dashed rgba(124,170,190,.2); border-radius:var(--radius); background:rgba(8,23,33,.45); }.empty-state h2 { font:500 27px Georgia,serif; margin:22px 0 4px; }.empty-state p { color:var(--muted); margin:0; font-size:13px; }
.radar { width:110px; aspect-ratio:1; border:1px solid rgba(121,231,223,.23); border-radius:50%; position:relative; overflow:hidden; background:repeating-radial-gradient(circle,transparent 0 17px,rgba(121,231,223,.08) 18px 19px); }.radar::after { content:""; position:absolute; inset:50% 0 auto; height:1px; background:rgba(121,231,223,.16); }.radar::before { content:""; position:absolute; inset:0 auto 0 50%; width:1px; background:rgba(121,231,223,.16); }.radar i { position:absolute; width:50%; height:50%; left:50%; top:0; transform-origin:0 100%; background:linear-gradient(45deg,rgba(121,231,223,.24),transparent 60%); animation:sweep 3s linear infinite; }.radar span { position:absolute; left:66%; top:29%; width:5px; height:5px; border-radius:50%; background:var(--gold); box-shadow:0 0 8px var(--gold); } @keyframes sweep { to { transform:rotate(360deg); } }
.results-content { animation:reveal .5s ease both; } @keyframes reveal { from { opacity:0; transform:translateY(12px); } }
.target-header { display:flex; justify-content:space-between; gap:28px; align-items:end; border-bottom:1px solid var(--line); padding:6px 2px 25px; }.target-header h2 { font:500 clamp(31px,4vw,47px) Georgia,"Songti SC",serif; margin:0; }.target-header>div:first-child>p:last-child { color:var(--muted); max-width:700px; margin:8px 0 0; }.target-meta { display:flex; gap:22px; text-align:right; }.target-meta span { display:block; color:var(--muted); font-size:10px; }.target-meta b { display:block; font:500 19px Georgia,serif; margin-top:2px; white-space:nowrap; }
.answer-board { margin-top:18px; border:1px solid rgba(134,227,167,.25); border-radius:var(--radius); overflow:hidden; background:linear-gradient(135deg,rgba(19,54,48,.32),rgba(7,21,31,.72)); box-shadow:var(--shadow); }.answer-head { padding:22px 24px 18px; display:grid; grid-template-columns:1fr .9fr; gap:30px; align-items:end; border-bottom:1px solid rgba(134,227,167,.16); }.answer-head h3 { font:500 22px Georgia,"Songti SC",serif; margin:8px 0 0; }.answer-head>p { color:#9ab4aa; font-size:10px; line-height:1.8; margin:0; }.answer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(134,227,167,.13); }.answer-card { min-width:0; min-height:112px; display:grid; grid-template-columns:30px minmax(0,1fr); gap:12px; padding:17px 19px; background:#0a1a22; position:relative; }.answer-card>div:nth-child(2) span,.answer-card>div:nth-child(2) p,.answer-card>div:nth-child(2) small { display:block; }.answer-card>div:nth-child(2) span { color:var(--muted); font-size:8px; letter-spacing:.08em; }.answer-card h4 { font:500 17px Georgia,serif; margin:3px 0 5px; }.answer-card p,.answer-card small { margin:0; color:#9fb5bf; font-size:9px; }.answer-card small { color:var(--dim); margin-top:2px; }.answer-card>b { grid-column:1/-1; justify-self:start; font-size:9px; padding:4px 8px; border-radius:99px; }.answer-card.hit>b { color:var(--green); background:rgba(134,227,167,.1); border:1px solid rgba(134,227,167,.3); }.answer-card.later>b { color:var(--gold); background:rgba(255,211,109,.08); border:1px solid rgba(255,211,109,.25); }.answer-card.miss>b { color:var(--rose); background:rgba(255,143,156,.08); border:1px solid rgba(255,143,156,.25); }.answer-orb { width:27px; height:27px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--signal),transparent 45%); border-radius:50%; }.answer-orb i { width:8px; height:8px; border-radius:50%; background:var(--signal); box-shadow:0 0 11px var(--signal); }.timeline-head { padding:20px 24px 6px; display:flex; justify-content:space-between; gap:22px; align-items:end; }.timeline-head h4 { font:500 18px Georgia,"Songti SC",serif; margin:0 0 5px; }.timeline-head p { color:var(--muted); font-size:9px; line-height:1.7; max-width:730px; margin:0; }.timeline-key { display:flex; gap:12px; flex:0 0 auto; color:var(--muted); font-size:8px; }.timeline-key span { white-space:nowrap; }.timeline-key i { display:inline-block; width:9px; height:9px; margin-right:5px; border:1px solid rgba(121,231,223,.45); background:rgba(121,231,223,.08); vertical-align:-1px; }.timeline-key span:last-child i { border-color:rgba(185,156,255,.5); background:rgba(185,156,255,.13); }.timeline-scroll { overflow-x:auto; padding:0 15px 18px; scrollbar-color:rgba(121,231,223,.3) transparent; }.timeline-chart { display:block; width:100%; height:auto; min-height:155px; }
.candidate-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin:30px 0 14px; }.candidate-heading>div { display:flex; gap:12px; align-items:baseline; }.candidate-heading h3 { font:500 21px Georgia,"Songti SC",serif; }.candidate-heading p { color:var(--muted); font-size:10px; margin:0; }.candidate-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }.candidate-card { text-align:left; min-width:0; border:1px solid var(--line); border-radius:15px; padding:14px; background:rgba(13,34,46,.62); cursor:pointer; transition:transform .2s,border-color .2s,background .2s; }.candidate-card:hover { transform:translateY(-2px); border-color:rgba(121,231,223,.42); }.candidate-card.active { border-color:var(--cyan); background:rgba(25,62,72,.72); box-shadow:inset 0 0 28px rgba(121,231,223,.05); }.candidate-card small,.candidate-card strong,.candidate-card span { display:block; overflow:hidden; text-overflow:ellipsis; }.candidate-card small { color:var(--muted); font-size:9px; letter-spacing:.08em; }.candidate-card strong { font:500 21px Georgia,serif; margin:5px 0 7px; white-space:nowrap; }.candidate-card strong i { font:normal 10px ui-sans-serif,sans-serif; color:var(--muted); }.candidate-card span { font-size:10px; color:var(--gold); white-space:nowrap; }
.candidate-card.known-hit { border-color:rgba(134,227,167,.3); }.candidate-answer { display:block; min-height:29px; overflow:hidden; font-style:normal; font-size:9px; line-height:1.35; }.candidate-answer.hit { color:var(--green); }.candidate-answer.unknown { color:var(--dim); }
.candidate-detail { margin-top:14px; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:rgba(7,20,29,.72); box-shadow:var(--shadow); }.detail-header { display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:18px; padding:26px 28px; border-bottom:1px solid var(--line); background:linear-gradient(110deg,rgba(20,55,65,.56),rgba(12,28,40,.25)); }.rank-badge { width:58px; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(255,211,109,.62); color:var(--gold); font:500 19px Georgia,serif; box-shadow:inset 0 0 20px rgba(255,211,109,.08); }.detail-header h2 { font:500 38px Georgia,serif; margin:0; }.detail-header h2 small { font:500 13px ui-sans-serif,sans-serif; color:var(--muted); }.detail-header>div:nth-child(2)>p:last-child { margin:4px 0 0; color:#b9ccd5; font-size:12px; }.score-block { text-align:right; padding-left:25px; border-left:1px solid var(--line); }.score-block span,.score-block small { display:block; color:var(--muted); font-size:9px; }.score-block strong { display:block; font:500 31px Georgia,serif; color:var(--cyan); line-height:1.1; }
.catalog-match { padding:15px 28px; display:grid; grid-template-columns:28px 1fr; gap:11px; align-items:start; border-bottom:1px solid var(--line); }.catalog-match>i { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; font-style:normal; font-weight:800; }.catalog-match b,.catalog-match span { display:block; }.catalog-match b { font-size:12px; }.catalog-match span { color:var(--muted); font-size:10px; margin-top:2px; }.catalog-match.hit { background:rgba(134,227,167,.07); }.catalog-match.hit>i { color:#07170e; background:var(--green); box-shadow:0 0 13px rgba(134,227,167,.35); }.catalog-match.hit b { color:var(--green); }.catalog-match.unmatched { background:rgba(136,162,180,.035); }.catalog-match.unmatched>i { color:var(--muted); border:1px solid var(--line); }.catalog-match.unmatched b { color:#b8cbd4; }
.evidence-grid { display:grid; grid-template-columns:1.35fr .65fr; }.chart-card,.plain-card { padding:25px 28px 23px; min-width:0; }.chart-card { border-right:1px solid var(--line); }.card-title { display:flex; justify-content:space-between; gap:16px; align-items:start; }.card-title h3 { font:500 18px Georgia,"Songti SC",serif; margin-top:7px; }.tag { display:inline-flex; font-size:9px; font-weight:800; letter-spacing:.1em; border-radius:5px; padding:3px 7px; border:1px solid currentColor; }.tag.cyan{color:var(--cyan)}.tag.gold{color:var(--gold)}.tag.violet{color:var(--violet)}.tag.amber{color:var(--amber)}.tag.green{color:var(--green)}.chart-legend { color:var(--muted); font-size:9px; }.chart-legend i { display:inline-block; width:16px; height:2px; background:var(--gold); margin-right:6px; vertical-align:middle; }.fold-chart { display:block; width:100%; height:280px; margin-top:7px; overflow:hidden; }.fold-chart .uplot { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }.fold-chart .u-legend { color:var(--muted); }.plot-empty { height:100%; margin:0; display:grid; place-items:center; color:var(--muted); font-size:12px; }.chart-axis { display:flex; justify-content:space-between; color:var(--dim); font-size:9px; margin-top:-4px; }.chart-axis b { color:var(--gold); font-weight:500; }.chart-caption { color:var(--muted); font-size:10px; margin:12px 0 0; }
.reason-list { margin-top:18px; display:grid; gap:9px; }.reason { padding:11px 12px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); display:grid; grid-template-columns:22px 1fr; gap:9px; }.reason i { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:rgba(134,227,167,.12); color:var(--green); font-style:normal; font-size:10px; }.reason b,.reason span { display:block; }.reason b { font-size:11px; }.reason span { color:var(--muted); font-size:9px; margin-top:2px; }.branch-strip { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }.branch-strip>span { color:var(--muted); font-size:9px; display:block; margin-bottom:8px; }.branches { display:flex; flex-wrap:wrap; gap:6px; }.branches i { font-style:normal; color:#aac2cc; background:rgba(121,231,223,.07); border:1px solid rgba(121,231,223,.16); border-radius:7px; padding:4px 7px; font-size:9px; }
.vault-card { display:grid; grid-template-columns:.8fr 1.2fr; gap:20px; padding:27px 28px; border-top:1px solid rgba(185,156,255,.25); border-bottom:1px solid rgba(185,156,255,.25); background:linear-gradient(110deg,rgba(82,54,118,.19),rgba(11,26,37,.2)); }.vault-copy h3 { font:500 22px/1.35 Georgia,"Songti SC",serif; margin:12px 0 8px; }.vault-copy p { color:var(--muted); font-size:10px; max-width:470px; }.vault-copy button { margin-top:11px; border:1px solid rgba(185,156,255,.55); background:rgba(185,156,255,.11); border-radius:10px; padding:10px 14px; display:inline-flex; gap:16px; cursor:pointer; font-size:11px; }.vault-copy button:hover { background:rgba(185,156,255,.19); }.vault-verdict { margin-top:14px; color:#cfc4ed; font-size:11px; }.vault-verdict b { color:var(--violet); }.vault-chart-wrap { min-height:270px; position:relative; border:1px solid rgba(185,156,255,.14); border-radius:14px; overflow:hidden; background:rgba(4,12,19,.32); }.vault-chart-wrap .fold-chart { height:250px; opacity:.05; filter:blur(8px); transition:opacity .45s,filter .45s; }.vault-chart-wrap.revealed .fold-chart { opacity:1; filter:none; }.vault-lock { position:absolute; inset:0; display:grid; place-items:center; align-content:center; z-index:2; background:rgba(7,15,26,.38); backdrop-filter:blur(8px); transition:opacity .35s; }.vault-lock i { font-style:normal; font-size:29px; color:var(--violet); text-shadow:0 0 18px var(--violet); }.vault-lock b,.vault-lock small { display:block; }.vault-lock b { font:500 19px Georgia,serif; margin-top:9px; }.vault-lock small { color:var(--muted); font-size:9px; }.vault-chart-wrap.revealed .vault-lock { opacity:0; pointer-events:none; }
.checks-section { padding:0 28px 28px; }.checks-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }.check-card { border:1px solid var(--line); border-radius:13px; padding:14px; background:rgba(255,255,255,.018); min-height:119px; }.check-card header { display:flex; justify-content:space-between; align-items:center; gap:7px; }.check-card header b { font-size:11px; }.check-card header i { width:8px; height:8px; border-radius:50%; background:var(--muted); }.check-card.good header i { background:var(--green); box-shadow:0 0 8px rgba(134,227,167,.5); }.check-card.warn header i { background:var(--amber); box-shadow:0 0 8px rgba(255,183,101,.5); }.check-card.bad header i { background:var(--rose); box-shadow:0 0 8px rgba(255,143,156,.5); }.check-card strong { display:block; font:500 19px Georgia,serif; margin:13px 0 3px; }.check-card p { margin:0; color:var(--muted); font-size:9px; }.pixel-warning { margin-top:12px; border:1px solid rgba(255,183,101,.24); background:rgba(255,183,101,.045); border-radius:14px; padding:16px; display:grid; grid-template-columns:104px 1fr; gap:18px; align-items:center; }.pixel-warning h3 { font:500 18px Georgia,"Songti SC",serif; margin:7px 0 3px; }.pixel-warning p { color:var(--muted); font-size:10px; margin:0; }.pixel-map { width:104px; aspect-ratio:1.3; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:20% 25%; border:1px solid var(--line); position:relative; }.pixel-map span,.pixel-map i { position:absolute; border-radius:50%; }.pixel-map span { width:18px; height:18px; left:41%; top:39%; border:2px solid var(--cyan); }.pixel-map i { width:8px; height:8px; left:66%; top:22%; background:var(--amber); opacity:.7; }.pixel-map b { position:absolute; left:49%; top:50%; width:1px; height:1px; box-shadow:0 0 23px 11px rgba(121,231,223,.18); }
.expert-drawer { border-top:1px solid var(--line); }.expert-drawer summary { padding:17px 28px; display:flex; justify-content:space-between; cursor:pointer; color:#aac0ca; font-size:11px; list-style:none; }.expert-drawer summary::-webkit-details-marker { display:none; }.expert-drawer summary b { color:var(--cyan); font-size:19px; font-weight:400; }.expert-drawer[open] summary b { transform:rotate(45deg); }.expert-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border-top:1px solid var(--line); }.expert-item { background:#081721; padding:13px 16px; }.expert-item span { display:block; color:var(--dim); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }.expert-item b { display:block; color:#b8cbd4; font:500 12px ui-monospace,SFMono-Regular,monospace; margin-top:4px; overflow-wrap:anywhere; }
.performance { padding-block:78px 90px; }.performance-head { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:60px; padding-bottom:28px; border-bottom:1px solid var(--line); }.performance h2 { font:500 clamp(32px,4vw,50px)/1.12 Georgia,"Songti SC",serif; margin:0; }.performance-head>p { color:var(--muted); font-size:13px; line-height:1.8; max-width:530px; justify-self:end; }.metric-story { display:grid; grid-template-columns:.9fr 1.1fr; gap:42px; padding-block:38px; }.metric-main { display:flex; align-items:baseline; gap:16px; }.metric-main strong { font:500 clamp(80px,10vw,138px)/.9 Georgia,serif; color:var(--cyan); letter-spacing:-.06em; }.metric-main span { font:500 25px Georgia,serif; }.metric-main p { color:var(--muted); font-size:11px; max-width:270px; margin:14px 0 0; }.metric-bars { display:grid; gap:14px; align-content:center; }.metric-row { display:grid; grid-template-columns:62px 1fr 100px; gap:15px; align-items:center; }.metric-row span { color:#b7cad3; font-size:11px; }.metric-row b { text-align:right; font:500 14px Georgia,serif; }.metric-row i { display:block; height:7px; background:rgba(121,231,223,.08); border-radius:999px; overflow:hidden; }.metric-row i::after { content:""; display:block; width:var(--w); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan-2),var(--cyan)); box-shadow:0 0 10px rgba(121,231,223,.25); }.honesty-band { display:grid; grid-template-columns:auto 1fr auto; gap:22px; align-items:center; border:1px solid rgba(255,211,109,.24); background:rgba(255,211,109,.045); border-radius:14px; padding:17px 20px; }.honesty-band b { color:var(--gold); font:500 17px Georgia,serif; }.honesty-band span { color:var(--muted); font-size:11px; }.honesty-band i { color:var(--gold); font:normal 9px ui-monospace,monospace; padding:5px 8px; border:1px solid rgba(255,211,109,.3); border-radius:5px; }
.footer { min-height:150px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:30px; }.footer p { color:var(--muted); font-size:11px; }.footer-brand small { letter-spacing:.05em; }.toast { position:fixed; left:50%; bottom:30px; transform:translate(-50%,20px); border:1px solid var(--line); background:rgba(8,23,33,.94); border-radius:10px; color:#c8d9e0; padding:10px 15px; font-size:11px; opacity:0; pointer-events:none; transition:opacity .2s,transform .2s; z-index:50; box-shadow:var(--shadow); }.toast.show { opacity:1; transform:translate(-50%,0); } body:not(.expert-mode) [data-expert] { display:none; }

/* Live-engine controls and state. */
.topbar-center.online { color:#bce7cc; }.topbar-center.offline { color:var(--rose); }.topbar-center.offline .live-dot { background:var(--rose); box-shadow:0 0 10px var(--rose); }
.live-form select { align-self:stretch; min-width:92px; padding:0 14px; border:0; border-right:1px solid var(--line); outline:0; color:#c4d8e1; background:#0a1b25; cursor:pointer; }.live-form select#runMode { min-width:78px; border-right:0; border-left:1px solid var(--line); }.search-form button:disabled { cursor:not-allowed; opacity:.45; background:#6f9395; transform:none; }
.progress-track { height:5px; margin-top:18px; overflow:hidden; border-radius:999px; background:rgba(121,231,223,.08); }.progress-track i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan-2),var(--cyan)); box-shadow:0 0 12px rgba(121,231,223,.35); transition:width .35s ease; }.progress-number { display:block; margin-top:6px; color:var(--dim); font:500 9px ui-monospace,SFMono-Regular,monospace; text-align:right; }
.pipeline-note a,.empty-state a { color:var(--cyan); text-underline-offset:3px; }.empty-state p { max-width:620px; line-height:1.8; }
.empty-state.failed { border-color:rgba(255,143,156,.3); }.empty-state.failed .radar { border-color:rgba(255,143,156,.35); }.empty-state.failed .radar i { background:linear-gradient(45deg,rgba(255,143,156,.25),transparent 60%); }.empty-state.failed .radar span { background:var(--rose); box-shadow:0 0 8px var(--rose); }
.no-candidates { grid-column:1/-1; padding:22px; border:1px dashed var(--line); border-radius:14px; color:var(--muted); text-align:center; font-size:12px; }
.vault-copy button:disabled { cursor:not-allowed; opacity:.45; }

/* Live research-agent execution console. */
.agent-console { margin-bottom:28px; border:1px solid rgba(121,231,223,.28); border-radius:var(--radius); overflow:hidden; background:linear-gradient(145deg,rgba(10,33,44,.96),rgba(4,13,21,.98)); box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035); animation:reveal .38s ease both; }
.agent-console::before { content:""; display:block; height:2px; background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent); opacity:.7; }
.agent-console.complete { border-color:rgba(134,227,167,.3); }.agent-console.failed { border-color:rgba(255,143,156,.34); }
.agent-console-head { min-height:104px; padding:18px 21px; display:grid; grid-template-columns:minmax(250px,1fr) auto auto; gap:22px; align-items:center; border-bottom:1px solid var(--line); background:radial-gradient(circle at 8% 20%,rgba(121,231,223,.09),transparent 28%),rgba(255,255,255,.012); }
.agent-identity { display:flex; align-items:center; gap:14px; min-width:0; }.agent-identity p { margin:0 0 3px; color:var(--cyan); font:750 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.18em; }.agent-identity h2 { margin:0; overflow:hidden; color:#e7f6fb; font:500 18px/1.35 Georgia,"Songti SC",serif; text-overflow:ellipsis; white-space:nowrap; }
.agent-core { flex:0 0 auto; width:50px; aspect-ratio:1; display:grid; place-items:center; position:relative; border:1px solid rgba(121,231,223,.42); border-radius:50%; background:radial-gradient(circle,rgba(121,231,223,.16),rgba(121,231,223,.025) 53%,transparent 55%); box-shadow:inset 0 0 20px rgba(121,231,223,.08),0 0 20px rgba(121,231,223,.07); }
.agent-core::before,.agent-core::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(121,231,223,.19); animation:agentOrbit 5s linear infinite; }.agent-core::before { inset:7px; border-left-color:var(--cyan); }.agent-core::after { inset:-5px; border-top-color:rgba(185,156,255,.48); animation-duration:8s; animation-direction:reverse; }
.agent-core i { width:9px; height:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 15px var(--cyan); animation:agentPulse 1.4s ease-in-out infinite; }.agent-core b { position:absolute; top:6px; right:4px; width:5px; height:5px; border-radius:50%; background:var(--violet); box-shadow:0 0 9px var(--violet); }
.agent-console.complete .agent-core i { background:var(--green); box-shadow:0 0 15px var(--green); animation:none; }.agent-console.failed .agent-core i { background:var(--rose); box-shadow:0 0 15px var(--rose); animation:none; }
@keyframes agentOrbit { to { transform:rotate(360deg); } } @keyframes agentPulse { 50% { opacity:.45; transform:scale(.72); } }
.agent-stats { display:flex; align-items:stretch; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:rgba(2,10,16,.36); }.agent-stats>div { min-width:78px; padding:10px 13px; border-right:1px solid var(--line); }.agent-stats>div:last-child { border-right:0; }.agent-stats span,.agent-stats b { display:block; }.agent-stats span { color:var(--dim); font-size:8px; letter-spacing:.08em; }.agent-stats b { margin-top:2px; color:#c6dce5; font:600 13px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace; }
.console-collapse { border:1px solid var(--line); border-radius:10px; padding:8px 10px; display:flex; align-items:center; gap:9px; color:var(--muted); background:rgba(255,255,255,.025); cursor:pointer; white-space:nowrap; }.console-collapse:hover { color:var(--ink); border-color:rgba(121,231,223,.4); }.console-collapse span { font-size:9px; }.console-collapse i { color:var(--cyan); font:normal 17px/1 ui-monospace,monospace; }
.agent-console-body { padding:18px; }.agent-focus { min-height:68px; padding:14px 16px; display:grid; grid-template-columns:132px 1fr auto; gap:14px; align-items:center; border:1px solid rgba(121,231,223,.16); border-radius:13px; background:linear-gradient(90deg,rgba(121,231,223,.065),rgba(185,156,255,.025)); }.agent-focus>span { color:var(--cyan); font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }.agent-focus>span i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 8px var(--gold); animation:pulse 1s infinite; }.agent-focus p { margin:0; color:#c8d9e0; font-size:12px; line-height:1.65; }.agent-thinking { display:flex; gap:4px; }.agent-thinking i { width:4px; height:4px; border-radius:50%; background:var(--cyan); animation:thinking 1.2s infinite; }.agent-thinking i:nth-child(2){animation-delay:.16s}.agent-thinking i:nth-child(3){animation-delay:.32s}.agent-console.complete .agent-thinking,.agent-console.failed .agent-thinking { display:none; } @keyframes thinking { 0%,70%,100%{opacity:.2;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)} }
.terminal-shell { margin-top:13px; border:1px solid rgba(114,160,182,.2); border-radius:14px; overflow:hidden; background:#02090e; box-shadow:inset 0 22px 60px rgba(0,0,0,.28); }.terminal-bar { height:39px; padding:0 12px; display:flex; align-items:center; gap:12px; color:#597586; border-bottom:1px solid rgba(114,160,182,.14); background:#07131b; font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }.terminal-bar>span { flex:1; }.terminal-bar button { border:0; padding:4px 7px; color:#7895a4; background:transparent; font:500 9px ui-sans-serif,sans-serif; cursor:pointer; }.terminal-bar button:hover { color:var(--cyan); }.terminal-lights { display:flex; gap:5px; }.terminal-lights i { width:7px; height:7px; border-radius:50%; background:#315061; }.terminal-lights i:first-child{background:#ff8f9c}.terminal-lights i:nth-child(2){background:#ffd36d}.terminal-lights i:last-child{background:#86e3a7}
.terminal-stream { height:420px; overflow:auto; padding:9px 0 14px; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:rgba(121,231,223,.25) transparent; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }.terminal-wait { padding:18px 19px; color:#4e6d7e; font-size:11px; }.terminal-wait span { color:var(--cyan); }
.terminal-entry { position:relative; padding:13px 17px 14px 21px; border-left:2px solid transparent; border-bottom:1px solid rgba(114,160,182,.075); animation:logArrive .3s ease both; }.terminal-entry:last-child { border-bottom:0; }.terminal-entry:hover { background:rgba(121,231,223,.024); }.terminal-entry.level-success { border-left-color:var(--green); background:rgba(134,227,167,.025); }.terminal-entry.level-error { border-left-color:var(--rose); background:rgba(255,143,156,.035); }
@keyframes logArrive { from { opacity:0; transform:translateY(5px); } }
.terminal-line { display:grid; grid-template-columns:68px 48px minmax(0,1fr); gap:9px; align-items:baseline; }.terminal-line time { color:#405f70; font-size:9px; }.terminal-line>span { width:max-content; padding:2px 5px; border:1px solid rgba(121,231,223,.18); border-radius:4px; color:#77a7b4; font-size:8px; text-align:center; }.terminal-line b { color:#d8e8ee; font-size:11px; font-weight:650; }.terminal-entry>p { margin:6px 0 0 125px; color:#7895a4; font:500 10px/1.65 ui-sans-serif,-apple-system,"PingFang SC",sans-serif; }.terminal-entry code { margin:8px 0 0 125px; padding:7px 9px; display:flex; gap:8px; overflow-x:auto; border-radius:7px; color:#9eb8c2; background:rgba(121,231,223,.035); font:500 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:nowrap; }.terminal-entry code i { color:var(--cyan); font-style:normal; }.terminal-entry code span { min-width:max-content; }
.terminal-metrics { margin:8px 0 0 125px; display:flex; flex-wrap:wrap; gap:5px; }.terminal-metrics>span { padding:4px 6px; display:flex; gap:6px; align-items:baseline; border:1px solid rgba(114,160,182,.12); border-radius:6px; background:rgba(255,255,255,.017); }.terminal-metrics i { color:#476777; font-style:normal; font-size:7px; }.terminal-metrics b { color:#abc4cd; font-size:8px; font-weight:600; overflow-wrap:anywhere; }
.console-honesty { margin:10px 3px 0; color:#526e7e; font-size:8px; line-height:1.55; }.console-honesty i { display:inline-block; width:5px; height:5px; margin-right:6px; border-radius:50%; background:var(--green); }.agent-console + .results-content { margin-top:31px; }

@media (max-width:1050px) { .hero{grid-template-columns:1fr .65fr}.orbit-visual{width:330px}.workbench{grid-template-columns:260px minmax(0,1fr)}.pipeline-panel{padding:20px}.answer-head{grid-template-columns:1fr}.candidate-list{grid-template-columns:repeat(3,1fr)}.evidence-grid,.vault-card{grid-template-columns:1fr}.chart-card{border-right:0;border-bottom:1px solid var(--line)}.checks-grid{grid-template-columns:repeat(3,1fr)}.expert-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:780px) { .wrap{width:min(100% - 28px,660px)}.topbar{height:66px;padding-inline:16px}.topbar-center{display:none}.mode-switch span{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-block:65px 50px}.hero h1{font-size:clamp(43px,13vw,68px)}.hero-lead{font-size:14px}.orbit-visual{width:min(86vw,360px)}.search-deck{grid-template-columns:1fr;padding:22px}.search-form{min-height:58px}.search-form button span{display:none}.demo-targets,.form-hint{grid-column:auto}.workbench{grid-template-columns:1fr;padding-top:35px}.pipeline-panel{position:static}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.pipeline li{display:block;padding:0;text-align:center}.pipeline li::after,.pipeline li div,.pipeline li>i{display:none}.pipeline li>span{display:inline-block}.pipeline-note{margin-top:18px}.target-header{display:block}.target-meta{margin-top:18px;text-align:left;flex-wrap:wrap}.answer-head{padding:19px;gap:12px}.answer-grid{grid-template-columns:1fr}.timeline-head{display:block;padding-inline:19px}.timeline-key{margin-top:10px}.candidate-list{overflow-x:auto;grid-template-columns:repeat(5,160px);padding-bottom:4px}.candidate-card:nth-child(n){display:block}.detail-header{grid-template-columns:48px 1fr;padding:20px}.rank-badge{width:46px}.score-block{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;text-align:left;display:flex;gap:10px;align-items:baseline}.score-block span,.score-block small,.score-block strong{display:inline}.catalog-match{padding:14px 20px}.chart-card,.plain-card,.vault-card{padding:20px}.fold-chart{height:240px}.checks-section{padding:0 20px 20px}.checks-grid{grid-template-columns:repeat(2,1fr)}.pixel-warning{grid-template-columns:1fr}.pixel-map{display:none}.expert-grid{grid-template-columns:repeat(2,1fr)}.footer{display:block;padding-block:35px}.footer p{margin-top:20px} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }
@media (max-width:1050px) { .agent-console-head{grid-template-columns:1fr auto}.agent-stats{grid-row:2;grid-column:1/-1}.agent-stats>div{flex:1}.console-collapse{grid-column:2;grid-row:1}.terminal-stream{height:390px}.agent-focus{grid-template-columns:112px 1fr auto} }
@media (max-width:780px) { .search-deck>*{min-width:0}.search-copy>div{min-width:0}.search-copy h2{overflow-wrap:anywhere}.search-form.live-form{display:grid;grid-template-columns:66px minmax(0,1fr) 92px 46px;width:100%;min-width:0;max-width:100%;overflow:hidden}.live-form select,.live-form select#runMode{min-width:0;width:100%;padding:0 7px;font-size:10px}.search-form input{width:100%;min-width:0;padding-inline:9px;font-size:14px}.search-form button{min-width:0;padding:0;justify-content:center}.engine-guidance{grid-column:auto}.agent-console{border-radius:18px}.agent-console-head{padding:15px;gap:13px}.agent-core{width:42px}.agent-identity h2{font-size:15px}.console-collapse span{display:none}.agent-stats{width:100%}.agent-stats>div{min-width:0;padding:8px 9px}.agent-console-body{padding:11px}.agent-focus{grid-template-columns:1fr auto;padding:12px}.agent-focus>span{grid-column:1/-1}.agent-focus p{font-size:11px}.terminal-stream{height:430px}.terminal-entry{padding:12px 11px 13px 13px}.terminal-line{grid-template-columns:59px 43px minmax(0,1fr);gap:6px}.terminal-entry>p,.terminal-entry code,.terminal-metrics{margin-left:0}.terminal-entry>p{margin-top:8px}.terminal-entry code{margin-top:8px}.terminal-metrics{margin-top:7px}.console-honesty{font-size:7px} }

/* VLora observatory layer: the original Houxing workbench stays intact below. */
.brand strong em { color: var(--cyan); font-style: normal; font-weight: 650; letter-spacing: -.02em; }
.topbar-actions { display: flex; align-items: center; gap: 18px; }
.topbar-actions > a { color: var(--muted); font-size: 11px; letter-spacing: .08em; text-decoration: none; transition: color .2s ease; }
.topbar-actions > a:hover { color: var(--ink); }

.observatory-hero {
  position: relative;
  min-height: min(760px, calc(100svh - 76px));
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background: #02070d;
  isolation: isolate;
}
#skyCanvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; cursor: grab; }
#skyCanvas:active { cursor: grabbing; }
.scene-shade {
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2,8,13,.9) 0%, rgba(2,8,13,.28) 41%, rgba(2,8,13,.08) 62%, rgba(2,8,13,.56) 100%),
    linear-gradient(180deg, rgba(2,8,13,.28), transparent 34%, rgba(2,8,13,.72));
}
.scene-copy {
  position: absolute; z-index: 3; left: max(24px, calc((100vw - 1320px)/2)); top: 50%;
  width: min(540px, 40vw); transform: translateY(-54%); pointer-events: none;
}
.scene-copy h1 {
  margin: 0; font-family: "Songti SC",STSong,Georgia,serif; font-size: clamp(48px,5.4vw,82px);
  font-weight: 500; letter-spacing: -.055em; line-height: .99; text-shadow: 0 18px 54px rgba(0,0,0,.8);
}
.scene-copy h1 em { color: var(--gold); font-style: normal; }
.scene-copy > p:last-of-type { max-width: 540px; margin: 27px 0 0; color: #abc0cc; font-size: 15px; line-height: 1.85; }
.scene-hints { display: flex; gap: 8px; margin-top: 22px; }
.scene-hints span { padding: 7px 10px; border: 1px solid rgba(150,207,229,.16); border-radius: 99px; color: #93abba; background: rgba(6,18,28,.48); font-size: 9px; letter-spacing: .1em; backdrop-filter: blur(12px); }

.scene-inspector {
  position: absolute; z-index: 4; top: 36px; right: max(24px, calc((100vw - 1320px)/2)); width: 286px;
  padding: 22px; border: 1px solid rgba(174,223,241,.2); border-radius: 24px;
  background: linear-gradient(145deg, rgba(16,31,44,.8), rgba(4,12,20,.62));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 24px 70px rgba(0,0,0,.4);
  backdrop-filter: blur(22px) saturate(128%);
}
.scene-kicker { color: var(--cyan); font-size: 8px; font-weight: 750; letter-spacing: .18em; }
.scene-inspector h2 { margin: 12px 0 1px; font-size: 30px; letter-spacing: -.04em; }
.scene-inspector > p { margin: 0; color: var(--muted); font: 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .06em; }
.scene-inspector dl { display: grid; grid-template-columns: 1fr 1.25fr; gap: 7px; margin: 20px 0 16px; }
.scene-inspector dl div { padding: 10px 11px; border: 1px solid rgba(151,202,224,.12); border-radius: 12px; background: rgba(2,9,15,.38); }
.scene-inspector dt { color: var(--dim); font-size: 8px; letter-spacing: .12em; }
.scene-inspector dd { margin: 4px 0 0; color: #d6eaf4; font-size: 11px; }
.scene-inspector button {
  width: 100%; height: 46px; border: 0; border-radius: 14px; color: #071319; cursor: pointer;
  background: linear-gradient(135deg, #c9fcf7, #7ee6e1); font-size: 12px; font-weight: 800;
  box-shadow: 0 10px 30px rgba(77,204,196,.16); transition: transform .2s ease, box-shadow .2s ease;
}
.scene-inspector button:hover { transform: translateY(-1px); box-shadow: 0 14px 36px rgba(77,204,196,.25); }
.scene-inspector button b { margin-left: 7px; }
.scene-inspector > small { display: block; margin-top: 13px; color: #668394; font-size: 8px; line-height: 1.55; }

.scene-targets {
  position: absolute; z-index: 4; left: 50%; bottom: 22px; display: flex; gap: 7px; width: min(1040px, calc(100vw - 48px));
  padding: 8px; overflow-x: auto; transform: translateX(-50%); border: 1px solid rgba(152,204,226,.15); border-radius: 18px;
  background: rgba(4,13,21,.68); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 22px 64px rgba(0,0,0,.35);
  backdrop-filter: blur(20px) saturate(130%); scrollbar-width: none;
}
.scene-targets::-webkit-scrollbar { display: none; }
.scene-targets button {
  position: relative; min-width: 126px; padding: 10px 11px 9px 23px; border: 1px solid transparent; border-radius: 12px;
  color: #9bb1bf; text-align: left; cursor: pointer; background: transparent; transition: .2s ease;
}
.scene-targets button:hover,.scene-targets button.active { color: var(--ink); border-color: rgba(121,231,223,.22); background: rgba(121,231,223,.08); }
.scene-targets button i { position: absolute; left: 10px; top: 14px; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 11px var(--cyan); }
.scene-targets button b { display: block; font-size: 11px; letter-spacing: .04em; }
.scene-targets button span { display: block; margin-top: 3px; color: #5f7889; font-size: 7px; letter-spacing: .04em; white-space: nowrap; }

.search-deck { scroll-margin-top: 92px; }
.search-deck::before { background: radial-gradient(circle at 54% 22%, rgba(121,231,223,.09), transparent 30rem); }
.live-form input { font-family: ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .02em; }

.report-board,.ledger-section { margin: 0 0 24px; border: 1px solid var(--line); border-radius: 20px; background: rgba(4,15,23,.48); overflow: hidden; }
.report-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 22px; border-bottom: 1px solid var(--line); }
.report-heading h3 { margin: 9px 0 4px; font-size: 21px; letter-spacing: -.02em; }
.report-heading p { max-width: 660px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.report-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.report-actions button { padding: 9px 11px; border: 1px solid rgba(121,231,223,.22); border-radius: 10px; color: #bde8e8; background: rgba(121,231,223,.06); cursor: pointer; font-size: 9px; font-weight: 750; letter-spacing: .05em; transition: .2s ease; }
.report-actions button:hover { color: #071319; background: var(--cyan); }
.report-meta { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 0; background: var(--line); }
.report-meta div { min-width: 0; padding: 15px 17px; background: #07141d; }
.report-meta dt { color: var(--dim); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.report-meta dd { margin: 5px 0 0; overflow: hidden; color: #d9eaf2; font: 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow: ellipsis; white-space: nowrap; }
.report-notice { display: grid; grid-template-columns: 84px 1fr; gap: 13px; padding: 15px 18px; color: #95aebd; background: rgba(255,211,109,.045); font-size: 10px; line-height: 1.65; }
.report-notice b { color: var(--gold); letter-spacing: .08em; }

.ledger-section { margin-top: 26px; }
.ledger-section .candidate-heading { padding: 21px 22px; margin: 0; border-bottom: 1px solid var(--line); }
.ledger-scroll { width: 100%; overflow: auto; }
.ledger-section table { width: 100%; min-width: 1180px; border-collapse: collapse; font-size: 9px; }
.ledger-section th { position: sticky; top: 0; z-index: 1; padding: 11px 10px; color: #678393; background: #07141d; font-weight: 700; letter-spacing: .06em; text-align: left; white-space: nowrap; }
.ledger-section td { padding: 11px 10px; border-top: 1px solid rgba(126,174,197,.1); color: #a9bec9; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; vertical-align: top; white-space: nowrap; }
.ledger-section tr:hover td { background: rgba(121,231,223,.035); }
.ledger-section td:first-child { color: var(--cyan); font-weight: 800; }
.ledger-flag { display: inline-block; max-width: 230px; overflow: hidden; color: #d8e8ee; text-overflow: ellipsis; vertical-align: bottom; }
.ledger-flag.risk { color: var(--amber); }
.ledger-flag.good { color: var(--green); }

@media print {
  @page { size: A4 landscape; margin: 10mm; }
  body { color: #111; background: #fff !important; font-family: -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; }
  .topbar,.observatory-hero,.search-deck,.pipeline-panel,.agent-console,.report-actions,.footer,.toast,.candidate-list,.console-collapse { display: none !important; }
  .wrap,.workbench { width: 100% !important; max-width: none !important; margin: 0 !important; }
  .workbench { display: block !important; padding: 0 !important; }
  .results-panel,.results-content,.candidate-detail,.report-board,.ledger-section,.answer-board,.vault-card,.chart-card,.plain-card,.checks-section,.expert-drawer { color: #111 !important; background: #fff !important; border-color: #bbb !important; box-shadow: none !important; }
  .results-content { display: block !important; padding: 0 !important; }
  .target-header { padding-top: 0 !important; }
  .target-header p,.report-heading p,.report-notice,.candidate-heading p,.chart-caption,.vault-copy p { color: #333 !important; }
  .report-meta { background: #bbb !important; }
  .report-meta div,.ledger-section th { color: #111 !important; background: #f4f4f4 !important; }
  .report-meta dd,.ledger-section td,.ledger-flag { color: #111 !important; }
  .answer-board,.candidate-detail,.ledger-section { break-inside: avoid; }
  .ledger-section { break-before: page; }
  svg { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}

@media (max-width: 1080px) {
  .topbar-actions > a { display: none; }
  .scene-copy { width: min(510px, 54vw); }
  .scene-inspector { width: 250px; }
}
@media (max-width: 780px) {
  .topbar { gap: 10px; padding-inline: 14px; }
  .topbar-center { display: none; }
  .brand strong { font-size: 14px; }
  .brand small { max-width: 155px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .topbar-actions { margin-left: auto; }
  .mode-switch span { display: none; }
  .observatory-hero { min-height: 790px; }
  .scene-shade { background: linear-gradient(180deg,rgba(2,8,13,.72),rgba(2,8,13,.14) 36%,rgba(2,8,13,.68) 69%,#02080d); }
  .scene-copy { top: 40px; left: 20px; width: calc(100% - 40px); transform: none; }
  .scene-copy h1 { font-size: clamp(39px,12vw,58px); }
  .scene-copy > p:last-of-type { font-size: 12px; line-height: 1.72; max-width: 92%; }
  .scene-hints { display: none; }
  .scene-inspector { top: auto; right: 20px; bottom: 112px; left: 20px; width: auto; padding: 17px; }
  .scene-inspector dl,.scene-inspector > small { display: none; }
  .scene-inspector h2 { font-size: 24px; }
  .scene-inspector button { position: absolute; right: 16px; bottom: 16px; width: auto; height: 40px; padding-inline: 15px; }
  .scene-targets { bottom: 14px; width: calc(100vw - 28px); }
  .scene-targets button { min-width: 116px; }
  .report-heading { display: block; }
  .report-actions { justify-content: flex-start; margin-top: 16px; }
  .report-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .report-notice { grid-template-columns: 1fr; }
}

/* VLora 2026 research interface — neutral, high-contrast scientific system. */
:root {
  --ink: #f5f7f8;
  --muted: #a1abb2;
  --dim: #68737b;
  --night: #07090c;
  --line: rgba(232, 241, 246, .2);
  --line-strong: rgba(240, 247, 250, .42);
  --cyan: #b8e8ff;
  --cyan-2: #7dc9ec;
  --gold: #dfffb7;
  --violet: #c9c6ff;
  --rose: #ffb4b9;
  --amber: #ffd398;
  --green: #baf4d0;
  --shadow: 0 32px 90px rgba(0, 0, 0, .42);
  --radius: 18px;
}

body {
  color: var(--ink);
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at 72% 8%, rgba(109,165,201,.12), transparent 34rem),
    linear-gradient(180deg, #090c10 0%, #07090c 64%, #05070a 100%);
  background-size: 72px 72px, 72px 72px, auto, auto;
  font-family: "Avenir Next", "SF Pro Display", "SF Pro Text", Inter, "Helvetica Neue", Arial, sans-serif;
  font-weight: 520;
  letter-spacing: -.01em;
}

::selection { color: #080b0e; background: var(--cyan); }
.wrap { width: min(1360px, calc(100% - 64px)); }
.starfield { opacity: .38; filter: saturate(.45); }
.starfield::after { opacity: .45; }

.topbar {
  height: 80px;
  padding-inline: max(32px, calc((100vw - 1360px)/2));
  border-color: var(--line-strong);
  background: rgba(7,9,12,.78);
  box-shadow: 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(24px) saturate(120%);
}
.brand { gap: 14px; }
.brand strong {
  font-size: 19px;
  font-weight: 760;
  letter-spacing: -.045em;
}
.brand small { margin-top: 3px; color: #87929a; font-size: 8px; font-weight: 700; letter-spacing: .19em; }
.brand-mark {
  width: 38px;
  border-color: rgba(232,244,250,.62);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.045), 0 0 28px rgba(184,232,255,.08);
}
.brand-mark::after { width: 7px; height: 7px; background: #f5fbff; box-shadow: 0 0 16px var(--cyan); }
.brand-mark i { border-color: rgba(232,244,250,.46); }
.topbar-center { color: #a3adb4; font-size: 10px; font-weight: 650; letter-spacing: .075em; text-transform: uppercase; }
.live-dot { background: var(--cyan); box-shadow: 0 0 12px rgba(184,232,255,.8); }
.topbar-actions { gap: 24px; }
.topbar-actions > a { color: #b1bac0; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.mode-switch { border-color: var(--line-strong); background: rgba(255,255,255,.035); }
.mode-switch span { color: #b2bbc1; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mode-switch i { background: rgba(184,232,255,.13); }
.mode-switch i::after { background: #eef9ff; box-shadow: 0 0 10px rgba(184,232,255,.55); }

.observatory-hero {
  min-height: min(790px, calc(100svh - 80px));
  border-color: var(--line-strong);
  background: #05070a;
}
.observatory-hero::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 18px;
  pointer-events: none;
  border: 1px solid rgba(241,248,251,.18);
  border-radius: 3px;
}
.observatory-hero::after {
  content: "OBSERVATION SPACE  /  TESS ARCHIVE  /  LOCAL AI COMPUTE";
  position: absolute;
  z-index: 3;
  right: 34px;
  bottom: 31px;
  color: rgba(222,235,241,.48);
  font: 700 8px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .14em;
  pointer-events: none;
}
.scene-shade {
  background:
    linear-gradient(90deg, rgba(3,5,8,.94) 0%, rgba(3,5,8,.48) 35%, rgba(3,5,8,.04) 52%, rgba(3,5,8,.02) 76%, rgba(3,5,8,.54) 100%),
    linear-gradient(180deg, rgba(3,5,8,.18), transparent 42%, rgba(3,5,8,.78));
}
.planet-fallback { display: none; position: absolute; z-index: 0; left: 61%; top: 50%; width: min(39vw, 470px); aspect-ratio: 1; transform: translate(-50%,-50%); border-radius: 50%; background: url("earth-blue-marble.jpg") center / 205% 100%; box-shadow: inset -52px -22px 82px rgba(0,0,0,.75), inset 18px 8px 38px rgba(213,243,255,.14), 0 0 48px rgba(120,204,255,.2); }
.planet-fallback::after { content:""; position:absolute; inset:-4%; border:1px solid rgba(184,232,255,.28); border-radius:50%; box-shadow:0 0 36px rgba(184,232,255,.14); }
.webgl-fallback #skyCanvas { display:none; }
.webgl-fallback .planet-fallback { display:block; }
@media (min-width:781px) {
  #skyCanvas { inset:0 auto 0 0; width:112%; transform:translateX(4%); }
}
.scene-copy { left: max(42px, calc((100vw - 1360px)/2)); width: min(650px, 48vw); transform: translateY(-51%); }
.eyebrow { color: var(--cyan); font-size: 9px; font-weight: 760; letter-spacing: .2em; }
.scene-copy h1,
.search-copy h2,
.pipeline-panel h2,
.empty-state h2,
.target-header h2,
.answer-head h3,
.timeline-head h4,
.detail-header h2,
.card-title h3,
.vault-copy h3,
.scene-inspector h2,
.report-heading h3,
.check-card strong {
  font-family: "Avenir Next", "SF Pro Display", Inter, "Helvetica Neue", Arial, sans-serif;
}
.scene-copy h1 {
  max-width: 720px;
  font-size: clamp(58px, 6vw, 94px);
  font-weight: 680;
  letter-spacing: -.072em;
  line-height: .92;
  text-shadow: 0 24px 70px rgba(0,0,0,.82);
}
.scene-copy h1 em {
  color: transparent;
  background: linear-gradient(92deg, #f6fbfd 8%, #b8e8ff 48%, #dfffb7 92%);
  background-clip: text;
  -webkit-background-clip: text;
}
.scene-copy > p:last-of-type { max-width: 585px; margin-top: 30px; color: #b1bbc2; font-size: 15px; line-height: 1.68; }
.scene-hints span {
  padding: 7px 11px;
  border-color: rgba(234,244,249,.28);
  border-radius: 3px;
  color: #a9b5bc;
  background: rgba(5,8,11,.55);
  font: 700 8px/1.1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .1em;
}

.scene-inspector {
  top: 42px;
  right: max(42px, calc((100vw - 1360px)/2));
  width: 304px;
  padding: 23px;
  border-color: var(--line-strong);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(18,23,29,.84), rgba(6,9,13,.72));
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 26px 80px rgba(0,0,0,.44);
  backdrop-filter: blur(28px) saturate(115%);
}
.scene-kicker { color: #d6e3e9; font-weight: 750; }
.scene-inspector h2 { margin-top: 15px; font-size: 34px; font-weight: 680; letter-spacing: -.055em; }
.scene-inspector dl { gap: 8px; }
.scene-inspector dl div { border-color: rgba(236,245,249,.18); border-radius: 6px; background: rgba(255,255,255,.025); }
.scene-inspector dt { color: #7f8a92; font-weight: 700; }
.scene-inspector dd { color: #eef4f7; font-weight: 650; }
.scene-inspector button {
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 6px;
  color: #070a0d;
  background: #f2f6f7;
  box-shadow: 0 10px 32px rgba(184,232,255,.12);
  font-weight: 760;
}
.scene-inspector button:hover { background: var(--cyan); box-shadow: 0 16px 38px rgba(184,232,255,.18); }
.scene-inspector > small { color: #748089; }

.scene-targets {
  bottom: 25px;
  width: min(1080px, calc(100vw - 84px));
  padding: 7px;
  border-color: rgba(238,247,250,.28);
  border-radius: 10px;
  background: rgba(7,10,14,.72);
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 20px 68px rgba(0,0,0,.42);
}
.scene-targets button { border-radius: 5px; color: #9ba7ae; }
.scene-targets button:hover,
.scene-targets button.active { color: #fff; border-color: rgba(238,247,250,.46); background: rgba(222,239,247,.09); }
.scene-targets button i { background: #eef8fc; box-shadow: 0 0 12px var(--cyan); }
.scene-targets button b { font-weight: 720; }
.scene-targets button span { color: #6f7b84; }

.search-deck {
  margin-top: 64px;
  padding: 34px;
  border-color: var(--line-strong);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(19,24,29,.92), rgba(8,11,15,.94));
  box-shadow: inset 0 1px rgba(255,255,255,.06), var(--shadow);
}
.section-number { color: #dce8ed; font-weight: 700; }
.search-copy h2 { font-size: 30px; font-weight: 670; letter-spacing: -.035em; }
.search-copy p:last-child { color: #929da5; }
.search-form { min-height: 66px; border-color: rgba(238,247,250,.32); border-radius: 8px; background: rgba(3,5,8,.54); }
.search-form input { font-size: 17px; font-weight: 620; }
.search-form input::placeholder { color: #69747c; }
.live-form select { color: #bec8ce; background-color: #0b0f13; font-weight: 680; }
.search-form button { color: #070a0d; background: #f1f5f6; font-weight: 780; text-transform: uppercase; letter-spacing: .035em; }
.search-form button:hover { background: var(--cyan); }
.engine-guidance { border-color: rgba(234,244,249,.22); border-radius: 7px; background: rgba(255,255,255,.025); }
.engine-guidance b { color: #e5ecef; letter-spacing: .015em; }
.engine-guidance span { color: #8e99a1; }
.target-chip { border-color: rgba(234,244,249,.2); border-radius: 5px; background: rgba(255,255,255,.02); font-weight: 680; }
.target-chip.recommended { border-color: rgba(186,244,208,.34); background: rgba(186,244,208,.045); }
.target-chip:hover,.target-chip.active { border-color: rgba(238,247,250,.5); background: rgba(238,247,250,.08); }

.workbench { grid-template-columns: 300px minmax(0,1fr); gap: 26px; padding-block: 62px 90px; }
.pipeline-panel {
  top: 104px;
  border-color: var(--line-strong);
  border-radius: 14px;
  background: rgba(11,15,19,.86);
  box-shadow: inset 0 1px rgba(255,255,255,.055);
}
.panel-kicker { color: #839099; font-weight: 720; }
.pipeline-panel h2 { font-size: 25px; font-weight: 660; letter-spacing: -.035em; }
.pipeline li>span { border-color: rgba(235,245,249,.22); background: #0d1217; }
.pipeline b { color: #85919a; font-weight: 680; }
.pipeline li.running>span { border-color: #edf7fb; color: #fff; box-shadow: 0 0 16px rgba(184,232,255,.17); }
.pipeline li.running>i { background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.pipeline li.done>span { border-color: rgba(186,244,208,.5); }
.pipeline-note b { color: #d6dfe3; }
.progress-track { background: rgba(255,255,255,.065); }
.progress-track i { background: linear-gradient(90deg, #f3f8fa, var(--cyan)); }

.empty-state {
  border-style: solid;
  border-color: rgba(235,245,249,.24);
  border-radius: 16px;
  background: rgba(11,15,19,.46);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.empty-state h2 { font-size: 28px; font-weight: 660; letter-spacing: -.035em; }
.radar { border-color: rgba(234,245,249,.26); }
.radar::before,.radar::after { background: rgba(234,245,249,.14); }
.radar i { background: linear-gradient(45deg, rgba(184,232,255,.22), transparent 60%); }
.radar span { background: #eff9fd; box-shadow: 0 0 10px var(--cyan); }

.agent-console,
.answer-board,
.candidate-detail,
.report-board,
.ledger-section {
  border-color: rgba(236,245,249,.3);
  border-radius: 14px;
  background: rgba(10,14,18,.82);
  box-shadow: inset 0 1px rgba(255,255,255,.045), var(--shadow);
}
.agent-console::before { height: 1px; background: linear-gradient(90deg, transparent, #f5f8f9, var(--cyan), transparent); }
.agent-console-head { border-color: var(--line); background: rgba(255,255,255,.018); }
.agent-identity h2 { font-weight: 660; letter-spacing: -.025em; }
.agent-core { border-color: rgba(238,247,250,.35); background: rgba(255,255,255,.025); }
.agent-focus { border-color: rgba(235,245,249,.2); border-radius: 7px; background: rgba(255,255,255,.025); }
.agent-focus p { color: #dce6ea; font: 600 13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.terminal-shell { border-color: #4b4d51; border-radius: 6px; background: #1e1f22; box-shadow: 0 18px 46px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.035); }
.terminal-bar { height: 43px; color: #a9b1ba; border-color: #3c3f41; background: #2b2d30; box-shadow: inset 0 -1px rgba(0,0,0,.16); font-size: 9px; }
.terminal-bar > span::before { content:"Terminal  /  "; color:#e0e2e5; }
.terminal-bar button { padding:6px 9px; border:1px solid #4b4d51; border-radius:4px; color:#a9b1ba; background:#35373b; font-family:inherit; }
.terminal-bar button:hover { color:#fff; border-color:#6c7078; background:#3c3f43; }
.terminal-lights { width:25px; height:25px; display:grid; place-items:center; border:1px solid #4d5055; border-radius:4px; background:#35373b; }
.terminal-lights::before { content:">_"; color:#6aab73; font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.terminal-lights i { display:none; }
.terminal-stream { height: min(62vh, 640px); min-height: 520px; padding-block: 12px 18px; }
.terminal-entry { padding: 16px 20px 17px 24px; border-bottom-color:#2b2d30; }
.terminal-entry:hover { background:#25262a; }
.terminal-entry.level-success { border-left-color:#6aab73; background:rgba(106,171,115,.045); }
.terminal-entry.level-error { border-left-color:#e06c75; background:rgba(224,108,117,.045); }
.terminal-line { grid-template-columns: 76px 66px minmax(0,1fr); gap: 12px; }
.terminal-line time { color:#6f737b; font-size: 10px; }
.terminal-line > span { padding: 3px 7px; border-color:#4c5055; color:#a9b7c6; background:#2b2d30; font-size: 9px; }
.terminal-line b { color: #bcbec4; font-size: 13px; line-height: 1.45; }
.terminal-entry > p { margin: 8px 0 0 154px; color: #8f939b; font: 500 11px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.terminal-entry code { margin: 10px 0 0 154px; padding: 10px 12px; border:1px solid #34363a; color: #bcbec4; background:#191a1c; font-size: 10px; }
.terminal-entry code i { color:#6aab73; }
.terminal-metrics { margin: 10px 0 0 154px; gap: 7px; }
.terminal-metrics > span { padding: 6px 8px; border-color:#3b3d41; border-radius:4px; background:#27282b; }
.terminal-metrics i { color:#6f737b; font-size: 8px; }
.terminal-metrics b { color: #afb1b7; font-size: 9px; }

.target-header h2 { font-weight: 670; letter-spacing: -.045em; }
.target-meta b { font-family: inherit; font-weight: 660; }
.answer-head h3,.timeline-head h4,.report-heading h3 { font-weight: 660; letter-spacing: -.03em; }
.answer-grid { background: rgba(235,245,249,.13); }
.answer-card { background: #0c1115; }
.answer-card h4 { font-family: inherit; font-weight: 660; }
.candidate-card { border-color: rgba(235,245,249,.2); border-radius: 8px; background: rgba(255,255,255,.02); }
.candidate-card:hover,.candidate-card.active { border-color: rgba(241,248,251,.5); background: rgba(238,247,250,.065); }
.detail-header { background: linear-gradient(110deg, rgba(184,232,255,.075), rgba(255,255,255,.015)); }
.rank-badge { border-color: rgba(239,247,250,.5); color: #f5f8f9; font-family: inherit; font-weight: 700; }
.detail-header h2 { font-weight: 690; }
.score-block strong { color: var(--cyan); font-family: inherit; font-weight: 680; }
.vault-card { border-color: rgba(201,198,255,.28); background: rgba(201,198,255,.035); }
.vault-copy h3 { font-weight: 650; letter-spacing: -.02em; }
.vault-copy button { border-color: rgba(230,235,255,.42); border-radius: 6px; background: rgba(230,235,255,.065); font-weight: 700; }
.vault-chart-wrap { border-color: rgba(232,238,255,.2); border-radius: 8px; }
.vault-lock b { font-family: inherit; font-weight: 680; letter-spacing: -.025em; }
.check-card { border-color: rgba(235,245,249,.2); border-radius: 8px; background: rgba(255,255,255,.018); }
.check-card strong { font-weight: 660; }
.expert-drawer summary { font-weight: 700; letter-spacing: .06em; }
.report-actions button { border-color: rgba(238,247,250,.28); border-radius: 5px; color: #d8e4e9; background: rgba(255,255,255,.03); }
.report-actions button:hover { color: #070a0d; background: #f1f6f7; }
.report-meta div,.ledger-section th { background: #0b1014; }
.report-notice { color: #abb5bb; background: rgba(223,255,183,.035); }
.report-notice b { color: var(--gold); }
.ledger-section td { border-color: rgba(236,245,249,.1); color: #b3bdc3; }
.ledger-section tr:hover td { background: rgba(234,245,249,.035); }
.footer { border-color: var(--line-strong); }
.toast { border-color: var(--line-strong); border-radius: 6px; background: rgba(9,12,16,.96); color: #e2e9ec; }

@media (max-width: 1080px) {
  .scene-copy { width: min(560px, 56vw); }
  .scene-inspector { width: 260px; }
}

@media (max-width: 780px) {
  .wrap { width: min(100% - 28px, 680px); }
  .topbar { height: 68px; padding-inline: 15px; }
  .brand strong { font-size: 16px; }
  .observatory-hero { min-height: 760px; }
  .observatory-hero::before { inset: 10px; }
  .observatory-hero::after { display: none; }
  .scene-shade { background: linear-gradient(180deg,rgba(3,5,8,.9) 0%,rgba(3,5,8,.42) 27%,rgba(3,5,8,.03) 42%,rgba(3,5,8,.08) 64%,rgba(3,5,8,.82) 78%,#030508 100%); }
  .scene-copy { top: 28px; left: 20px; width: calc(100% - 40px); }
  .scene-copy h1 { font-size: clamp(40px, 12.2vw, 58px); line-height: .92; }
  .scene-copy > p:last-of-type { max-width: 96%; margin-top: 18px; font-size: 11px; line-height: 1.55; }
  .planet-fallback { left:50%; top:51%; width:min(72vw,330px); }
  .scene-inspector { right: 18px; bottom: 88px; left: 18px; padding: 14px 15px; border-radius: 8px; }
  .scene-inspector h2 { margin-top: 8px; font-size: 22px; }
  .scene-inspector button { right: 13px; bottom: 13px; height: 38px; padding-inline: 13px; font-size: 10px; }
  .scene-targets { bottom: 12px; width: calc(100vw - 24px); border-radius: 7px; }
  .scene-targets button { min-width: 110px; padding-block: 8px; }
  .search-deck { margin-top: 28px; padding: 23px; }
  .search-copy h2 { font-size: 26px; }
  .search-form.live-form { grid-template-columns: 80px minmax(0,1fr); grid-template-rows: 56px 52px; min-height: 108px; }
  .live-form select,.live-form select#runMode { padding-inline: 10px; border: 0; border-right: 1px solid var(--line); font-size: 11px; }
  .live-form select#runMode { border-top: 1px solid var(--line); border-left: 0; }
  .search-form input { padding-inline: 12px; font-size: 14px; }
  .search-form button { border-top: 1px solid var(--line); padding-inline: 14px; justify-content: space-between; }
  .search-form button span { display: inline; }
  .terminal-stream { height: 500px; min-height: 500px; }
  .terminal-line { grid-template-columns: 54px 50px minmax(0,1fr); gap: 7px; }
  .terminal-line time { font-size: 8px; }
  .terminal-line > span { padding: 2px 4px; font-size: 7px; }
  .terminal-line b { font-size: 10px; }
  .terminal-entry > p,.terminal-entry code,.terminal-metrics { margin-left: 0; }
  .pipeline-panel,.empty-state,.agent-console,.answer-board,.candidate-detail,.report-board,.ledger-section { border-radius: 11px; }
}

@media (max-width: 430px) {
  .brand small { display:none; }
  .brand-mark { width:34px; }
  .mode-switch { padding:6px 7px; }
  .observatory-hero { min-height: 730px; }
  .scene-copy h1 { font-size: clamp(37px, 11.8vw, 50px); }
  .scene-copy > p:last-of-type { font-size: 10.5px; }
  .scene-inspector button { max-width: 47%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .search-deck { padding: 18px; }
  .agent-console-head { padding: 13px; }
  .agent-stats span { font-size: 7px; }
}