:root{
  --bg:#03090a;
  --paper:#03090a;
  --panel:#071214;
  --panel-2:#0a171a;
  --ink:#eef8f4;
  --text2:#9bc2ba;
  --muted:#4f6f6a;
  --line:#123331;
  --line-bright:#1d4b46;
  --teal:#2de0e8;
  --blue:#4aa8ff;
  --white:#f5fffb;
  --red:#ff4d6d;
  --amber:#ffb648;
  --mono:'JetBrains Mono','IBM Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
  --glow-teal:0 0 10px rgba(45,224,232,.4);
  --glow-teal-soft:0 0 6px rgba(45,224,232,.22);
  --glow-blue:0 0 10px rgba(74,168,255,.3);
  --glow-red:0 0 10px rgba(255,77,109,.3);
  --cut:14px;
  --cut-sm:8px;
  --bracket:18px
}
.hud-frame{position:relative}
.hud-frame::before,.hud-frame::after{content:'';position:absolute;width:var(--bracket);height:var(--bracket);pointer-events:none;filter:drop-shadow(0 0 4px rgba(45,224,232,.55));animation:hud-pulse 3.6s ease-in-out infinite}
.hud-frame::before{top:-1px;left:-1px;border-top:2px solid var(--teal);border-left:2px solid var(--teal)}
.hud-frame::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--teal);border-right:2px solid var(--teal)}
.hud-frame{background-image:
    linear-gradient(var(--teal),var(--teal)),linear-gradient(var(--teal),var(--teal)),
    linear-gradient(var(--teal),var(--teal)),linear-gradient(var(--teal),var(--teal));
  background-position:top right,top right,bottom left,bottom left;
  background-size:var(--bracket) 2px,2px var(--bracket),var(--bracket) 2px,2px var(--bracket);
  background-repeat:no-repeat;
  background-origin:border-box
}
.hud-ruler{position:relative}
.hud-ruler::before{content:'';position:absolute;top:0;left:28px;right:28px;height:5px;background-image:repeating-linear-gradient(90deg,var(--line-bright) 0,var(--line-bright) 1px,transparent 1px,transparent 9px);opacity:.8}
@keyframes hud-pulse{0%,100%{opacity:1}50%{opacity:.55}}
*{box-sizing:border-box}
html,body{
  margin:0;
  color:var(--ink);
  font-family:var(--mono);
  background:
    radial-gradient(ellipse 1000px 560px at 8% -10%,rgba(47,232,189,.07),transparent 60%),
    radial-gradient(ellipse 900px 500px at 104% 2%,rgba(74,168,255,.06),transparent 58%),
    var(--bg)
}
button,input,select{font:inherit}
.loading{min-height:100vh;display:grid;place-items:center;color:var(--teal);font:700 12px/1.4 var(--mono);letter-spacing:.1em}
.error{color:var(--red)}
.eyebrow{margin:0 0 6px;color:var(--muted);font:700 10px/1.2 var(--mono);letter-spacing:.14em}
.eyebrow::before{content:'▸ ';color:var(--teal)}
.masthead{min-height:110px;padding:26px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none}
.brand>span{width:52px;height:52px;display:grid;place-items:center;background:#000;color:var(--teal);border:1px solid var(--teal);box-shadow:var(--glow-teal-soft);font:800 17px/1 var(--mono);clip-path:polygon(var(--cut-sm) 0,100% 0,100% 100%,0 100%,0 var(--cut-sm))}
.brand h1{margin:0;font:800 32px/1 var(--mono);letter-spacing:-.01em;color:var(--white)}
.report-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;color:var(--muted);font:11px/1.2 var(--mono)}
.metrics{display:grid;grid-template-columns:1.45fr repeat(4,1fr);background:#000;color:var(--ink);border-block:1px solid var(--line)}
.metrics>div{min-height:106px;padding:21px 2vw;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}
.metrics small{color:var(--muted);font:700 10px/1.2 var(--mono);letter-spacing:.12em}
.metrics strong{font:700 24px/1 var(--mono)}
.metrics .posture{background:linear-gradient(180deg,rgba(47,232,189,.13),rgba(47,232,189,.02));box-shadow:inset 0 -3px var(--teal)}
.metrics .posture strong{font:800 25px/1 var(--mono);color:var(--teal)}
.red strong{color:var(--red)}
.amber strong{color:var(--amber)}
.blue strong{color:var(--blue)}
.thesis{margin:0 4vw;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line)}
.thesis>div:first-child{max-width:850px}
.thesis>div>p:last-child{margin:0;font:600 19px/1.45 var(--mono);color:var(--ink)}
.tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.tags span,.tag{padding:6px 8px;background:rgba(47,232,189,.05);border:1px solid var(--line);color:var(--teal);font:700 9px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px)}
.top-signal{margin:34px 4vw 48px;min-height:286px;display:grid;grid-template-columns:72px 1fr 180px;background:linear-gradient(135deg,#081514,#03090a);color:var(--ink);border:1px solid var(--line-bright);box-shadow:0 0 50px rgba(45,224,232,.1),0 18px 38px rgba(0,0,0,.5)}
.index{padding-top:24px;text-align:center;border-right:1px solid var(--line);color:var(--teal);font:700 12px/1 var(--mono)}
.top-copy{padding:38px 4vw}
.top-copy .eyebrow{color:var(--teal)}
.top-copy h2{max-width:850px;margin:9px 0 16px;font:800 32px/1.15 var(--mono);letter-spacing:-.01em;color:var(--white)}
.top-copy>p:not(.eyebrow){max-width:760px;color:var(--text2);font-size:14px;line-height:1.55}
.top-actions{margin-top:25px;display:flex;align-items:center;gap:22px}
.top-actions button{padding:12px 16px;border:0;background:var(--teal);color:#00201a;box-shadow:var(--glow-teal-soft);font:700 11px/1 var(--mono);letter-spacing:.03em;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)}
.top-actions button:hover{box-shadow:var(--glow-teal)}
.top-actions a{color:var(--blue);font:700 11px/1 var(--mono);text-underline-offset:4px}
.top-actions a:hover{text-shadow:var(--glow-blue)}
.score{align-self:center;justify-self:center;position:relative;width:128px;height:128px;display:grid;place-content:center;text-align:center;border:2px solid var(--teal);border-radius:50%;background:radial-gradient(circle,rgba(47,232,189,.08),transparent 72%);box-shadow:var(--glow-teal-soft),inset 0 0 20px rgba(47,232,189,.05);font:800 40px/1 var(--mono);color:var(--white)}
.score::before{content:'';position:absolute;inset:-9px;border-radius:50%;background:repeating-conic-gradient(var(--teal) 0deg 1.5deg,transparent 1.5deg 9deg);opacity:.5;animation:hud-pulse 3.6s ease-in-out infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px))}
.score::after{content:'';position:absolute;inset:-18px;opacity:.55;animation:hud-pulse 3.6s ease-in-out infinite;background:
  linear-gradient(var(--teal),var(--teal)) top center/2px 8px no-repeat,
  linear-gradient(var(--teal),var(--teal)) bottom center/2px 8px no-repeat,
  linear-gradient(90deg,var(--teal),var(--teal)) center left/8px 2px no-repeat,
  linear-gradient(90deg,var(--teal),var(--teal)) center right/8px 2px no-repeat}
.score small{color:var(--muted);font:11px/1 var(--mono)}
.workspace{margin:0 4vw 56px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:20px;align-items:start}
.board,.detail{background:var(--panel);border:1px solid var(--line)}
.section-head{padding:26px 28px 20px;display:flex;justify-content:space-between;align-items:flex-end}
.section-head h2,.detail h2{margin:0;font:800 23px/1.2 var(--mono);letter-spacing:-.005em;color:var(--white)}
#result-count{color:var(--teal);font:700 10px/1 var(--mono);letter-spacing:.1em}
.filters{padding:0 28px 20px;display:grid;grid-template-columns:1fr 150px 160px;gap:9px}
.filters label{position:relative}
.filters label span{position:absolute;left:13px;top:8px;font-size:20px;color:var(--muted)}
.filters input,.filters select{width:100%;height:40px;border:1px solid var(--line);background:#03090a;color:var(--ink);outline:none}
.filters input{padding:0 12px 0 39px;font-size:12px}
.filters select{padding:0 9px;font:600 11px/1 var(--mono)}
.filters input:focus,.filters select:focus{border-color:var(--teal);box-shadow:0 0 0 2px rgba(47,232,189,.18),var(--glow-teal-soft)}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:11px}
th{padding:10px 12px;text-align:left;border-block:1px solid var(--line);color:var(--muted);background:#03090a;font:700 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
td{padding:16px 12px;border-bottom:1px solid var(--line);color:var(--text2)}
tbody tr{cursor:pointer}
tbody tr:hover,tbody tr.selected{background:rgba(47,232,189,.05)}
tbody tr.selected{box-shadow:inset 3px 0 var(--teal)}
.rank{color:var(--muted);font:700 10px/1 var(--mono)}
.row-title{max-width:300px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;font-weight:700;line-height:1.35;cursor:pointer}
.row-title:hover{color:var(--teal)}
.muted{color:var(--muted)}
.mobile-summary{display:none}
.urgency{font:700 9px/1.2 var(--mono);text-transform:uppercase;white-space:nowrap}
.immediate{color:var(--red)}
.watch-closely{color:var(--amber)}
.relevant{color:var(--teal)}
.background{color:var(--muted)}
.empty{text-align:center;padding:35px;color:var(--muted)}
.detail{position:sticky;top:16px;padding:27px}
.detail-head{display:flex;justify-content:space-between;gap:12px;animation:hud-in .25s ease}
.detail h2{margin-top:12px;animation:hud-in .28s ease}
.confidence{margin:18px 0;padding:9px 0;display:flex;gap:9px;border-block:1px solid var(--line);animation:hud-in .3s ease}
.confidence span{color:var(--teal);font:700 9px/1 var(--mono);text-transform:uppercase}
.confidence span+span{padding-left:9px;border-left:1px solid var(--line);color:var(--muted)}
dl{margin:0;animation:hud-in .34s ease}
dl>div{padding:15px 0;border-bottom:1px solid var(--line)}
dt{margin-bottom:6px;color:var(--muted);font:700 9px/1 var(--mono);letter-spacing:.1em}
dd{margin:0;color:var(--text2);font-size:12px;line-height:1.5}
.action{margin:8px -10px 0;padding:16px 10px!important;border:0!important;background:rgba(47,232,189,.04);box-shadow:inset 3px 0 var(--teal)}
.action small{display:block;margin-top:10px;color:var(--teal);font:700 9px/1 var(--mono)}
.detail .tags{margin:18px 0;justify-content:flex-start}
.sources{padding-top:17px;border-top:1px solid var(--line);animation:hud-in .38s ease}
.sources a{margin-top:8px;padding:11px;display:grid;grid-template-columns:70px 1fr 15px;gap:8px;align-items:center;color:var(--ink);background:#03090a;border:1px solid var(--line);text-decoration:none;font-size:11px;line-height:1.25}
.sources a:hover{border-color:var(--teal);box-shadow:var(--glow-teal-soft)}
.sources a span{color:var(--teal);font:700 8px/1 var(--mono);text-transform:uppercase}
.sources a b{color:var(--teal)}
footer{padding:22px 4vw;display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);font:700 9px/1 var(--mono);letter-spacing:.08em}
@keyframes hud-in{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:980px){
  .workspace{grid-template-columns:1fr}
  .detail{position:static}
  .metrics{grid-template-columns:repeat(4,1fr)}
  .metrics .posture{grid-column:1/-1;min-height:82px}
  .top-signal{grid-template-columns:55px 1fr 140px}
  .filters{grid-template-columns:1fr 140px 150px}
}
@media(max-width:700px){
  .report-meta{display:none}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .metrics .posture{grid-column:1/-1}
  .thesis{align-items:flex-start;flex-direction:column;gap:18px}
  .tags{justify-content:flex-start}
  .top-signal{margin-top:20px;grid-template-columns:42px 1fr}
  .score{display:none}
  .top-copy{padding:28px 24px}
  .top-copy h2{font-size:24px}
  .top-actions{align-items:flex-start;flex-direction:column}
  .workspace{margin-inline:14px}
  .section-head{padding:22px 18px 16px}
  .filters{padding:0 18px 18px;grid-template-columns:1fr}
  th:nth-child(n+3),td:nth-child(n+3){display:none}
  .mobile-summary{display:block;margin-top:4px;color:var(--muted);font:9px/1.2 var(--mono)}
  .detail{padding:21px}
  footer{gap:12px;flex-direction:column}
}
