/* Layout: emisiune pe capitole. Bară de capitole fixă sus; fiecare capitol e un segment cu o idee, o cifră mare și un grafic. */
:root{
  --bg:#eef1f5; --surface:#fbfcfd; --surface-2:#e3e8ef;
  --ink:#10131a; --ink-2:#424c5e; --muted:#606a7b; --line:#d9dfe7; --base:#b3bcc8;
  --accent:#3e6ae1; --accent-ink:#2a52bf; --accent-soft:#e0e7fb;
  --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a; --s1-dim:#b7d3f6; --tick:#10131a;
  --up:#14a07a; --down:#c8333b; --ma50:#2a78d6; --ma200:#c98500; --neg:#e34948;
  --r-sb:#1c5cab; --r-sb-ink:#ffffff; --r-b:#86b6ef; --r-b-ink:#10131a; --r-h:#d3d9e1; --r-h-ink:#10131a;
  --r-s:#f2a6a3; --r-s-ink:#10131a; --r-ss:#c23b3a; --r-ss-ink:#ffffff;
  --good:#0a7334; --good-bg:#dcf1e3; --bad:#ad2f29; --bad-bg:#f9e2df; --flat:#4b5466; --flat-bg:#e2e7ee;
  --note:#fbf3df; --note-line:#d9b85e; --note-ink:#4f3c0e;
  --hero-bg:#0f1319; --hero-ink:#f2f4f7; --hero-ink-2:#a9b2c1; --hero-line:#283039; --hero-seg:#1c222b;
  --hero-good:#62d48e; --hero-bad:#ff8c82; --hero-flat:#c3c9d3; --hero-accent:#8ea8ff;
  --f-display:'Archivo','Arial Narrow',Arial,sans-serif;
  --f-body:'Hanken Grotesk','Segoe UI',system-ui,-apple-system,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;
  --radius:10px; --bar-h:60px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0c0e12; --surface:#161a20; --surface-2:#222831;
    --ink:#eef1f5; --ink-2:#b9c1cd; --muted:#8e97a7; --line:#272d37; --base:#3d4552;
    --accent:#7b98ff; --accent-ink:#a3b6ff; --accent-soft:#1c2540;
    --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s1-dim:#27486f; --tick:#eef1f5;
    --up:#1faa79; --down:#ec5656; --ma50:#3987e5; --ma200:#c98500; --neg:#e66767;
    --r-sb:#5598e7; --r-sb-ink:#0c0e12; --r-b:#24497a; --r-b-ink:#eef1f5; --r-h:#3a414c; --r-h-ink:#eef1f5;
    --r-s:#7a3236; --r-s-ink:#eef1f5; --r-ss:#e66767; --r-ss-ink:#0c0e12;
    --good:#5fd08b; --good-bg:#12291b; --bad:#ff8a80; --bad-bg:#33181b; --flat:#a8b0be; --flat-bg:#232933;
    --note:#221d12; --note-line:#6e5826; --note-ink:#ecd9a8;
    --hero-bg:#141922; --hero-line:#2b333f; --hero-seg:#1f2630;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0c0e12; --surface:#161a20; --surface-2:#222831;
  --ink:#eef1f5; --ink-2:#b9c1cd; --muted:#8e97a7; --line:#272d37; --base:#3d4552;
  --accent:#7b98ff; --accent-ink:#a3b6ff; --accent-soft:#1c2540;
  --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s1-dim:#27486f; --tick:#eef1f5;
  --up:#1faa79; --down:#ec5656; --ma50:#3987e5; --ma200:#c98500; --neg:#e66767;
  --r-sb:#5598e7; --r-sb-ink:#0c0e12; --r-b:#24497a; --r-b-ink:#eef1f5; --r-h:#3a414c; --r-h-ink:#eef1f5;
  --r-s:#7a3236; --r-s-ink:#eef1f5; --r-ss:#e66767; --r-ss-ink:#0c0e12;
  --good:#5fd08b; --good-bg:#12291b; --bad:#ff8a80; --bad-bg:#33181b; --flat:#a8b0be; --flat-bg:#232933;
  --note:#221d12; --note-line:#6e5826; --note-ink:#ecd9a8;
  --hero-bg:#141922; --hero-line:#2b333f; --hero-seg:#1f2630;
  color-scheme:dark;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + env(safe-area-inset-top,0px))}
html.snap{scroll-snap-type:y proximity}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
button{font:inherit;color:inherit}
kbd{font-family:var(--f-mono);font-size:12px;padding:1px 6px;border-radius:4px;border:1px solid var(--hero-line);background:var(--hero-seg);color:var(--hero-ink)}

