@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Archivo:wdth,wght@62..125,100..900&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap');

/* ───────── Sharp · sistema de diseño (estilo Apple News) ───────── */
:root{
  color-scheme:light dark;
  --bg:#fff; --bg2:#f5f5f7; --fill:#ededf0;
  --ink:#1d1d1f; --ink2:#6e6e73; --ink3:#8e8e93;
  --sep:rgba(60,60,67,.16); --acc:#78c6f0; --acc-ink:#2a8fd0; --on-acc:#0b2a45; --glass:rgba(255,255,255,.74);
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",system-ui,"Segoe UI",Roboto,sans-serif;
  --serif:ui-serif,"New York","Source Serif 4",Georgia,serif;
  --r:14px; --side:252px;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000; --bg2:#1c1c1e; --fill:#2c2c2e;
  --ink:#f5f5f7; --ink2:#a1a1a6; --ink3:#8e8e93;
  --sep:rgba(84,84,88,.55); --acc:#78c6f0; --acc-ink:#78c6f0; --on-acc:#0b2a45; --glass:rgba(28,28,30,.72);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#000; --bg2:#1c1c1e; --fill:#2c2c2e;
  --ink:#f5f5f7; --ink2:#a1a1a6; --ink3:#8e8e93;
  --sep:rgba(84,84,88,.55); --acc:#78c6f0; --acc-ink:#78c6f0; --on-acc:#0b2a45; --glass:rgba(28,28,30,.72);
  color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3,h4,p{margin:0}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Logotipo: minúsculas, negrita muy pesada, espaciado cerrado */
.logo{display:inline-block;font:900 34px/1 "Archivo",var(--sans);font-stretch:125%;letter-spacing:-.04em;color:var(--ink)}

/* ───────── Estructura ───────── */
body.shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr)}
.side{position:sticky;top:12px;height:calc(100vh - 24px);height:calc(100dvh - 24px);margin:12px 0 12px 12px;border-radius:30px}
.sin{position:relative;z-index:1;height:100%;overflow-y:auto;border-radius:inherit;padding:26px 14px 18px;display:flex;flex-direction:column;scrollbar-width:none}
.sin::-webkit-scrollbar{display:none}
.side .logo{padding:0 10px;margin-bottom:22px;font-size:38px}
.sn a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;font:500 15px/1.2 var(--sans);color:var(--ink)}
.sn a{transition:background .2s}
@media(hover:hover) and (pointer:fine){.sn a:hover{background:rgba(120,120,128,.14)}}
.sn a.act{background:rgba(120,120,128,.18);font-weight:600}
.sn .hi{color:var(--acc-ink)}
.hs{width:20px;text-align:center;font:600 17px var(--sans);color:var(--ink3)}
.gh{font:700 12px var(--sans);color:var(--ink3);padding:20px 10px 6px;letter-spacing:.01em}
.sf{margin-top:auto;padding:22px 10px 0;font-size:12px;color:var(--ink3);line-height:1.7}
@media(hover:hover){.sf a:hover{color:var(--ink)}}
.av{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font:800 11px/1 var(--sans);font-style:normal;color:#fff;background:hsl(var(--h,210) 62% 48%);flex:none}

.app{min-width:0}
.top{display:none}
main{max-width:1140px;margin:0 auto;padding:0 44px 60px}

.head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:44px 0 6px}
.date{font:600 13px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.03em;color:var(--ink3)}
.head h1{font:800 44px/1.05 var(--sans);letter-spacing:-.035em;margin-top:4px}
.search{display:flex;align-items:center;gap:7px;background:var(--fill);border-radius:12px;padding:0 11px;height:38px;width:270px;color:var(--ink3)}
.search .ic{width:17px;height:17px}
.search input{border:0;background:none;outline:0;font:400 16px var(--sans);color:var(--ink);width:100%;min-width:0;-webkit-appearance:none;appearance:none}
.search input::placeholder{color:var(--ink3)}
.search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 30%,transparent)}
.chips{display:none}

/* ───────── Bloques y títulos de sección ───────── */
.blk{margin-top:44px}.blk:empty,.off{display:none!important}
.sh{margin:0 0 16px;font:700 24px/1.15 var(--sans);letter-spacing:-.025em}
.sh a{display:inline-flex;align-items:center;gap:2px}
.sh .ic{width:17px;height:17px;stroke-width:2.6;color:var(--ink3);margin-top:3px;transition:transform .15s}
@media(hover:hover) and (pointer:fine){.sh a:hover .ic{transform:translateX(3px);color:var(--acc-ink)}}
.sh small{font:500 15px var(--sans);color:var(--ink3);letter-spacing:0;margin-left:10px}

/* ───────── Tarjetas ───────── */
.meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px;font:700 11.5px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.04em;color:var(--ink2)}
.meta .av{width:17px;height:17px;border-radius:5px;font-size:9.5px}
.meta .t{font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink3);font-size:12.5px}
.meta .t.n{color:var(--acc-ink);font-weight:600}
.live{background:var(--acc);color:var(--on-acc);font:700 9.5px/1 var(--sans);padding:3px 6px;border-radius:5px;letter-spacing:.05em}
.lc{font:600 10px/1 var(--sans);letter-spacing:.02em;text-transform:none;color:var(--ink2);border:1px solid var(--sep);padding:2px 6px;border-radius:99px}
.cd{display:block}
.cd .ph{display:block;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:var(--fill);margin-bottom:12px}
.cd .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){.cd .ph:hover img{transform:scale(1.035)}}
.cd .h,.rw .h,.sc .h{font:700 19px/1.22 var(--sans);letter-spacing:-.018em;text-wrap:balance}
.h>span{transition:color .18s ease;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media(hover:hover) and (pointer:fine){.h>span:hover{color:var(--acc-ink)}}
.cd .res{margin-top:7px;font:400 15.5px/1.4 var(--sans);color:var(--ink2)}
.cd.big .ph{aspect-ratio:16/10.5;border-radius:20px;margin-bottom:16px}
.cd.big .h{font:800 36px/1.08 var(--sans);letter-spacing:-.032em}
.cd.big .res{font-size:17px;margin-top:10px}

.top3{display:grid;grid-template-columns:1.75fr 1fr;gap:36px}
.stack{display:flex;flex-direction:column;gap:26px}
.stack .cd .ph{aspect-ratio:16/9}
.stack .cd+.cd{padding-top:26px;border-top:1px solid var(--sep)}

.rw{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--sep)}
.rw .tx{min-width:0}
.rw .h{font-size:18px}
.rw .th{width:112px;height:84px;border-radius:11px;object-fit:cover;flex:none;background:var(--fill)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}

.strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.sc{flex:none;width:268px;min-height:132px;background:var(--bg2);border-radius:18px;padding:16px 16px 18px;scroll-snap-align:start;display:block}
.sc .h{font-size:16.5px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.g4 .cd .h{font-size:17px}

/* Lo esencial + temas */
.duo{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}
.panel{background:var(--bg2);border-radius:22px;padding:24px 26px 14px}
.panel .sh{font-size:22px;margin-bottom:6px}
.ol{margin:0;padding:0;list-style:none;counter-reset:n}
.ol li{counter-increment:n;display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--sep)}
.ol li:first-child{border-top:0}
.ol li:before{content:counter(n);font:800 30px/1 var(--sans);letter-spacing:-.03em;color:var(--acc-ink);min-width:26px}
.ol .h{font:600 17px/1.28 var(--sans);letter-spacing:-.012em;display:block}
.ol .ago{margin-top:4px}
.tp{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.tp a{background:var(--bg);border-radius:99px;padding:8px 15px;font:600 15px var(--sans)}
.tp a small{color:var(--acc-ink);font-weight:700;margin-left:2px}
.tp a.act{background:var(--acc);color:var(--on-acc)}.tp a.act small{color:var(--on-acc)}
@media(hover:hover) and (pointer:fine){.tp a:hover{background:var(--acc);color:var(--on-acc)}.tp a:hover small{color:var(--on-acc)}}
.ago{font:400 13px/1.3 var(--sans);color:var(--ink3)}
.vacio{padding:46px 20px;text-align:center;color:var(--ink3);background:var(--bg2);border-radius:20px;margin-top:20px}

/* Redacción propia (serif, estilo reader) */
.own{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.oc{display:flex;gap:18px;justify-content:space-between;background:var(--bg2);border-radius:20px;padding:22px 24px}
.oc .k{font:700 11.5px var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--acc-ink);margin-bottom:8px}
.oc .h{font:700 24px/1.15 var(--serif);letter-spacing:-.01em}
.oc img{width:92px;height:92px;border-radius:12px;object-fit:cover;flex:none}

/* Opinión */
.so{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.so .rw .h{font-family:var(--serif);font-weight:700;font-size:20px;letter-spacing:-.01em}

/* Datos */
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gc{background:var(--bg2);border-radius:22px;padding:22px 22px 16px}
.gc .k{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
.gc .gv{font:800 34px/1.1 var(--sans);letter-spacing:-.03em;margin:8px 0 2px}
.gc svg{width:100%;height:110px;display:block;margin:14px 0 8px}
.gc .b{fill:var(--acc)}.gc polyline{stroke:var(--acc)}.gc polygon{fill:var(--acc);opacity:.14}
.gc .gf{font-size:11.5px;margin-top:2px}

/* Podcasts */
.pods{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.pods::-webkit-scrollbar{display:none}
.pc{flex:none;width:320px;background:var(--bg2);border-radius:22px;padding:16px;scroll-snap-align:start}
.pt{display:flex;gap:14px;margin-bottom:14px}
.pt img{width:80px;height:80px;border-radius:14px;object-fit:cover;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.pt .meta{margin-bottom:4px}
.pt .h{font:700 16px/1.22 var(--sans);letter-spacing:-.012em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc audio{width:100%;height:40px}

.vm{display:block;margin:34px auto 0;border:0;background:var(--fill);color:var(--acc-ink);font:600 16px var(--sans);padding:13px 30px;border-radius:99px;cursor:pointer}
@media(hover:hover) and (pointer:fine){.vm:hover{background:var(--acc);color:var(--on-acc)}}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--sep);font-size:12px;color:var(--ink3);text-align:center;line-height:1.6}
footer a{text-decoration:underline}

/* ───────── Lector (modal) ───────── */
.mod{position:fixed;inset:0;background:rgba(0,0,0,.38);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);overflow:auto;z-index:40}
.mod[hidden]{display:none}
.mbox{background:var(--bg);max-width:740px;margin:5vh auto;border-radius:28px;padding:40px 46px 30px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.mx{position:absolute;right:16px;top:16px;width:32px;height:32px;border:0;border-radius:50%;color:var(--ink2);font:400 22px/1 var(--sans);cursor:pointer;display:grid;place-items:center;padding:0 0 2px}
@media(hover:hover){.mx:hover{color:var(--ink)}}
.mt{font:700 clamp(30px,4.6vw,46px)/1.07 var(--serif);letter-spacing:-.022em;margin:10px 0 8px;text-wrap:balance}
.mi{width:100%;border-radius:18px;margin:18px 0;display:block}
.md{font:400 21px/1.6 var(--serif);margin:16px 0}
.cuerpo{font:400 20px/1.7 var(--serif);margin:18px 0}
.cuerpo p{margin:1em 0}.cuerpo img{max-width:100%;height:auto;display:block;margin:16px 0;border-radius:14px}
.cuerpo h2,.cuerpo h3,.cuerpo h4{font:700 26px/1.15 var(--serif);margin:1.4em 0 .4em}
.cuerpo a{color:var(--acc-ink);text-decoration:underline}
.cuerpo blockquote{margin:1.2em 0;padding-left:18px;border-left:3px solid var(--acc);color:var(--ink2)}
.cuerpo figcaption{font:13px var(--sans);color:var(--ink3)}
.licb{font:13px/1.5 var(--sans);color:var(--ink2);background:var(--bg2);border-radius:14px;padding:12px 16px;margin:20px 0}
.licb a{color:var(--acc-ink);text-decoration:underline}
.mb{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.pill{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;padding:12px 22px;font:600 15px var(--sans);cursor:pointer;color:var(--on-acc);background:var(--acc)}
.pill.sec{background:var(--fill);color:var(--ink)}
@media(hover:hover){.pill:hover{filter:brightness(1.07)}}
.mr{font:700 20px var(--sans);letter-spacing:-.02em;margin:30px 0 4px}
.mn{display:flex;justify-content:space-between;margin-top:26px}
.mn button{border:0;background:var(--fill);color:var(--ink);padding:10px 18px;border-radius:99px;cursor:pointer;font:600 14px var(--sans)}

/* ───────── Páginas legales / artículos ───────── */
.pg-top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:var(--glass);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid var(--sep)}
.pg-top .logo{font-size:28px}
.pg-top a.bk{font:600 15px var(--sans);color:var(--acc-ink)}
article.nota{max-width:700px;margin:0 auto;padding:44px 24px 70px}
article.nota .kicker{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--acc-ink)}
article.nota h1{font:700 clamp(34px,5.4vw,54px)/1.05 var(--serif);letter-spacing:-.025em;margin:10px 0 12px;text-wrap:balance}
article.nota .sub{font:400 21px/1.35 var(--sans);color:var(--ink2);margin:0 0 14px}
article.nota .meta{font:500 13px var(--sans);text-transform:none;letter-spacing:0;color:var(--ink3)}
article.nota hr{border:0;border-top:1px solid var(--sep);margin:22px 0}
article.nota p{font:400 20px/1.7 var(--serif);margin:0 0 1em}
article.nota a{color:var(--acc-ink);text-decoration:underline}

/* ───────── Barra de pestañas (móvil) ───────── */
.bar{display:none}
@media(max-width:1100px){
  .top3{grid-template-columns:1.4fr 1fr;gap:28px}.g4{grid-template-columns:repeat(3,1fr)}.cg{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  body.shell{display:block}
  .side{display:none}
  .top{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 18px 0}
  .top .ago{display:none}
  .top .logo{font-size:30px}
  main{padding:0 18px calc(120px + env(safe-area-inset-bottom))}
  .head{flex-direction:column;align-items:stretch;gap:14px;padding:22px 0 4px}
  .head h1{font-size:34px}.search{width:100%}
  .chips{display:flex;gap:8px;overflow-x:auto;margin:12px -18px 0;padding:2px 18px 4px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chips a{flex:none;background:var(--fill);border-radius:99px;padding:8px 15px;font:600 14.5px var(--sans)}
  .chips a.act{background:var(--ink);color:var(--bg)}
  .blk{margin-top:38px}
  .top3,.duo,.own,.so,.cols{grid-template-columns:1fr}
  .top3{gap:24px}.cd.big .h{font-size:29px}
  .stack{gap:22px}
  .g3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 -18px;padding:0 18px 6px;scrollbar-width:none}
  .g3::-webkit-scrollbar{display:none}
  .g3 .cd{flex:none;width:78%;scroll-snap-align:start}
  .g4{grid-template-columns:1fr 1fr;gap:22px 16px}
  .cg{grid-template-columns:1fr}
  .bar{display:flex;align-items:center;gap:10px;position:fixed;left:16px;right:16px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:25}
  .bar::before{content:"";position:absolute;z-index:-1;left:-16px;right:-16px;bottom:calc(-8px - env(safe-area-inset-bottom));height:calc(104px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg) 78%);pointer-events:none}
  .tabs{display:flex;flex:1;min-width:0;padding:4px;gap:2px;border-radius:99px}
  .tabs a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0 6px;border-radius:99px;font:600 10px/1.1 var(--sans);color:var(--ink2);transition:background .3s,color .2s}
  .tabs a.act{color:var(--acc-ink);background:var(--g-sel)}
  .tabs .ic{width:24px;height:24px}
  .rbtn.big{width:56px;height:56px}
  .search{display:none}
  .mbox{margin:0;border-radius:0;min-height:100%;padding:56px 20px 100px}
  .mx{top:calc(12px + env(safe-area-inset-top))}
  .md{font-size:20px}.cuerpo{font-size:19px}
  .pc{width:84vw}
}
@media(max-width:560px){
  .g4{grid-template-columns:1fr}
  .cd.big .h{font-size:26px}
  .rw .th{width:96px;height:72px}
}

/* ───────── Selección, toque y foco ─────────
   La interfaz no se selecciona (así no se tiñen de rojo imágenes ni titulares al hacer clic o arrastrar);
   el texto de lectura sí. */
html{-webkit-tap-highlight-color:transparent}
.side,.tabs,.top,.chips,.search .ic,.cd,.rw,.sc,.oc,.pc .pt,.sh,.gh,.meta,.ago,.vm,.pill,.mn,.mx,.tp,.gc,.ol,.logo,.date,.head h1,.panel .sh,footer,.licb,#ckb button,button{-webkit-user-select:none;user-select:none}
img,a{-webkit-user-drag:none;user-drag:none}
.mt,.md,.cuerpo,.cuerpo *,article.nota p{-webkit-user-select:text;user-select:text}
::selection{background:color-mix(in srgb,var(--acc) 26%,transparent);color:inherit}
:focus{outline:none}
:focus-visible{outline:2px solid color-mix(in srgb,var(--acc) 70%,transparent);outline-offset:3px}


/* ═════════════════════════════════════════════════════════════
   LIQUID GLASS (como Apple News en iOS 26)
   Pocas superficies y muy sutiles: panel lateral, barra de pestañas flotante,
   botones redondos y avisos. El contenido (tarjetas, chips, botones de texto) es plano.
   En Chromium, liquidglass.js añade además la refracción del borde.
   ═════════════════════════════════════════════════════════════ */
:root{
  --g-bg:rgba(250,250,252,.50);
  --g-bd:rgba(255,255,255,.65);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.25);
  --g-sh:0 10px 30px -6px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.06);
  --g-sel:rgba(118,118,128,.16);
  --g-blur:blur(24px) saturate(1.9);
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --g-bg:rgba(44,44,48,.48);--g-bd:rgba(255,255,255,.16);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05);
  --g-sh:0 12px 34px -6px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.35);--g-sel:rgba(255,255,255,.15)}}
