/* NINA COSTA 4.2: UI pública editorial; OBS mantiene la escena original. */
body:not(.broadcast){background:#07111d;color:#f0f5fa}
body:not(.broadcast) .nina-site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1540px;margin:auto;padding:18px 3%;border-bottom:1px solid #28394b}
.nina-site-header{display:none} body:not(.broadcast) .nina-site-header{display:flex}
.nina-logo{display:flex;align-items:center;gap:12px;color:#f2f5f8;font-size:23px;font-weight:800;letter-spacing:.08em;text-decoration:none;white-space:nowrap}
.nina-logo>span{display:flex;flex-direction:column}.nina-logo small{font-size:9px;letter-spacing:.14em;color:#a9bacb;font-weight:500;margin-top:4px}
.nina-logo::first-letter{color:#f68b3d}.nina-site-header nav{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.nina-site-header nav a{font-size:13px;color:#b9c8d9;text-decoration:none;padding:9px 0}.nina-site-header nav a[aria-current]{color:#ffae61;border-bottom:2px solid #ff943b}
body:not(.broadcast) .controls{width:94%;max-width:1480px;border:0;padding:12px 0;justify-content:flex-end}
body:not(.broadcast) .fg-intro{display:block;max-width:1480px;width:94%;margin:28px auto 18px}.fg-intro{display:none}
.fg-intro>span{font-size:11px;font-weight:800;color:#ffa14d;letter-spacing:.15em}.fg-intro h1{font-size:clamp(38px,4vw,61px);letter-spacing:-.055em;margin:8px 0}.fg-intro p{color:#b5c8d8;max-width:850px;line-height:1.6;font-size:16px;margin:0}
body:not(.broadcast) #stage{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(0,1.35fr);position:relative;aspect-ratio:auto;width:94%;max-width:1480px;height:auto;min-height:690px;margin:0 auto;border-radius:22px;overflow:hidden;background:#0b1928;border:1px solid #273d53;box-shadow:0 24px 80px #0007}
body:not(.broadcast) #stage>header{display:none}body:not(.broadcast) #stage .portrait{position:relative;inset:auto;height:auto;min-height:690px;overflow:hidden;opacity:1;background:#1a2735}
body:not(.broadcast) #stage .portrait .photos,body:not(.broadcast) #stage .portrait .light,body:not(.broadcast) #stage .portrait #bokeh,body:not(.broadcast) #stage .portrait .pulse,body:not(.broadcast) #stage .portrait #particles{display:none!important}
body:not(.broadcast) #stage .nina-photo-official{display:block;position:absolute;inset:0;background-image:linear-gradient(0deg,#07111df2 0%,#07111d20 32%,transparent 70%),url('/fear-greed/assets/nina-identidad-oficial.webp');background-size:cover;background-position:50% 38%}
.nina-photo-official{display:none}body:not(.broadcast) #stage .portrait-caption{position:absolute;left:30px;right:25px;bottom:28px;padding:20px;background:#071624ca;backdrop-filter:blur(5px);border-left:3px solid #fd9442;border-radius:12px}
body:not(.broadcast) #stage .portrait-caption p{font-size:clamp(17px,2vw,26px);margin:7px 0}body:not(.broadcast) #stage .dashboard{position:relative;inset:auto;top:auto;left:auto;right:auto;bottom:auto;padding:58px clamp(24px,4vw,65px) 85px;overflow:visible;min-width:0;background:linear-gradient(145deg,#0e1c2d,#08121f)}
body:not(.broadcast) #stage .dashboard-title{font-size:clamp(20px,2vw,28px);line-height:1.2;letter-spacing:-.03em;color:#b7cce0;font-weight:600;margin:12px 0 20px}
body:not(.broadcast) #stage .eyebrow{color:#ffa452;font-weight:800}body:not(.broadcast) #stage .reading{margin-top:15px;display:flex;flex-wrap:wrap;gap:14px;align-items:baseline}body:not(.broadcast) #stage .reading>strong{font-size:clamp(90px,9vw,146px);line-height:1;color:#ffce3d;font-weight:900}
body:not(.broadcast) #stage #label{color:#ffd24b;font-size:clamp(25px,3vw,41px);margin:4px 0 20px}body:not(.broadcast) #stage .insight{font-size:16px;color:#d6e4ef;line-height:1.6;border-left:3px solid #fa963f;padding-left:18px;margin:27px 0}
body:not(.broadcast) #stage .history{border-top:1px solid #2c4255;border-bottom:1px solid #2c4255;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px 0}body:not(.broadcast) #stage .history strong{color:#ffd64f;font-size:26px}
body:not(.broadcast) #stage .reading-note{color:#b1c4d6}body:not(.broadcast) #stage footer{position:absolute;left:0;right:0;bottom:0;min-height:50px;border-top:1px solid #263e52;background:#091625;font-size:10px;padding:14px 24px}
body:not(.broadcast) .interpretation{width:94%;max-width:1480px}body:not(.broadcast) .analysis-tiles article{background:#0d1c2b;border-color:#294056}body:not(.broadcast) .help{background:#0c1b29}
@media(max-width:1100px){.nina-site-header nav{gap:12px}.nina-site-header nav a{font-size:12px}}
@media(max-width:850px){body:not(.broadcast) .nina-site-header{flex-wrap:wrap}.nina-site-header nav{width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}body:not(.broadcast) #stage{display:flex;flex-direction:column}body:not(.broadcast) #stage .portrait{min-height:410px;height:410px}body:not(.broadcast) #stage .dashboard{padding:32px 6% 84px}body:not(.broadcast) #stage .history{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){body:not(.broadcast) #stage .portrait{min-height:330px;height:330px}body:not(.broadcast) #stage .history strong{font-size:21px}body:not(.broadcast) #stage .reading>strong{font-size:85px}body:not(.broadcast) .controls{justify-content:flex-start}.fg-intro h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){body:not(.broadcast) #stage *,body:not(.broadcast) #stage *::before{animation:none!important;transition:none!important}}