/* Bara de sus */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:14px;height:var(--bar-h)}
.brand{font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;white-space:nowrap;color:var(--ink);text-decoration:none;display:flex;gap:8px;align-items:center}
.brand b{font-weight:500;background:var(--ink);color:var(--bg);padding:3px 7px;border-radius:5px}
.pills{position:relative;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;scroll-behavior:smooth}
.pills::-webkit-scrollbar{display:none}
.pill{font-size:14px;font-weight:500;line-height:1;padding:9px 12px;border-radius:999px;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.pill:hover{background:var(--surface-2);color:var(--ink)}
.pill[aria-current="true"]{background:var(--ink);color:var(--bg)}
.pill .n{font-family:var(--f-mono);font-size:11px;opacity:.65;margin-right:6px}
.tools{display:flex;gap:6px;flex:none}
.tool{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;color:var(--ink-2)}
.tool:hover{color:var(--ink);border-color:var(--base)}
.tool[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}
.prog{font-family:var(--f-mono);font-size:12px;color:var(--muted);white-space:nowrap}
@media (max-width:720px){.tool .lbl-long{display:none}.prog{display:none}#t-present,#t-theme{display:none}}
@media (max-width:480px){.brand span{display:none}}

/* Hero */
.hero{background:var(--hero-bg);color:var(--hero-ink);padding-block:clamp(40px,7vw,96px) clamp(36px,5vw,72px)}
.hero .eyebrow{color:var(--hero-accent)}
.hero h1{font-family:var(--f-display);font-stretch:125%;font-weight:800;font-size:clamp(50px,10.5vw,148px);line-height:.9;letter-spacing:-.015em;margin:0}
.hero h1 span{color:var(--hero-accent)}
.verdict{font-family:var(--f-display);font-stretch:100%;font-weight:600;font-size:clamp(26px,3.8vw,48px);line-height:1.08;margin:22px 0 0;text-wrap:balance}
.verdict .dn{color:var(--hero-bad)} .verdict .up{color:var(--hero-good)}
.hero .sub{color:var(--hero-ink-2);font-size:clamp(17px,1.6vw,21px);max-width:60ch;margin:16px 0 0}
.miles{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.miles li{font-size:14px;border:1px solid var(--hero-line);border-radius:999px;padding:6px 12px;color:var(--hero-ink)}
.cmp-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px}
.cmp-row .lbl{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--hero-ink-2)}
.hero .seg{background:var(--hero-seg)}
.hero .seg button{color:var(--hero-ink-2)}
.hero .seg button[aria-pressed="true"]{background:var(--hero-ink);color:var(--hero-bg)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--hero-line);border:1px solid var(--hero-line);border-radius:12px;overflow:hidden;margin-top:14px}
.kpi{background:var(--hero-bg);padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;min-width:0}
.kpi .l{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--hero-ink-2)}
.kpi .v{font-family:var(--f-display);font-stretch:106%;font-weight:650;font-size:clamp(24px,3vw,40px);line-height:1.05;white-space:nowrap}
.kpi .d{font-size:14px;font-weight:600;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.kpi .d small{font-weight:400;color:var(--hero-ink-2);font-size:13px}
.kpi .d.good{color:var(--hero-good)} .kpi .d.bad{color:var(--hero-bad)} .kpi .d.flat{color:var(--hero-flat)}
.keys{margin:22px 0 0;font-size:14px;color:var(--hero-ink-2);display:flex;gap:6px;flex-wrap:wrap;align-items:center}
@media (hover:none){.keys{display:none}}
@media (max-width:820px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.kpis{grid-template-columns:minmax(0,1fr)}}

/* Segmented controls */
.seg{display:inline-flex;flex-wrap:wrap;padding:3px;border-radius:999px;background:var(--surface-2);gap:2px}
.seg button{border:0;background:transparent;color:var(--ink-2);font-size:14px;font-weight:500;line-height:1;padding:9px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"],.seg button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(16,19,26,.12)}
@media (max-width:560px){.seg{border-radius:14px}.seg button{border-radius:11px}}

/* Capitole */
.chapter{padding-block:clamp(56px,8vw,112px);border-top:1px solid var(--line)}
.ch-head{max-width:64rem;margin-bottom:clamp(28px,4vw,44px)}
.eyebrow{font-family:var(--f-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 16px;display:flex;gap:12px;align-items:center}
.eyebrow .n{display:inline-grid;place-items:center;min-width:34px;height:24px;border-radius:6px;background:var(--accent-soft);color:var(--accent-ink);letter-spacing:0;padding:0 6px}
.hero .eyebrow .n{background:var(--hero-seg);color:var(--hero-accent)}
h2{font-family:var(--f-display);font-stretch:112%;font-weight:700;font-size:clamp(30px,4.6vw,60px);line-height:1.02;letter-spacing:-.012em;margin:0;text-wrap:balance}
.lede{font-size:clamp(17px,1.5vw,20px);color:var(--ink-2);max-width:62ch;margin:18px 0 0}
h3{font-size:18px;font-weight:600;margin:0}
.split{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.split.even{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media (max-width:920px){.split,.split.even{grid-template-columns:minmax(0,1fr)}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,2.2vw,24px);min-width:0}
.stack{display:flex;flex-direction:column;gap:20px;min-width:0}

/* Grafice */
.viz-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 16px;flex-wrap:wrap;margin-bottom:14px}
.viz-title{font-size:17px;font-weight:600;margin:0}
.viz-sub{font-size:14px;color:var(--muted);margin:2px 0 0}
.viz{position:relative;min-height:250px}
.viz svg{display:block;width:100%;height:auto;overflow:visible}
.viz text{font-family:var(--f-mono);font-size:12px;fill:var(--muted)}
.viz text.val{font-family:var(--f-body);font-size:14px;font-weight:600;fill:var(--ink-2)}
.viz text.val.cur{fill:var(--ink)}
.viz text.xl.cur{fill:var(--ink);font-weight:500}
.viz text.end-n{font-family:var(--f-body);font-size:14px;fill:var(--ink-2)}
.viz text.end-v{font-family:var(--f-body);font-size:14px;font-weight:600;fill:var(--ink)}
.grid-l{stroke:var(--line);stroke-width:1}
.base-l{stroke:var(--base);stroke-width:1}
.tickmark{stroke:var(--tick);stroke-width:3;stroke-linecap:round}
.leader{stroke:var(--base);stroke-width:1}
.hit{fill:transparent;cursor:default;outline:none}
.hit:hover,.hit:focus,.hit.on{fill:var(--surface-2)}
.hit:focus-visible{stroke:var(--accent);stroke-width:1.5}
.ovl{fill:transparent;outline:none}
.ovl:focus-visible{stroke:var(--accent);stroke-width:1.5}
.xhair{stroke:var(--base);stroke-width:1}
.tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--bg);padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.35;width:max-content;min-width:min(160px,calc(100% - 4px));max-width:calc(100% - 4px);box-shadow:0 8px 28px rgba(0,0,0,.22);transform:translate(-50%,calc(-100% - 10px));z-index:6;white-space:normal;overflow-wrap:anywhere}
.tip-t{font-family:var(--f-mono);font-size:12px;opacity:.75;margin-bottom:6px;letter-spacing:.04em}
.tip-r{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}
.tip-r .tip-n{flex:1;min-width:0;opacity:.85}
.tip-r b{flex:none;max-width:60%;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.sw{width:10px;height:10px;border-radius:3px;flex:none;display:inline-block}
.sw.line{width:16px;height:3px;border-radius:2px}
.legend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.lg{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;cursor:pointer;line-height:1.2}
.lg[aria-pressed="false"]{opacity:.55;text-decoration:line-through}
span.lg{cursor:default;border-color:transparent;padding-left:0}
.viz-foot{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--muted)}
.ghost{border:0;background:none;color:var(--accent-ink);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0}
.ghost:hover{text-decoration:underline}
.ex-sum{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:10px;font-size:15px;color:var(--ink-2)}
.ex-sum b{color:var(--ink);font-weight:600}
.tbl-wrap{overflow-x:auto;margin-top:12px}
table.data{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
table.data th,table.data td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
table.data th{font-weight:600;color:var(--ink-2);font-family:var(--f-mono);font-size:12px;letter-spacing:.04em}
table.data th:first-child,table.data td:first-child{text-align:left}
table.data tr:last-child td{border-bottom:0}

/* Cipuri de stare */
.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.2;padding:5px 10px;border-radius:999px;width:fit-content;white-space:nowrap}
.chip.good{background:var(--good-bg);color:var(--good)}
.chip.bad{background:var(--bad-bg);color:var(--bad)}
.chip.flat{background:var(--flat-bg);color:var(--flat)}

/* Fapte laterale */
.facts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.facts li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.facts .k{font-family:var(--f-display);font-stretch:108%;font-weight:650;font-size:clamp(24px,2.4vw,30px);line-height:1.1}
.facts .t{font-size:15px;color:var(--ink-2)}
.big{font-family:var(--f-display);font-stretch:112%;font-weight:700;font-size:clamp(54px,7vw,96px);line-height:.95;letter-spacing:-.01em}
/* Override fixed inline report sizing only on small screens; keep complete values visible. */
@media (max-width:480px){body:not(.scenes) .big{font-size:clamp(36px,10vw,48px)!important;line-height:1.05;white-space:normal!important;overflow-wrap:anywhere}}
.big-l{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.src{font-size:13px;color:var(--muted)}

/* Interpretarea de la finalul unui capitol: ce înseamnă cifrele, spus simplu (nu apare în modul înregistrare) */
.take{margin-top:clamp(24px,3.4vw,36px);padding:18px 22px 20px;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;max-width:80ch}
.take .take-h{margin:0 0 8px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}
.take p:not(.take-h){margin:0;font-size:17px;line-height:1.6;color:var(--ink)}

/* Segmente de venit */
.segs{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.segs li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.segs .sw{width:12px;height:12px;align-self:start;margin-top:6px}
.segs .nm{font-weight:600}
.segs .vl{font-family:var(--f-display);font-stretch:108%;font-weight:650;font-size:24px;text-align:right;white-space:nowrap}
.segs .meta{grid-column:2 / 4;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--muted)}

/* Așteptări */
.score{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.score{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.score{grid-template-columns:minmax(0,1fr)}}
.sc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.sc .m{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sc .est{font-size:15px;color:var(--ink-2)}
.sc .est b{font-weight:600;color:var(--ink)}
.resbox{position:relative}
.res{display:flex;flex-direction:column;gap:10px}
.sc .act{font-family:var(--f-display);font-stretch:104%;font-weight:650;font-size:clamp(26px,2.6vw,34px);line-height:1.05;white-space:nowrap}
.sc .act small{display:block;font-family:var(--f-mono);font-size:12px;font-stretch:100%;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.sc .why{font-size:13px;color:var(--muted)}
.reveal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;border:1px dashed var(--base);border-radius:8px;background:var(--surface-2);cursor:pointer;font-weight:600;font-size:15px;color:var(--ink)}
.reveal:hover{border-color:var(--accent);color:var(--accent-ink)}
.sc.masked .res{visibility:hidden}
.sc.masked .reveal{display:flex}
.sc.shown .res{animation:rise .5s ease both}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.score-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}

/* Factori de profit */
.drivers{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.drivers li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line)}
.drivers .dn{font-weight:600}
.drivers .dv{font-family:var(--f-display);font-stretch:106%;font-weight:650;font-size:20px;text-align:right;white-space:nowrap}
.drivers .dd{grid-column:1 / -1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--muted)}

/* Capex meter */
.meter{margin-top:14px}
.meter .track{height:14px;border-radius:7px;background:var(--surface-2);overflow:hidden;display:flex;gap:2px}
.meter .fill{height:100%;background:var(--s1);border-radius:7px 0 0 7px}
.meter .rest{height:100%;flex:1;background:repeating-linear-gradient(135deg,var(--s1-dim) 0 6px,transparent 6px 11px);border-radius:0 7px 7px 0}
.meter .lbls{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:14px;color:var(--ink-2)}

/* Calendar */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.flt{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink-2)}
.flt[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:clamp(28px,4vw,44px)}
@media (max-width:820px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.stats{grid-template-columns:minmax(0,1fr)}}
.stat{border-top:3px solid var(--ink);padding-top:12px;min-width:0}
.stat .n{font-family:var(--f-display);font-stretch:112%;font-weight:700;font-size:clamp(34px,4.4vw,56px);line-height:1}
.stat .t{font-size:15px;color:var(--ink-2);margin-top:6px}
.tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:1000px){.tl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tl{grid-template-columns:minmax(0,1fr)}}
.tl-col{min-width:0}
.tl-col h3{font-family:var(--f-mono);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);border-top:3px solid var(--base);padding-top:12px;margin:0 0 4px;display:flex;justify-content:space-between;gap:8px}
.tl-col.done h3{border-color:var(--accent);color:var(--accent-ink)}
.tl-item{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}
.tl-item .tag{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.tl-empty{font-size:14px;color:var(--muted);padding:12px 0}

/* Bursa */
.quote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
@media (max-width:720px){.quote{grid-template-columns:minmax(0,1fr)}}
.quote > div{background:var(--surface);padding:20px;display:flex;flex-direction:column;gap:6px}
.quote .p{font-family:var(--f-display);font-stretch:110%;font-weight:650;font-size:clamp(32px,3.6vw,48px);line-height:1}
.range{margin-top:40px}
.range .track{position:relative;height:10px;border-radius:5px;background:var(--surface-2);margin:44px 0 44px}
.range .mk{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:3px solid var(--bg)}
.range .mk.c{background:var(--ink)} .range .mk.a{background:var(--s1)}
.range .ml{position:absolute;transform:translateX(-50%);font-size:14px;white-space:nowrap;text-align:center;line-height:1.25}
.range .ml.up{bottom:22px} .range .ml.dn{top:22px}
.range .ml b{display:block;font-weight:600}
.range .ends{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-2)}
.range .ends span:last-child{text-align:right}