:root[data-theme="dark"]{
  --g-bg:rgba(44,44,48,.48);--g-bd:rgba(255,255,255,.16);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05);
  --g-sh:0 12px 34px -6px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.35);--g-sel:rgba(255,255,255,.15)}

.side,.tabs,.rbtn,.mx,#ckb{
  background:var(--g-bg);
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  border:.5px solid var(--g-bd);box-shadow:var(--g-hi),var(--g-sh)}
.side{border-radius:30px}

/* Botón de cristal redondo */
.rbtn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;color:var(--ink);cursor:pointer;flex:none;
  transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.rbtn .ic{width:22px;height:22px}
.rbtn:active,.mx:active{transform:scale(1.08)}
.mx{width:36px;height:36px;right:14px}
.mx:active{transform:scale(1.08)}
.tabs a:active{transform:scale(.94)}

/* Selector de tema */
.seg{display:flex;background:var(--fill);border-radius:99px;padding:3px;margin-bottom:14px}
.seg button{flex:1;border:0;background:none;border-radius:99px;padding:6px 0;font:600 12px var(--sans);color:var(--ink2);cursor:pointer}
.seg button.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.18)}

/* Aviso de cookies: cristal más esmerilado para que el texto se lea bien */
#ckb{--g-bg:rgba(250,250,253,.80);-webkit-backdrop-filter:blur(28px) saturate(1.9);backdrop-filter:blur(28px) saturate(1.9)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #ckb{--g-bg:rgba(40,40,44,.78)}}
:root[data-theme="dark"] #ckb{--g-bg:rgba(40,40,44,.78)}

