Blame for static/app.css

:root{
  --bg:#0c0a0d; --card:#16131a; --card2:#120f16; --well:#0e0b12; --line:#2a2333; --line2:#1f1a26; --ink:#efe9f0;
  --muted:#a094a8; --faint:#6b6070;
  --ember:#f0803a; --ember2:#e5b45a; --amber:#e5b45a;
  --neutral:#6ea8ff; --bull:#3ed88f; --bear:#ff6b6b; --pm:#c08bff;
  --pos:#3ed88f; --neg:#ff6b6b;
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;
  background:radial-gradient(1000px 500px at 50% -8%, #3a1c0e55, transparent 60%),
    radial-gradient(800px 500px at 90% 0%, #2a1440aa, transparent 55%), var(--bg)}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:baseline;gap:14px;min-width:0}
.brand h1{margin:0;font-size:26px;letter-spacing:-.02em;background:linear-gradient(92deg,#f0803a,#e5b45a);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.brand-tag{font-family:var(--mono);font-size:12px;color:var(--faint)}
.badge{font-family:var(--mono);font-size:11.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.badge.warn{color:var(--amber);border-color:#4a3a1a}
main{max-width:980px;margin:0 auto;padding:28px 20px 80px}
a{color:var(--ember2)}
:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
.c-neutral{color:var(--neutral)} .c-bull{color:var(--bull)} .c-bear{color:var(--bear)} .c-pm{color:var(--pm)}
.up{color:var(--pos)} .down{color:var(--neg)} .flat{color:var(--amber)}

/* ── launch ── */
.launch{text-align:center;max-width:720px;margin:18px auto 6px}
.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember2);margin:0 0 10px}
.launch h2{font-size:clamp(34px,6.5vw,54px);line-height:1.05;margin:.05em 0 .3em;letter-spacing:-.035em;text-wrap:balance}
.launch h2 .glow{background:linear-gradient(92deg,#f0803a 0%,#e5b45a 55%,#f6d98f 100%);-webkit-background-clip:text;background-clip:text;
  color:transparent;filter:drop-shadow(0 0 22px #f0803a55)}
.lede{color:var(--muted);font-size:15.5px;line-height:1.55;max-width:60ch;margin:0 auto 16px;text-wrap:pretty}
.lede b{color:var(--ink);font-weight:600;white-space:nowrap}
/* what runs on every analysis: a quiet strip under the search, not boxes */
.caps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);max-width:640px;margin:34px auto 0;padding:18px 0 0;
  border-top:1px solid var(--line)}
.caps li{display:flex;flex-direction:column;gap:3px;padding:0 18px;text-align:center}
.caps li + li{border-left:1px solid var(--line)}
.caps b{font-size:13px;font-weight:650;color:var(--ink);letter-spacing:-.005em}
.caps b::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ember);margin-right:7px;vertical-align:2px}
.caps span{font-size:12px;color:var(--faint)}
.launch-row{display:flex;gap:10px;justify-content:center}
#ticker{font-family:var(--mono);font-size:17px;letter-spacing:.04em;text-transform:uppercase;text-align:center;
  width:min(340px,100%);padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:var(--well);color:var(--ink)}
#ticker::placeholder{text-transform:none;letter-spacing:0;color:var(--faint)}
#ticker:focus{outline:none;border-color:var(--ember)}
#run{font-family:var(--sans);font-size:16px;font-weight:650;padding:13px 26px;border-radius:12px;border:0;cursor:pointer;
  color:#1a0f06;background:linear-gradient(92deg,#f0803a,#e5b45a);flex:none}
#run:hover{filter:brightness(1.07)} #run:disabled{opacity:.5;cursor:default}
.examples{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px auto 0}
.ex-label{font-family:var(--mono);font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.5px}
.ex-chip{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.03em;padding:7px 13px;border-radius:999px;
  border:1px solid var(--line);background:var(--well);color:var(--muted);cursor:pointer;transition:.15s}
.ex-chip:hover{color:var(--ink);border-color:var(--ember);background:#150f18}
.ex-chip em{font-style:normal;font-size:10px;font-weight:700;margin-left:6px}
.ex-chip small{font-size:9.5px;color:var(--faint);margin-left:5px}
.modelrow{color:var(--faint);font-size:12px;margin:16px 0 0}
.modelrow b{font-weight:600}
.fineprint{color:var(--faint);font-size:12px;margin:26px auto 0;line-height:1.5;max-width:60ch}
.fineprint-dm{margin-top:6px;opacity:.8}

/* once an analysis is open, the intro folds down to the search box */
body.has-analysis .launch{margin-top:0}
body.has-analysis .launch > :not(.launch-row){display:none}

/* ── analysis shell ── */
.analysis{margin-top:30px;background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);
  border-radius:18px;padding:22px 24px;box-shadow:0 30px 60px -40px #000}
.analysis[hidden]{display:none}
.verdict-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.v-ticker{font-size:24px;font-weight:700;letter-spacing:-.01em}
.v-ticker[hidden]{display:none}
.status-chip{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:3px}
.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.actions[hidden],.notice[hidden]{display:none}
.act{font-family:var(--mono);font-size:12px;padding:8px 12px;border-radius:9px;border:1px solid var(--line);
  background:var(--well);color:var(--muted);text-decoration:none;cursor:pointer;min-height:36px}
.act:hover,.act:focus-visible{color:var(--ink);border-color:var(--ember);outline:none}
.act:disabled{opacity:.6;cursor:default}
.notice{margin:0 0 16px;padding:12px 14px;border:1px solid #4a3a1a;border-radius:12px;background:rgba(229,180,90,.06);
  color:var(--ink);font-size:14px;line-height:1.55}

/* ── progress ── */
.runbar{margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.runbar[hidden]{display:none}
.run-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px}
.run-now{font-weight:600;font-size:14.5px}
.run-clock{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.progress-track{height:6px;background:var(--well);border-radius:5px;overflow:hidden}
.progress-fill{height:100%;width:1%;background:linear-gradient(90deg,#f0803a,#e5b45a);transition:width .5s linear;
  box-shadow:0 0 12px #f0803a88}
.steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.steps li{position:relative;padding:10px 11px 11px;border:1px solid var(--line2);border-radius:11px;background:var(--well);
  color:var(--faint);transition:border-color .3s,color .3s}
.steps li b{display:block;font-size:13px;font-weight:650}
.steps li span{display:block;font-size:11.5px;line-height:1.35;margin-top:3px}
.steps li.is-now{border-color:#5a3a22;color:var(--ink)}
.steps li.is-now b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ember);
  margin-left:7px;vertical-align:1px;animation:pulse 1.2s ease-in-out infinite}
.steps li.is-done{color:var(--muted)}
.steps li.is-done b::before{content:"✓ ";color:var(--pos)}
.pips{display:flex;gap:5px;margin-top:8px;font-style:normal}
.pips em{width:18px;height:5px;border-radius:3px;background:var(--line)}
.pips em.on{background:var(--ember2);box-shadow:0 0 8px #e5b45a88}
.seats{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;font-style:normal}
.seats em{font-style:normal;font-family:var(--mono);font-size:10.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--faint)}
.seats em.thinking{color:var(--ink);border-color:var(--muted);animation:pulse 1.2s ease-in-out infinite}
.seats em.spoke,.seats em.done{color:var(--bg);border-color:transparent}
.seats em[data-role="neutral"].done{background:var(--neutral)}
.seats em[data-role="bear"].spoke,.seats em[data-role="bear"].done{background:var(--bear)}
.seats em[data-role="bull"].spoke,.seats em[data-role="bull"].done{background:var(--bull)}
.seats em[data-role="pm"].done{background:var(--pm)}
.seats em.spoke.thinking{animation:none}
.hood{margin-top:14px;padding:13px 15px;border-radius:11px;background:linear-gradient(135deg,#1b1420,#140f18);border:1px solid var(--line2)}
.hood[hidden],.wait-card[hidden]{display:none}
.hood h4{margin:0 0 8px;font-size:13.5px;color:var(--ember2)}
.hood h4 span{color:var(--muted);font-weight:500}
.hood ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.hood li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.hood li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--line)}
.hood li b{color:var(--ink);font-weight:600}
.hood li.in{animation:fadein .5s ease}
.hood li.latest{color:var(--ink)}
.hood li.latest::before{background:var(--ember);box-shadow:0 0 8px #f0803a;animation:pulse 1.2s ease-in-out infinite}
.hood li.done::before,.hood li:not(.latest):not([data-at])::before{background:var(--pos)}
.hood li[data-at]:not(.done):not(.latest){opacity:.55}
.wait-card{margin-top:14px;padding:13px 15px;border-radius:11px;background:linear-gradient(135deg,#1b1420,#140f18);border:1px solid var(--line2)}
.wait-card h4{margin:0 0 4px;font-size:13.5px;color:var(--ember2)}
.wait-card p{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted);max-width:70ch}
.wait-card.in{animation:fadein .5s ease}
.wait-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.wait-actions .act[hidden]{display:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.prev-note{font-family:var(--mono);font-size:12px;color:var(--amber);border:1px dashed #4a3a1a;border-radius:10px;padding:9px 12px}
#prev-report[hidden]{display:none}
#prev-report .crucible-report{opacity:.92}

.mini-run{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;height:42px;border-radius:999px;
  border:1px solid var(--line);background:#16121bee;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);
  overflow:hidden;cursor:pointer;padding:0 16px;text-align:left;box-shadow:0 10px 30px -10px #000}
.mini-run[hidden]{display:none}
.mini-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#f0803a33,#e5b45a44);transition:width .5s linear}
.mini-text{position:relative;font-family:var(--mono);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}

/* ── the audited report: the engine's HTML, styled here, never re-computed ── */
.crucible-report{font-size:15.5px;line-height:1.62;color:var(--ink)}
.crucible-report h1{font-size:22px;letter-spacing:-.01em;margin:0 0 12px;text-wrap:balance}
.crucible-report h2{font-size:17px;margin:26px 0 10px;text-wrap:balance}
.crucible-report h3{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);margin:18px 0 6px}
.crucible-report p{margin:8px 0;max-width:72ch}
.crucible-report ul{margin:6px 0 10px;padding-left:20px;max-width:72ch}
.crucible-report li{margin:5px 0}
.crucible-report{overflow-wrap:break-word}
.crucible-report .cl{font-variant-numeric:tabular-nums;font-weight:600}
.crucible-report .version{font-family:var(--mono);font-size:11px;color:var(--faint)}
.crucible-report .seat-head{font-weight:600;margin-top:18px}
.rp-debate .seat-head .cl{color:var(--ink)}

/* verdict */
.crucible-report .verdict{font-size:13.5px;font-weight:500;color:var(--muted);padding:14px 18px;border:1px solid var(--line);border-radius:14px;
  background:var(--well);max-width:none;line-height:1.7}
.verdict .cl[data-claim="RATING"]{display:inline-block;font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.04em;
  padding:3px 12px;border-radius:999px;color:var(--bg);background:var(--amber);vertical-align:2px}
.verdict .cl[data-claim="HEADLINE_RETURN"]{font-size:26px;font-weight:750;color:var(--ink);vertical-align:-2px;margin:0 2px}
.verdict .cl[data-claim="HEADLINE_RETURN"]::after{content:"\A";white-space:pre}
.verdict .cl[data-claim="PRICE"]{color:var(--ink)}
.r-buy .verdict .cl[data-claim="RATING"],.r-strongbuy .verdict .cl[data-claim="RATING"]{background:var(--bull)}
.r-sell .verdict .cl[data-claim="RATING"],.r-strongsell .verdict .cl[data-claim="RATING"]{background:var(--bear)}

/* key figures */
.rp-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 4px}
.rp-tile{border:1px solid var(--line2);border-radius:12px;padding:11px 13px;background:var(--well);min-width:0}
.rp-tile-l{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.rp-tile-v{font-size:19px;font-weight:700;margin:5px 0 2px;line-height:1.25}
.rp-tile-v .cl{white-space:normal}
.rp-tile-v .cl[data-claim="MOMENTUM"]{text-transform:lowercase}
.rp-tile-n{font-size:12.5px;color:var(--muted);line-height:1.4}
.rp-tile-n .cl{font-weight:600;color:var(--ink)}

/* in brief */
.rp-summary h2{margin-top:22px}
.rp-summary > p{font-size:16px}

/* collapsible detail sections */
.rp-more{border:1px solid var(--line2);border-radius:13px;margin:10px 0;background:var(--well)}
.rp-more:first-of-type{margin-top:24px}
.rp-more > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:52px;border-radius:13px}
.rp-more > summary::-webkit-details-marker{display:none}
.rp-more > summary:hover{background:#15101a}
.rp-more > summary h2{margin:0;font-size:15.5px;font-weight:650;flex:1}
.rp-more > summary h2 .cl{color:var(--muted);font-weight:600}
.rp-more > summary::after{content:"›";flex:none;font-size:22px;line-height:1;color:var(--muted);transform:rotate(90deg);transition:transform .2s}
.rp-more[open] > summary::after{transform:rotate(-90deg)}
.rp-more[open] > summary{border-bottom:1px solid var(--line2);border-radius:13px 13px 0 0}
.rp-more > :not(summary){margin-left:16px;margin-right:16px}
.rp-more > :last-child{margin-bottom:16px}
.rp-more > p:first-of-type{margin-top:14px}

/* debate key points: headline first, the full point on a tap */
.rp-points{list-style:none;padding-left:0;margin:6px 0 12px;max-width:72ch}
.rp-points li{margin:0;border-bottom:1px solid var(--line2)}
.rp-points li:last-child{border-bottom:0}
.rp-points summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;padding:8px 2px;font-weight:600;font-size:14.5px}
.rp-points summary::-webkit-details-marker{display:none}
.rp-points summary::before{content:"+";flex:none;width:12px;color:var(--ember);font-weight:700}
.rp-points details[open] summary::before{content:"–"}
.rp-points details p{margin:0 0 10px 22px;color:var(--ink);font-size:14.5px}
.crucible-report h4.rp-round{font-family:var(--mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);margin-top:14px;margin-bottom:2px}

/* intrinsic value: each titled part is a one-line headline that opens on a tap */
.rp-sub{border-bottom:1px solid var(--line2)}
.rp-sub > summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;padding:10px 2px;font-weight:600;font-size:14.5px}
.rp-sub > summary::-webkit-details-marker{display:none}
.rp-sub > summary::before{content:"+";flex:none;width:12px;color:var(--ember);font-weight:700}
.rp-sub[open] > summary::before{content:"–"}
.rp-sub > :not(summary){margin-left:22px}
.rp-sub > :last-child{margin-bottom:12px}

/* tables */
.rp-scroll{overflow-x:auto;margin:6px 0 12px;-webkit-overflow-scrolling:touch}
.rp-t{border-collapse:collapse;min-width:100%;font-size:13.5px}
.rp-t th{text-align:left;font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;
  letter-spacing:.05em;padding:7px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.rp-t td{padding:7px 10px;border-bottom:1px solid var(--line2);font-variant-numeric:tabular-nums}
.rp-t td:not(:first-child),.rp-t th:not(:first-child){text-align:right}
.rp-fund th{white-space:normal}
.crucible-report p.rp-foot{font-size:12.5px;line-height:1.5;color:var(--muted);margin-top:-4px;margin-bottom:10px}

/* ── phones ── */
@media(max-width:720px){
  .steps{grid-template-columns:1fr 1fr}
  .rp-tiles{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  header{padding:12px 16px}
  .brand h1{font-size:22px}
  .brand-tag{display:none}
  main{padding:18px 16px 90px}
  .launch{margin-top:6px}
  .lede{font-size:14.5px}
  .lede b{white-space:normal;display:block;margin-top:4px}
  .caps{grid-template-columns:1fr;gap:10px;margin-top:26px;padding-top:16px}
  .caps li{flex-direction:row;justify-content:space-between;align-items:baseline;padding:0 4px;text-align:left}
  .caps li + li{border-left:0}
  .launch-row{flex-direction:column;align-items:stretch}
  #ticker{width:100%}
  .analysis{padding:14px;border-radius:14px;margin-top:22px}
  .verdict-head{flex-direction:column;gap:8px}
  .actions{justify-content:flex-start}
  .runbar{padding:12px}
  .steps li{padding:9px 10px}
  .steps li span{display:none}
  .steps li.is-now span{display:block}
  .crucible-report{font-size:15px}
  .crucible-report h1{font-size:20px}
  .crucible-report .verdict{padding:13px 14px}
  .verdict .cl[data-claim="HEADLINE_RETURN"]{font-size:23px}
  .rp-tile{padding:10px 11px}
  .rp-tile-v{font-size:17px}
  .rp-more > summary{padding:13px 14px}
  .rp-more > :not(summary){margin-left:12px;margin-right:12px}
  .rp-sub > :not(summary){margin-left:0}
  .rp-t{font-size:12.5px}
  /* multi-column tables become labelled cards: the row name, then one "column: value" line per cell */
  .rp-scroll{overflow-x:visible}
  .rp-t{min-width:0;width:100%}
  .rp-t:not(.rp-kv) thead{display:none}
  .rp-t:not(.rp-kv),.rp-t:not(.rp-kv) tbody,.rp-t:not(.rp-kv) tr{display:block;width:100%}
  .rp-t:not(.rp-kv) tr{padding:10px 0;border-bottom:1px solid var(--line2)}
  .rp-t:not(.rp-kv) td{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:2px 0;border:0;text-align:right}
  .rp-t:not(.rp-kv) td::before{content:attr(data-label);color:var(--muted);font-size:12px;text-align:left;flex:1 1 55%}
  .rp-t:not(.rp-kv) td:first-child{display:block;text-align:left!important;font-weight:650;padding-bottom:4px}
  .rp-t:not(.rp-kv) td:first-child::before{content:none}
  .rp-kv thead{display:none}
  .rp-kv,.rp-kv tbody,.rp-kv tr,.rp-kv td{display:block;width:100%}
  .rp-kv tr{padding:9px 0;border-bottom:1px solid var(--line2)}
  .rp-kv td{padding:1px 0;border:0;text-align:left!important}
  .rp-kv td:first-child{font-size:12px;color:var(--muted)}
  .rp-kv td:last-child .cl{white-space:normal}
}
@media print{
  header,.launch,.runbar,.actions,.notice,.mini-run,#prev-report{display:none!important}
  .rp-points summary::before,.rp-sub > summary::before{display:none}
  body{background:#fff;color:#000}
  .analysis{border:0;box-shadow:none;background:#fff;padding:0}
  .crucible-report,.crucible-report .verdict,.rp-tile,.rp-more{color:#000;background:#fff;border-color:#ccc}
  .rp-more > summary::after{display:none}
  .rp-t td,.rp-t th{border-color:#ccc;color:#000}
  /* a printed table cannot scroll: fit the page width and wrap headings instead of clipping columns */
  .rp-scroll{overflow:visible}
  .rp-t{width:100%;min-width:0}
  .rp-t th{white-space:normal}
  .crucible-report p.rp-foot{color:#333}
}
@media(prefers-reduced-motion:reduce){
  .progress-fill,.mini-fill{transition:none}
  .steps li.is-now b::after,.seats em.thinking,.wait-card.in,.hood li.in,.hood li.latest::before{animation:none}
}