/* Graficul acțiunii */
.px-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.px-tools .legend{margin:0}
.viz.px{min-height:440px}
.viz.px text.tag{font-family:var(--f-mono);font-size:12px;font-weight:500}
.viz.px text.lane{font-family:var(--f-body);font-size:12px;font-weight:600;fill:var(--accent-ink)}
.viz.px text.lane2{font-family:var(--f-body);font-size:12px;font-weight:600;fill:var(--ink)}
.viz.px text.cap{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;fill:var(--muted)}
.viz.px text.ann{font-family:var(--f-body);font-size:12px;font-weight:600;fill:var(--ink-2)}
.px-below{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:32px}
@media (max-width:860px){.px-below{grid-template-columns:minmax(0,1fr)}}
.px-below h3{margin-bottom:12px}
.earn{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.earn li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.earn .q{font-weight:600}
.earn .dt{font-size:14px;color:var(--muted);grid-column:1}
.earn .chip{grid-row:1 / span 2;grid-column:2}
@media (max-width:480px){
  .earn li{grid-template-columns:minmax(0,1fr);gap:6px}
  .earn .dt{grid-row:2}
  .earn .chip{grid-row:3;grid-column:1;justify-self:start;max-width:100%;white-space:normal;line-height:1.4}
}
.gloss{margin:0;display:grid;gap:14px}
.gloss dt{font-weight:600;display:flex;align-items:center;gap:8px}
.gloss dd{margin:2px 0 0;color:var(--ink-2);font-size:15px}

/* Analiști */
.recs{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.rec{display:grid;grid-template-columns:96px minmax(0,1fr) 30px;gap:12px;align-items:center}
.rec .l{font-size:14px;color:var(--ink-2)}
.rec.cur .l{color:var(--ink);font-weight:600}
.rec .bar{display:flex;gap:2px;height:32px;min-width:0}
.rec .bar span{display:grid;place-items:center;font-size:13px;font-weight:600;min-width:0}
.rec .bar span:first-child{border-radius:4px 0 0 4px}
.rec .bar span:last-child{border-radius:0 4px 4px 0}
.rec .t{font-size:13px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.sw.vline{width:3px;height:14px;border-radius:1px}
.pt{display:flex;flex-direction:column;margin-top:6px}
.pt-axis,.pt-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,2.6fr) 100px;gap:0 16px;align-items:center}
.pt-axis{padding-bottom:6px;border-bottom:1px solid var(--line)}
.pt-axis .ax{position:relative;height:18px}
.pt-axis .ax span{position:absolute;transform:translateX(-50%);font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.pt-axis .ax span:first-child{transform:none}
.pt-axis .ax span:last-child{transform:translateX(-100%)}
.pt-axis .lbl{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.pt-row{border-bottom:1px solid var(--line);min-height:52px}
.pt-row .f{padding:8px 0;display:flex;flex-direction:column;gap:3px;min-width:0}
.pt-row .f b{font-weight:600}
.pt-row .f small{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pt-row .f .chg{color:var(--accent-ink);font-weight:500}
.pt-row .tr{position:relative;align-self:stretch;min-height:22px}
.pt-row .tr::before,.pt-row .tr::after{content:"";position:absolute;top:0;bottom:0}
.pt-row .tr::before{left:var(--cur);border-left:2px solid var(--ink)}
.pt-row .tr::after{left:var(--mean);border-left:2px solid var(--accent)}
.pt-row .tr .bar{position:absolute;top:50%;height:6px;margin-top:-3px;border-radius:3px}
.pt-row .tr .dot{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid var(--surface);z-index:1}
.pt-row .v{text-align:right;font-variant-numeric:tabular-nums;padding:8px 0}
.pt-row .v b{display:block;font-family:var(--f-display);font-stretch:106%;font-weight:650;font-size:20px;line-height:1.1}
.pt-row .v small{font-size:13px;color:var(--muted)}
.chip.sm{font-size:12px;padding:2px 8px}
@media (max-width:640px){
  .pt-axis,.pt-row{grid-template-columns:minmax(0,1fr) 84px}
  .pt-axis .lbl{display:none}
  .pt-axis .ax{grid-column:1 / -1}
  .pt-row .tr{grid-column:1 / -1;grid-row:2;min-height:24px;margin-bottom:8px}
}

/* Compania vs. S&P 500 */
.vs-ctrl{display:flex;gap:8px;flex-wrap:wrap}
.vs-top{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
@media (max-width:860px){.vs-top{grid-template-columns:minmax(0,1fr)}}
.vs-score{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.vs-score li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.vs-score .k{font-family:var(--f-display);font-stretch:108%;font-weight:650;font-size:28px;line-height:1.1}
.vs-score .t{font-size:14px;color:var(--ink-2);display:flex;gap:8px;align-items:center}
.vs-tw{overflow-x:auto}
table.vs-t{width:100%;border-collapse:collapse;font-size:15px}
.vs-t th,.vs-t td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.vs-t th{font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.vs-t tr:last-child td{border-bottom:0}
.vs-t td.num{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;min-width:120px}
.vs-t td.nw{white-space:nowrap}
.mb{display:block;height:8px;border-radius:4px;min-width:3px;margin-top:6px}
.vs-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:980px){.vs-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.vs-pairs{grid-template-columns:minmax(0,1fr)}}
.pair{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pair .m,.wc .m{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pair .r{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px;color:var(--ink-2)}
.pair .r b{font-family:var(--f-display);font-stretch:106%;font-weight:650;font-size:20px;color:var(--ink);text-align:right;white-space:nowrap}
.tr2{height:10px;background:var(--surface-2);border-radius:5px;overflow:hidden}
.tr2 span{display:block;height:100%;border-radius:5px;min-width:3px}
.pair .why{font-size:13px;color:var(--muted)}
.dots{display:inline-flex;gap:4px;vertical-align:middle}
.dots i{width:12px;height:12px;border-radius:50%;background:var(--surface-2);border:1px solid var(--base)}
.dots i.on{background:var(--accent);border-color:var(--accent)}
.calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:860px){.calc{grid-template-columns:minmax(0,1fr)}}
.calc-in fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px 12px;margin:0 0 14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.calc-in legend{font-weight:600;padding:0 6px}
.calc-in label{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:var(--ink-2)}
.calc-in label > span{min-width:0}
.calc-in output{flex:none;white-space:nowrap;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.calc-in input[type=range]{width:100%;accent-color:var(--accent);margin:0 0 6px}
.calc-out{display:flex;flex-direction:column;gap:14px;min-width:0}
.calc-big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:480px){.calc-big{grid-template-columns:minmax(0,1fr)}}
.calc-big > div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.calc-big b{font-family:var(--f-display);font-stretch:110%;font-weight:700;font-size:clamp(34px,4vw,52px);line-height:1;color:var(--ink-2)}
.calc-big b.w{color:var(--good)}
.calc-say{font-size:17px;margin:0;color:var(--ink)}
.calc-say b{font-weight:600}
.win{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:860px){.win{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.win{grid-template-columns:minmax(0,1fr)}}
.wc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.wc .t{font-size:15px;color:var(--ink-2)} .wc .t b{color:var(--ink);font-weight:600}
.vs-end{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:920px){.vs-end{grid-template-columns:minmax(0,1fr)}}
#vs-w .t{font-size:16px;color:var(--ink-2);margin:10px 0}
body.scenes .vs-top{grid-template-columns:minmax(0,1fr) 300px}
body.scenes .vs-pairs,body.scenes .win{grid-template-columns:repeat(3,minmax(0,1fr))}
body.scenes .calc,body.scenes .vs-end{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
body.scenes .vs-score .k{font-size:44px}
body.scenes .vs-score .t{font-size:18px}
body.scenes .vs-t{font-size:24px}
body.scenes .vs-t th{font-size:15px}
body.scenes .vs-t th,body.scenes .vs-t td{padding:16px 14px}
body.scenes .mb{height:10px}
body.scenes .pair .m,body.scenes .wc .m{font-size:14px}
body.scenes .pair .r{font-size:18px;grid-template-columns:96px minmax(0,1fr) auto}
body.scenes .pair .r b{font-size:30px}
body.scenes .pair .why{font-size:15px}
body.scenes .wc{padding:22px}
body.scenes .wc .t{font-size:21px}
body.scenes .calc-in label{font-size:19px}
body.scenes .calc-in legend{font-size:21px}
body.scenes .calc-big b{font-size:76px}
body.scenes .calc-say{font-size:25px}
body.scenes #vs-w .t{font-size:22px}
body.scenes .pair,body.scenes .wc,body.scenes .vs-score li,body.scenes .vs-t tbody tr{animation:sc-rise .55s cubic-bezier(.2,.7,.2,1) both}
body.scenes :is(.pair,.wc,.vs-score li,.vs-t tbody tr):nth-child(2){animation-delay:.08s}
body.scenes :is(.pair,.wc,.vs-score li,.vs-t tbody tr):nth-child(3){animation-delay:.16s}
body.scenes :is(.pair,.wc,.vs-score li,.vs-t tbody tr):nth-child(4){animation-delay:.24s}
body.scenes :is(.pair,.wc,.vs-score li,.vs-t tbody tr):nth-child(5){animation-delay:.32s}
body.scenes :is(.pair,.wc,.vs-score li,.vs-t tbody tr):nth-child(n+6){animation-delay:.4s}

/* Verdict */
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
@media (max-width:760px){.vs{grid-template-columns:minmax(0,1fr)}}
.vs h3{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-stretch:110%;font-size:26px;font-weight:700;padding-bottom:12px;border-bottom:3px solid var(--good)}
.vs .con h3{border-color:var(--bad)}
.vs ul{list-style:none;margin:0;padding:0}
.vs li{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.vs li b{font-weight:600}
.watch{margin-top:clamp(28px,4vw,44px)}
.watch ol{margin:12px 0 0;padding-left:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px}
@media (max-width:760px){.watch ol{grid-template-columns:minmax(0,1fr)}}

/* Kit video */
.kit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:860px){.kit{grid-template-columns:minmax(0,1fr)}}
.copybox{position:relative}
.copybox pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--f-mono);font-size:13px;line-height:1.6;background:var(--surface-2);border-radius:8px;padding:14px 16px;color:var(--ink);max-height:360px;overflow:auto}
.copy{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink-2)}
.copy:hover{color:var(--ink);border-color:var(--base)}
.titles{list-style:none;margin:0;padding:0}
.titles li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:500}
.titles li span{min-width:0}

/* Note de narațiune */
.note{margin-top:32px;background:var(--note);border:1px dashed var(--note-line);border-radius:var(--radius);padding:18px 22px;color:var(--note-ink);font-size:16px;line-height:1.6;max-width:72ch;display:flex;flex-direction:column;gap:10px}
.note h4{font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin:0}
.note h4.next{margin-top:10px}
.note p{margin:0}
.note b{font-weight:600}
.note .cue{font-family:var(--f-mono);font-size:13px;opacity:.8}
.note ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.hero .note{background:transparent;border-color:var(--hero-line);color:var(--hero-ink-2)}
body.no-notes .note{display:none}

/* Mod înregistrare: o scenă fixă de 1920×1080, scalată să încapă în fereastră */
body.scenes{overflow:hidden;background:#050608}
body.scenes::before,body.scenes .topbar,body.scenes footer{display:none}
body.scenes.idle,body.scenes.idle *{cursor:none!important}
body.scenes main{position:fixed;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--sc,1));overflow:hidden;background:var(--bg);font-size:20px;z-index:40}
body.scenes main > section{display:none;border:0}
body.scenes main > section.sc-cur{display:flex;flex-direction:column;justify-content:center;height:1080px;padding-block:64px;overflow:hidden}
body.scenes .wrap{width:100%;max-width:1640px;padding-left:40px;padding-right:40px}
body.scenes main section .wrap > :not(.sc-on),body.scenes [data-sc]:not(.sc-on){display:none}
body.scenes .note,body.scenes .lede,body.scenes .keys,body.scenes .ghost,body.scenes .tbl-wrap,body.scenes #sus-all{display:none!important}
body.scenes [data-st]{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
body.scenes [data-st]:not(.st-on){opacity:0;transform:translateY(16px)}
body.scenes [data-st]:not(.st-on),body.scenes [data-st]:not(.st-on) *{animation-play-state:paused!important}
body.scenes .ch-head{max-width:1500px;margin-bottom:36px}
body.scenes .eyebrow{font-size:16px}
body.scenes h2{font-size:64px}
body.scenes .hero h1{font-size:150px}
body.scenes .verdict{font-size:60px}
body.scenes .hero .sub{font-size:26px;max-width:70ch}
body.scenes .miles li{font-size:17px}
body.scenes .kpi .v{font-size:46px}
body.scenes .kpi .l{font-size:14px}
body.scenes .kpi .d{font-size:16px}
body.scenes .stat .n{font-size:64px}
body.scenes .stat .t{font-size:19px}
body.scenes .big{font-size:100px}
body.scenes .facts .k{font-size:34px}
body.scenes .facts .t,body.scenes .drivers .dd,body.scenes .segs .meta,body.scenes .earn .dt{font-size:17px}
body.scenes .drivers .dn,body.scenes .segs .nm,body.scenes .earn .q{font-size:19px}
body.scenes .viz-title{font-size:20px}
body.scenes .viz-sub,body.scenes .viz-foot,body.scenes .src{font-size:15px}
body.scenes .sc .act{font-size:42px}
body.scenes .sc .est{font-size:18px}
body.scenes .tl-item{font-size:16px;padding:9px 0}
body.scenes .vs li{font-size:19px}
body.scenes .watch li{font-size:26px}
body.scenes .watch h3{font-size:30px}
body.scenes .quote .p{font-size:56px}
body.scenes .pt-row{min-height:50px}
body.scenes .split{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
body.scenes .split.even{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
body.scenes .kpis,body.scenes .stats,body.scenes .score,body.scenes .tl{grid-template-columns:repeat(4,minmax(0,1fr))}
body.scenes .vs,body.scenes .px-below,body.scenes .watch ol{grid-template-columns:repeat(2,minmax(0,1fr))}
body.scenes .quote{grid-template-columns:repeat(3,minmax(0,1fr))}
body.scenes .pt-axis,body.scenes .pt-row{grid-template-columns:minmax(0,1.25fr) minmax(0,2.6fr) 100px}
body.scenes .pt-axis .lbl{display:block}
body.scenes .pt-axis .ax{grid-column:auto}
body.scenes .pt-row .tr{grid-column:auto;grid-row:auto;margin:0}
/* Animații de intrare, doar în modul înregistrare */
@keyframes sc-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes sc-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes sc-growx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sc-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sc-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sc-fade{from{opacity:0}to{opacity:1}}
@keyframes sc-pop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes sc-popc{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}
body.scenes .sc-cur .ch-head,body.scenes .sc-cur .hero h1,body.scenes .sc-cur .verdict{animation:sc-rise .6s cubic-bezier(.2,.7,.2,1) both}
body.scenes .viz svg .bar{transform-box:fill-box;transform-origin:50% 100%;animation:sc-grow .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 90ms + .15s)}
body.scenes .viz svg .bar.neg{transform-origin:50% 0}
body.scenes .viz svg text.val{animation:sc-fade .4s both;animation-delay:calc(var(--i,0) * 90ms + .65s)}
body.scenes .viz svg.wipe{animation:sc-wipe 1.4s cubic-bezier(.35,.6,.2,1) .15s both}
body.scenes .viz svg.rise{animation:sc-up 1s cubic-bezier(.3,.7,.2,1) .15s both}
body.scenes .kpi,body.scenes .stat,body.scenes .sc,body.scenes .tl-item,body.scenes .facts li,body.scenes .segs li,body.scenes .drivers li,body.scenes .earn li,body.scenes .vs li,body.scenes .watch li,body.scenes .quote > div,body.scenes .miles li{animation:sc-rise .55s cubic-bezier(.2,.7,.2,1) both}
body.scenes :is(.kpi,.stat,.sc,.tl-item,.facts li,.segs li,.drivers li,.earn li,.vs li,.watch li,.miles li):nth-child(2){animation-delay:.08s}
body.scenes :is(.kpi,.stat,.sc,.tl-item,.facts li,.segs li,.drivers li,.earn li,.vs li,.watch li,.miles li):nth-child(3){animation-delay:.16s}
body.scenes :is(.kpi,.stat,.sc,.tl-item,.facts li,.segs li,.drivers li,.earn li,.vs li,.watch li,.miles li):nth-child(4){animation-delay:.24s}
body.scenes :is(.kpi,.stat,.sc,.tl-item,.facts li,.segs li,.drivers li,.earn li,.vs li,.watch li,.miles li):nth-child(5){animation-delay:.32s}
body.scenes :is(.kpi,.stat,.sc,.tl-item,.facts li,.segs li,.drivers li,.earn li,.vs li,.watch li,.miles li):nth-child(6){animation-delay:.4s}
body.scenes :is(.kpi,.stat,.sc,.tl-item,.facts li,.segs li,.drivers li,.earn li,.vs li,.watch li,.miles li):nth-child(7){animation-delay:.48s}
body.scenes :is(.kpi,.stat,.sc,.tl-item,.facts li,.segs li,.drivers li,.earn li,.vs li,.watch li,.miles li):nth-child(n+8){animation-delay:.56s}
body.scenes .pt-row{animation:sc-rise .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}
body.scenes .pt-row .tr .bar{transform-origin:left center;animation:sc-growx .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 45ms + .25s)}
body.scenes .pt-row .tr .bar.neg{transform-origin:right center}
body.scenes .pt-row .tr .dot{animation:sc-pop .35s both;animation-delay:calc(var(--i,0) * 45ms + .75s)}
body.scenes .rec .bar span{transform-origin:left center;animation:sc-growx .6s cubic-bezier(.2,.8,.2,1) both}
body.scenes .rec:nth-child(2) .bar span{animation-delay:.1s}
body.scenes .rec:nth-child(3) .bar span{animation-delay:.2s}
body.scenes .rec:nth-child(4) .bar span{animation-delay:.3s}
body.scenes .meter .fill{transform-origin:left center;animation:sc-growx 1s cubic-bezier(.2,.8,.2,1) .3s both}
body.scenes .range .mk{animation:sc-popc .4s .3s both}
body.scenes .range .mk.a{animation-delay:.7s}
.hud{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;display:flex;gap:14px;align-items:center;background:rgba(10,12,16,.88);color:#eef1f5;font-family:var(--f-mono);font-size:13px;padding:9px 16px;border-radius:999px;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden}
.hud .hud-k{opacity:.7}
/* Teleprompter: un singur aspect întunecat, gândit pentru citit de pe al doilea ecran */
body.tp-open{overflow:hidden}
.tp{position:fixed;inset:0;z-index:80;background:#0b0d10;color:#f4f6f8;display:flex;flex-direction:column;font-family:var(--f-body)}
.tp-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid #222831;font-size:14px}
.tp-st{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#1a1f27;color:#c9d1dc;font-weight:500;white-space:nowrap}
.tp-st::before{content:"";width:8px;height:8px;border-radius:50%;background:#6b7480}
.tp-st.on::before{background:#5fd08b}
.tp-where{font-family:var(--f-mono);font-size:13px;color:#aab3c1;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-btn{border:1px solid #2a313c;background:#151a21;color:#e6eaf0;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--f-body)}
.tp-btn:hover{border-color:#4a5363}
.tp-btn[aria-pressed="true"]{background:#2a3550;border-color:#4d64a8}
.tp-btn:focus-visible{outline:2px solid #8ea8ff;outline-offset:2px}
.tp-body{position:relative;flex:1;overflow-y:auto;padding:22vh max(16px,env(safe-area-inset-right,0px)) 60vh max(16px,env(safe-area-inset-left,0px))}
.tp-text{max-width:920px;margin:0 auto;font-size:var(--tpf,34px);line-height:1.5}
.tp-text.mirror{transform:scaleX(-1)}
.tp-blk{opacity:.3;transition:opacity .3s;padding:.3em 0 .3em .7em;border-left:4px solid transparent}
.tp-blk.past{opacity:.16}
.tp-blk.cur{opacity:1;border-left-color:#8ea8ff}
.tp-ch{font-family:var(--f-mono);font-size:.42em;letter-spacing:.1em;text-transform:uppercase;color:#8ea8ff;margin:1.2em 0 .5em}
.tp-blk p{margin:0 0 .6em}
.tp-blk p.cue{font-family:var(--f-mono);font-size:.5em;color:#f0c46a}
.tp-blk ul{margin:0 0 .6em;padding-left:1.1em}
.tp-blk h4{font-family:var(--f-mono);font-size:.42em;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8ea8ff;margin:.8em 0 .3em}
.tp-blk b{font-weight:600;color:#ffffff}
.tp-nav{display:flex;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-top:1px solid #222831}
.tp-nav .tp-btn{flex:1;padding:16px;font-size:18px}
.tp-dots{display:flex;gap:6px;justify-content:center;min-width:72px}
.tp-dots i{width:9px;height:9px;border-radius:50%;background:#2a313c}
.tp-dots i.on{background:#8ea8ff}
@media (max-width:640px){.tp-text{font-size:var(--tpf,26px)}.tp-bar .tp-hide-sm{display:none}}

footer{border-top:1px solid var(--line);padding-block:48px 64px;font-size:14px;color:var(--ink-2)}
footer ul{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.disc{margin-top:22px;color:var(--muted)}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}