@media(prefers-reduced-transparency:reduce){.side,.tabs,.rbtn,.mx,#ckb{background:var(--bg2);-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.side,.tabs,.rbtn,.mx,#ckb{background:var(--bg2)}}

/* Logo de la fuente */
.av.lg{position:relative;background:var(--bg2);overflow:hidden;color:transparent}
.av.lg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.av.lg b{font:inherit;color:#fff;position:absolute;inset:0;display:grid;place-items:center;background:hsl(var(--h,210) 62% 48%);z-index:0}
.av.lg img{z-index:1}
/* Nav seleccionable */
[data-go].act{color:var(--acc-ink)}
.sn a[data-go].act{background:var(--fill)}
.sn a,.tabs a{cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Pantalla de instalación */
#gate[hidden]{display:none}
#gate{position:fixed;inset:0;z-index:99999;background:var(--bg);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:32px;text-align:center}
html.gated,html.gated body{overflow:hidden;height:100%}
#gate .gl{width:96px;height:96px;border-radius:22px;box-shadow:0 8px 28px rgba(0,0,0,.18),0 0 0 1px rgba(60,60,67,.16)}
#gate h1{font:900 44px/1 "Archivo",var(--sans);font-stretch:125%;letter-spacing:-.04em;margin:18px 0 10px}
#gate p{font:500 16px/1.4 var(--sans);color:var(--ink2);max-width:300px;margin:0 auto 24px}
#gate button{background:var(--acc);color:var(--on-acc);border:0;border-radius:99px;padding:15px 26px;font:700 16px var(--sans);width:100%;max-width:320px}
#gate ol{text-align:left;max-width:300px;margin:22px auto 0;padding-left:20px;font:500 15px/1.6 var(--sans);color:var(--ink2)}
#gate .gs{font-size:14px;margin:18px auto 0}
/* Cabecera móvil con logo fijo */
@media(max-width:900px){
  .top{position:sticky;top:0;z-index:30;padding-bottom:10px;background:var(--bg)}
}
/* Vistas Audio / Datos / Juegos */
body[data-v] #feed,body[data-v] #more,body[data-v] .chips{display:none}
body[data-v] .blk{display:none!important}
body[data-v=podcasts] #podcasts,body[data-v=datos] #datos,body[data-v=juego] #juego{display:block!important;margin-top:20px}
body[data-v] .blk .sh{display:none}
/* Quartiles */
.qg{background:var(--bg2);border-radius:26px;padding:22px;max-width:480px;margin:0 auto}
.qtop{display:flex;justify-content:space-between;align-items:flex-end}
.qk{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink3)}
.qlv{font:800 26px var(--sans);letter-spacing:-.03em}
.qsc{text-align:right;line-height:1}.qsc b{font:800 34px var(--sans);letter-spacing:-.03em;display:block}.qsc span{font:600 11px var(--sans);color:var(--ink3)}
.qbar{height:8px;border-radius:9px;background:var(--fill);margin:14px 0 6px;overflow:hidden}.qbar i{display:block;height:100%;background:var(--acc);border-radius:9px;transition:width .4s}
.qmeta{font:600 12.5px var(--sans);color:var(--ink3)}
.qw{min-height:58px;display:grid;place-items:center;margin:16px 0;font:800 30px var(--sans);letter-spacing:-.02em;background:var(--bg);border-radius:16px;padding:6px 10px}
.qw span{font:500 14px var(--sans);color:var(--ink3);letter-spacing:0;text-align:center}
.qw.bad{animation:qs .35s;color:var(--acc-ink)}@keyframes qs{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
.qt{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.qt button{position:relative;background:var(--bg);color:var(--ink);border:2px solid transparent;border-radius:15px;padding:20px 0;font:800 21px var(--sans);cursor:pointer;transition:transform .12s;box-shadow:0 1px 0 var(--sep)}
.qt button:active{transform:scale(.94)}
.qt button.s{background:var(--acc);color:var(--on-acc)}
.qt button.h{border-color:var(--acc);animation:ph 1s infinite alternate}@keyframes ph{to{transform:scale(1.07)}}
.qt button small{position:absolute;top:4px;right:7px;font:700 10px var(--sans);opacity:.8}
.qb{display:flex;gap:7px;margin-top:14px}
.qb button{flex:1;border:0;border-radius:99px;padding:12px 0;background:var(--fill);color:var(--ink);font:700 14px var(--sans);cursor:pointer}
.qb button.p{background:var(--acc);color:var(--on-acc)}
.qf{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.qf span{background:var(--bg);border-radius:99px;padding:6px 8px 6px 12px;font:700 13px var(--sans);display:flex;gap:6px;align-items:center}
.qf span.q{background:var(--acc);color:var(--on-acc)}.qf em{font-style:normal;opacity:.65;font-size:11px}

/* Podcasts */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.ps{background:none;border:0;padding:0;text-align:left;color:var(--ink);cursor:pointer;display:block}
.ps img,.ps.ld i{width:100%;aspect-ratio:1;border-radius:18px;object-fit:cover;display:block;box-shadow:0 2px 10px rgba(0,0,0,.18);background:var(--bg2)}
.ps.ld i{animation:ph2 1.2s infinite alternate}@keyframes ph2{to{opacity:.5}}
.ps span{display:block;font:700 14px/1.2 var(--sans);margin-top:8px}
/* Minijuegos */
.gtabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;scrollbar-width:none}.gtabs::-webkit-scrollbar{display:none}
.gtabs button{flex:none;background:var(--fill);color:var(--ink);border:0;border-radius:99px;padding:9px 16px;font:700 14px var(--sans);cursor:pointer}
.gtabs button.act{background:var(--ink);color:var(--bg)}
.wd{text-align:center}.wm{min-height:22px;font:600 14px var(--sans);color:var(--ink2);margin:8px 0}
.wg{display:grid;gap:6px;max-width:300px;margin:0 auto 16px}
.wg>i{display:none}
.wg{grid-template-columns:repeat(5,1fr)}
.wg i{display:grid!important;place-items:center;aspect-ratio:1;border:2px solid var(--sep);border-radius:8px;font:800 24px var(--sans);text-transform:uppercase;font-style:normal}
.wg i.c{background:#34c759;border-color:#34c759;color:#fff}.wg i.p{background:#ffb800;border-color:#ffb800;color:#fff}.wg i.a{background:var(--fill);border-color:var(--fill);color:var(--ink3)}
.wk div{display:flex;justify-content:center;gap:4px;margin-bottom:5px}
.wk button{flex:1;max-width:36px;min-width:0;height:46px;border:0;border-radius:7px;background:var(--fill);color:var(--ink);font:700 15px var(--sans);text-transform:uppercase;cursor:pointer;padding:0}
.wk button.c{background:#34c759;color:#fff}.wk button.p{background:#ffb800;color:#fff}.wk button.a{opacity:.35}
.n48{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--fill);padding:8px;border-radius:14px;margin:16px 0;touch-action:none;user-select:none}
.n48 i{aspect-ratio:1;display:grid;place-items:center;border-radius:9px;background:var(--bg);font:800 26px var(--sans);font-style:normal}
.n48 .v0{opacity:.4;font-size:0}.n48 .v2{background:#eee4da;color:#776e65}.n48 .v4{background:#ede0c8;color:#776e65}.n48 .v8{background:#f2b179;color:#fff}.n48 .v16{background:#f59563;color:#fff}.n48 .v32{background:#f67c5f;color:#fff}.n48 .v64{background:#f65e3b;color:#fff}.n48 .v128,.n48 .v256,.n48 .v512{background:#edcf72;color:#fff;font-size:22px}.n48 .v1024,.n48 .v2048{background:#edc22e;color:#fff;font-size:19px}
.mg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.mg button{aspect-ratio:1;border:0;border-radius:14px;background:var(--acc);font-size:30px;cursor:pointer}
.mg button.o{background:var(--bg)}.mg button.m{background:var(--fill)}

/* Búsqueda inferior estilo Apple News */
.bsearch{display:none}
@media(max-width:900px){
  .bar{transition:transform .25s ease}
  body.sqo .tabs{display:none}
  body.sqo .bsearch{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:56px;padding:0 8px 0 18px;border-radius:99px;color:var(--ink3);background:var(--g-bg);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border:.5px solid var(--g-bd);box-shadow:var(--g-hi),var(--g-sh);animation:bsin .3s cubic-bezier(.3,1.2,.5,1)}
  @keyframes bsin{from{opacity:0;transform:scale(.85)}}
  .bsearch .ic{width:20px;height:20px;flex:none}
  .bsearch input{flex:1;min-width:0;border:0;background:none;outline:0;font:400 17px var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
  .bsearch input::-webkit-search-cancel-button{display:none}
  .bsearch button{width:40px;height:40px;border:0;border-radius:50%;background:var(--fill);color:var(--ink);font:400 24px/1 var(--sans);flex:none;padding:0}
  body.sqo #sbtn{display:none}
  body.sqo main{padding-bottom:calc(320px + env(safe-area-inset-bottom))}
}

/* Apple Podcasts */
.psb{display:flex;align-items:center;gap:8px;background:var(--fill);border-radius:12px;padding:0 12px;height:40px;margin:4px 0 22px;color:var(--ink3);max-width:520px}
.psb .ic{width:18px;height:18px}.psb input{flex:1;min-width:0;border:0;background:none;outline:0;font:400 16px var(--sans);color:var(--ink)}
.prow{margin-bottom:30px}
.prow h3{font:800 22px var(--sans);letter-spacing:-.025em;margin:0 0 12px}
.pcar{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 6px;scrollbar-width:none}
.pcar::-webkit-scrollbar{display:none}
.pcd{flex:none;width:150px;scroll-snap-align:start;background:none;border:0;padding:0;text-align:left;color:var(--ink);cursor:pointer}
.pcd img{width:150px;height:150px;border-radius:16px;object-fit:cover;display:block;background:var(--bg2);box-shadow:0 2px 10px rgba(0,0,0,.2),0 0 0 .5px var(--sep)}
.pcd b{display:block;font:600 14px/1.2 var(--sans);margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcd small{display:block;font:400 13px/1.3 var(--sans);color:var(--ink3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pgrid .pcd{width:100%}.pgrid .pcd img{width:100%;height:auto;aspect-ratio:1}
#pS{max-width:760px}
.pbk{background:none;border:0;color:var(--acc-ink);font:600 17px var(--sans);padding:0;margin:0 0 18px;cursor:pointer}
.phd{display:flex;gap:18px;align-items:flex-end;margin-bottom:24px}
.phd img{width:140px;height:140px;border-radius:22px;object-fit:cover;flex:none;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.phd h2{font:800 24px/1.12 var(--sans);letter-spacing:-.03em;margin:0 0 4px}
.pau{font:500 16px var(--sans);color:var(--acc-ink)}.pgn{font:500 13px var(--sans);color:var(--ink3);margin:2px 0 12px;text-transform:uppercase;letter-spacing:.03em}
.ppl{display:inline-flex;align-items:center;gap:6px;background:var(--acc);color:var(--on-acc);border:0;border-radius:99px;padding:9px 18px;font:700 15px var(--sans);cursor:pointer}
.ppl svg{width:18px;height:18px}
.pel{font:800 22px var(--sans);letter-spacing:-.025em;margin:0 0 4px;padding-top:6px;border-top:.5px solid var(--sep)}
/* Mini reproductor */
#mp[hidden]{display:none}
#mp{position:fixed;z-index:26;left:50%;transform:translateX(-50%);bottom:20px;width:min(540px,calc(100% - 32px));border-radius:22px;overflow:hidden;background:var(--g-bg);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border:.5px solid var(--g-bd);box-shadow:var(--g-hi),var(--g-sh)}
.mpb{height:4px;background:var(--fill);cursor:pointer}.mpb i{display:block;height:100%;width:0;background:var(--acc)}
.mpr{display:flex;align-items:center;gap:6px;padding:8px 10px 8px 8px}
#mpi{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none;margin-right:4px}
.mpt{flex:1;min-width:0}.mpt b{display:block;font:600 14px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpt span{display:block;font:400 12.5px var(--sans);color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpr button{position:relative;width:40px;height:40px;border:0;background:none;color:var(--ink);display:grid;place-items:center;padding:0;cursor:pointer;flex:none}
.mpr button svg{width:26px;height:26px}.mpr button small{position:absolute;font:700 8px var(--sans);top:50%;left:50%;transform:translate(-50%,-30%)}
.mpr .mpp svg{width:30px;height:30px}
body.mp main{padding-bottom:calc(170px + env(safe-area-inset-bottom))}
@media(max-width:900px){#mp{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 24px)}body.sqo #mp{display:none}.phd img{width:116px;height:116px}.pcd,.pcd img{width:136px}.pcd img{height:136px}}

#garr{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));text-align:center;font:600 15px var(--sans);color:var(--acc-ink);animation:gb 1s infinite alternate}
#garr[hidden]{display:none}@keyframes gb{to{transform:translateY(6px)}}

/* Pantalla completa del reproductor */
#np{position:fixed;inset:0;z-index:99990;background:var(--bg);color:var(--ink);overflow:hidden;visibility:hidden;transform:translateY(100%);transition:transform .45s cubic-bezier(.2,.9,.3,1),visibility 0s .45s;touch-action:pan-x}
#np.open{visibility:visible;transform:none;transition-delay:0s}
html.npo,html.npo body{overflow:hidden}
.npbg{position:absolute;inset:-20%;width:140%;height:140%;object-fit:cover;filter:blur(70px) saturate(1.6);opacity:.55;pointer-events:none}
.npc{position:relative;height:100%;height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 28px calc(22px + env(safe-area-inset-bottom))}
.npx{position:absolute;left:14px;top:calc(8px + env(safe-area-inset-top));width:40px;height:40px;border:0;border-radius:50%;background:var(--fill);color:var(--ink);display:grid;place-items:center;padding:0}
.npx svg{width:22px;height:22px}
.npgrab{width:38px;height:5px;border-radius:9px;background:var(--ink3);opacity:.5;margin:2px 0 14px;flex:none}
.npart{flex:1;min-height:0;width:100%;display:grid;place-items:center;padding:14px 0}
.npart img{width:min(100%,46vh,380px);aspect-ratio:1;object-fit:cover;border-radius:22px;box-shadow:0 20px 50px rgba(0,0,0,.4);transform:scale(.84);transition:transform .5s cubic-bezier(.3,1.3,.5,1)}
#np.pl .npart img{transform:scale(1)}
.npinf{width:100%;text-align:left;margin:6px 0 10px;flex:none}
.npinf b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 21px/1.2 var(--sans);letter-spacing:-.02em}
.npinf span{display:block;font:500 17px var(--sans);color:var(--acc-ink);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.npsc{width:100%;flex:none}
#npr{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:none;margin:0;--p:0%;touch-action:pan-x}
#npr::-webkit-slider-runnable-track{height:6px;border-radius:9px;background:linear-gradient(to right,var(--ink) var(--p),var(--fill) var(--p))}
#npr::-moz-range-track{height:6px;border-radius:9px;background:var(--fill)}#npr::-moz-range-progress{height:6px;border-radius:9px;background:var(--ink)}
#npr::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ink);margin-top:-5px;box-shadow:0 1px 4px rgba(0,0,0,.35)}
#npr::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--ink)}
.nptm{display:flex;justify-content:space-between;font:500 12.5px var(--sans);color:var(--ink3);font-variant-numeric:tabular-nums;margin-top:2px}
.npct{display:flex;align-items:center;justify-content:center;gap:34px;margin:14px 0 8px;flex:none}
.npct button{position:relative;border:0;background:none;color:var(--ink);display:grid;place-items:center;padding:0;width:56px;height:56px}
.npct button svg{width:38px;height:38px}.npct button small{position:absolute;font:700 11px var(--sans);top:50%;left:50%;transform:translate(-50%,-32%)}
.npct .npp{width:76px;height:76px}.npct .npp svg{width:60px;height:60px}
.npft{display:flex;justify-content:center;flex:none;padding-top:6px}
.npsp{border:0;background:var(--fill);color:var(--ink);border-radius:99px;padding:8px 18px;font:700 15px var(--sans)}
@media(max-height:680px){.npart img{width:min(100%,34vh)}.npinf b{font-size:18px}.npct{margin:6px 0}}

/* Lista de episodios */
.eps{display:block}
.ep{padding:18px 2px 16px;border-bottom:.5px solid var(--sep)}
.ep:first-child{padding-top:10px}
.ep .ed{font:600 12px var(--sans);color:var(--ink3);letter-spacing:.04em;text-transform:uppercase}
.ep h4{font:700 18px/1.25 var(--sans);letter-spacing:-.018em;margin:5px 0 7px;color:var(--ink)}
.ep .epd{font:400 15px/1.42 var(--sans);color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px;cursor:pointer;word-break:break-word}
.ep .epd.open{display:block;-webkit-line-clamp:unset;overflow:visible}
.epf{display:flex;align-items:center;gap:10px}
.epb{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px 0 11px;border:0;border-radius:99px;background:var(--fill);color:var(--acc-ink);font:700 14px var(--sans);cursor:pointer}
.epb svg{width:17px;height:17px;flex:none}
.epb span{color:var(--ink);font-weight:600;font-size:13.5px;font-variant-numeric:tabular-nums}
.epb:active{transform:scale(.97)}

/* Transcripción */
#nptx{flex:1;min-height:0;width:100%;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;padding:8px 2px 0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent);scrollbar-width:none}
#nptx::-webkit-scrollbar{display:none}#nptx[hidden]{display:none}
#np.trs .npart{display:none}
#np.trs .npinf{margin-top:0}
.trl{font:800 26px/1.22 var(--sans);letter-spacing:-.02em;color:var(--ink3);margin:0 0 20px;opacity:.55;transition:opacity .3s,color .3s,transform .3s;transform-origin:left center}
.trl.tm{cursor:pointer}
.trl.on{color:var(--ink);opacity:1}
.trl.past{opacity:.35}
.trl:not(.tm){font-size:19px;font-weight:600;opacity:.9;color:var(--ink)}
.trl em{display:block;font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--acc-ink);margin-bottom:4px;font-style:normal}
.trm{font:600 17px/1.4 var(--sans);color:var(--ink2);text-align:center;padding:40px 10px}.trm small{font-weight:400;color:var(--ink3)}
.npft{gap:10px}.npsp.act{background:var(--acc);color:var(--on-acc)}

/* Instrucciones de instalación */
#gate{align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(24px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom))}
#gate .gi{margin:auto;width:100%;max-width:380px}
#gate .gl{width:72px;height:72px;border-radius:17px}
#gate h1{font-size:36px;margin:12px 0 6px}
#gate p{margin:0 auto 18px;font-size:15px;max-width:290px}
.gst{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:10px;max-width:none!important;text-align:left}
.gst[hidden]{display:none}
.gst li{display:flex;align-items:center;gap:14px;background:var(--bg2);border-radius:18px;padding:8px 14px 8px 8px;counter-increment:g}
.gst{counter-reset:g}
.gst svg{flex:none;width:72px;height:72px}
.gst span{font:500 15px/1.35 var(--sans);color:var(--ink)}
.gst span b{font-weight:700}
.gst span::before{content:counter(g);display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--acc);color:var(--on-acc);font:700 12px var(--sans);margin-right:7px;vertical-align:1px}

/* Datos estilo Apple */
.dseg{display:flex;background:var(--fill);border-radius:12px;padding:3px;max-width:420px;margin:2px 0 18px}
.dseg button{flex:1;border:0;background:none;color:var(--ink);padding:8px 0;border-radius:10px;font:600 14px var(--sans);cursor:pointer;transition:background .2s}
.dseg button.act{background:var(--bg);box-shadow:0 1px 4px rgba(0,0,0,.15)}
.wcities,.wch{display:flex;gap:8px;overflow-x:auto;margin:0 -18px 14px;padding:0 18px 2px;scrollbar-width:none}
.wcities::-webkit-scrollbar{display:none}
.wcities button{flex:none;border:0;background:var(--fill);color:var(--ink);border-radius:99px;padding:8px 15px;font:600 14px var(--sans);cursor:pointer}
.wcities button.act{background:var(--ink);color:var(--bg)}
.dh{font:800 22px var(--sans);letter-spacing:-.025em;margin:26px 0 10px}
.wcard{background:var(--bg2);border-radius:22px;padding:16px 18px;margin-bottom:12px}
.wcard.sl{padding:4px 18px}
.wk{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);margin-bottom:10px}
.wv{font:700 30px var(--sans);letter-spacing:-.03em}.wv small{font-size:15px;font-weight:600;color:var(--ink3)}
.wtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.wtiles .wcard{margin:0}
.wsky{border-radius:26px;padding:26px 20px 24px;color:#fff;text-align:center;margin-bottom:12px;text-shadow:0 1px 8px rgba(0,0,0,.15)}
.sk-d{background:linear-gradient(180deg,#2f7ee0,#76b9f2)}.sk-c{background:linear-gradient(180deg,#5d7088,#9eadc0)}.sk-r{background:linear-gradient(180deg,#38465a,#6d7f96)}.sk-st{background:linear-gradient(180deg,#2a2f3d,#566074)}.sk-n{background:linear-gradient(180deg,#0a1633,#2b3b69)}.sk-nr{background:linear-gradient(180deg,#141b2b,#374259)}
.wn{font:500 26px var(--sans);letter-spacing:-.01em}
.wt{font:200 96px/1 var(--sans);letter-spacing:-.04em;margin:2px 0 4px;padding-left:.15em}
.wc{font:500 20px var(--sans)}.whl{font:500 17px var(--sans);margin-top:4px;opacity:.95}
.whs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -6px}.whs::-webkit-scrollbar{display:none}
.wh{flex:none;width:52px;display:flex;flex-direction:column;align-items:center;gap:8px;font:600 14px var(--sans)}
.wh span{color:var(--ink2);font-size:13px}.wh i{font-style:normal;font-size:24px}.wh b{font-weight:700;font-size:16px}
.wd{display:grid;grid-template-columns:minmax(64px,1.1fr) 30px 34px 34px 1.4fr 34px;align-items:center;gap:6px;padding:11px 0;border-top:.5px solid var(--sep);font:600 16px var(--sans)}
.wd:nth-of-type(1){border-top:0}
.wd .dn{text-transform:capitalize}.wd i{font-style:normal;font-size:22px}.wd em{font:600 12px var(--sans);color:#3a9bff;font-style:normal}
.wd .lo{color:var(--ink3);text-align:right}.wd .hi{text-align:left}
.br{height:5px;border-radius:9px;background:var(--fill);position:relative}
.br u{position:absolute;top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,#6ec6ff,#ffd54a,#ff9f43)}
.sr{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:.5px solid var(--sep)}
.sl>.sr:first-child{border-top:0}
.sn2{flex:1;min-width:0}.sn2 b{display:block;font:700 17px var(--sans)}.sn2 span{display:block;font:500 13px var(--sans);color:var(--ink3);margin-top:2px}
.sr svg{flex:none}
.sv{text-align:right;min-width:92px}.sv b{display:block;font:700 17px var(--sans);font-variant-numeric:tabular-nums}
.sv em{display:inline-block;font:700 13px var(--sans);font-style:normal;border-radius:7px;padding:2px 7px;margin-top:3px;color:#fff}
.sv em.up{background:#34c759}.sv em.dn{background:#ff3b30}.sv em.mu{background:var(--fill);color:var(--ink2)}
.mr{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:.5px solid var(--sep)}
.sl>.mr:first-child{border-top:0}
.mtm{width:56px;flex:none;text-align:center}.mtm b{display:block;font:700 13px var(--sans);text-transform:uppercase}.mtm span{display:block;font:500 12px var(--sans);color:var(--ink3);margin-top:2px}
.mm{flex:1;min-width:0}.mm>div{display:flex;align-items:center;gap:9px;padding:3px 0;font:600 15.5px var(--sans)}
.mm img,.mm i{width:22px;height:22px;object-fit:contain;flex:none}.mm span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms{display:flex;flex-direction:column;gap:3px;font:700 16px var(--sans);text-align:right;min-width:20px;font-variant-numeric:tabular-nums}
.ms b{padding:3px 0}
.cr{display:grid;grid-template-columns:26px 1fr 34px 38px 38px;gap:4px;align-items:center;padding:9px 0;border-top:.5px solid var(--sep);font:500 14.5px var(--sans);font-variant-numeric:tabular-nums}
.cr span,.cr b{text-align:center}.cr .cn{text-align:left;display:flex;align-items:center;gap:8px;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden}.cr .cn img{width:20px;height:20px;object-fit:contain;flex:none}
.cr.ch{border-top:0;font:700 11.5px var(--sans);color:var(--ink3);text-transform:uppercase}
.cr.q span:first-child{color:var(--acc-ink);font-weight:800}
@media(max-width:900px){.wt{font-size:84px}.wd{grid-template-columns:minmax(58px,1fr) 28px 30px 30px 1.2fr 30px;font-size:15px}}