/* ================================================================
   StayLiquid — sistema visual
   ================================================================ */
:root{
  --bg:#0A0611; --bg2:#160A22; --bg3:#210F35;
  --ink:#F6EEFB; --soft:#B79FD1; --dim:#7A5F94;
  --line:rgba(230,150,255,.14); --line2:rgba(230,150,255,.28);
  --iris:#A430FF; --cyan:#FF3EA6; --gain:#3BF0A6; --loss:#FF4D7E; --warn:#FFC24B;
  --accent:var(--iris); --paper:var(--bg2); --tint:rgba(255,62,166,.12);
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-lg:22px; --r-md:14px; --r-sm:10px;
  --ease:cubic-bezier(.22,1,.36,1);
  color-scheme:dark;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 90px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;
  font-variant-numeric:tabular-nums;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--cyan)}
::selection{background:var(--iris);color:#fff}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Fondo vivo: malla de color + grano ---------- */
.aurora{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;
  transform:translate3d(calc(var(--px,0%) * .18),calc(var(--py,0%) * .18),0);transition:transform .1s linear}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}
.aurora i:nth-child(1){width:48vmax;height:48vmax;background:#7A0FBF;left:-14vmax;top:-18vmax;animation:drift1 26s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:36vmax;height:36vmax;background:#E01488;right:-12vmax;top:18vh;opacity:.32;animation:drift2 32s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:30vmax;height:30vmax;background:#3B0764;left:30vw;bottom:-18vmax;opacity:.3;animation:drift1 38s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(12vw,10vh) scale(1.15)}}
@keyframes drift2{to{transform:translate(-14vw,-8vh) scale(.9)}}
.grain{position:fixed;inset:-50%;z-index:-1;pointer-events:none;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.gridlines{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;transform:translate3d(calc(var(--px,0%) * -.35),calc(var(--py,0%) * -.35),0);transition:transform .08s linear;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 0%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 10%,transparent 70%)}

/* ---------- Barra de progreso de scroll ---------- */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--iris),var(--cyan),var(--gain));padding-top:0}

/* ---------- Ticker superior ---------- */
.ticker{position:relative;z-index:40;border-bottom:1px solid var(--line);background:rgba(7,11,36,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;height:36px}
.ticker-track{display:flex;width:max-content;animation:marquee 60s linear infinite;height:100%;align-items:center}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{display:flex;gap:8px;align-items:center;padding:0 22px;font-size:.82rem;white-space:nowrap;border-right:1px solid var(--line)}
.ticker-item b{font-family:var(--display);font-weight:600;font-size:.72rem;letter-spacing:.02em}
.ticker-item .p{color:var(--ink)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- Cabecera ---------- */
.top{position:sticky;top:0;z-index:50;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
.top.scrolled{background:rgba(7,11,36,.78);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom-color:var(--line)}
.top-in{display:flex;align-items:center;gap:22px;height:70px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:-.01em;white-space:nowrap}
.logo-mark{width:30px;height:30px;flex:none}
.logo span{background:linear-gradient(90deg,var(--ink) 55%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.top nav{display:flex;gap:2px;margin-left:auto}
.top nav a{position:relative;color:var(--soft);text-decoration:none;padding:8px 12px;border-radius:999px;font-size:.9rem;font-weight:600;white-space:nowrap;transition:color .25s}
.top nav a:hover{color:var(--ink)}
.top nav a[aria-current="page"]{color:var(--ink);background:rgba(123,108,255,.18);box-shadow:inset 0 0 0 1px rgba(123,108,255,.35)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line2);color:var(--ink);border-radius:999px;height:42px;padding:0 16px;font:inherit;font-weight:700;cursor:pointer}
@media (max-width:980px){
  .menu-btn{display:block}
  .top nav{position:fixed;inset:0;z-index:70;flex-direction:column;justify-content:center;gap:6px;padding:40px 28px;margin:0;
    background:rgba(7,11,36,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    clip-path:circle(0% at calc(100% - 50px) 50px);transition:clip-path .7s var(--ease);visibility:hidden}
  .top nav.open{clip-path:circle(150% at calc(100% - 50px) 50px);visibility:visible}
  .top nav a{font-family:var(--display);font-size:1.6rem;padding:10px 0;border-radius:0;background:none!important;box-shadow:none!important;
    opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease),transform .5s var(--ease),color .2s}
  .top nav.open a{opacity:1;transform:none}
  .top nav a[aria-current="page"]{color:var(--cyan)}
  .nav-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 18px);right:22px}
}
@media (min-width:981px){.nav-close{display:none}}

/* ---------- Transición de página: mosaico ---------- */
.pt{position:fixed;inset:0;z-index:200;display:grid;pointer-events:none}
.pt i{background:var(--bg2);transform:scale(0);transition:transform .45s var(--ease);transition-delay:var(--d)}
.pt.cover i{transform:scale(1.02)}
.pt.cover{pointer-events:all}
.pt i:nth-child(3n){background:var(--bg3)}
.pt i:nth-child(7n){background:#1A1463}

/* ---------- Cursor ---------- */
.cursor{position:fixed;left:0;top:0;width:38px;height:38px;margin:-19px 0 0 -19px;border:1.5px solid rgba(53,227,255,.7);border-radius:50%;
  pointer-events:none;z-index:300;transition:width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),background .25s,border-color .25s;mix-blend-mode:screen}
.cursor.big{width:74px;height:74px;margin:-37px 0 0 -37px;background:rgba(123,108,255,.18);border-color:rgba(123,108,255,.8)}
.cursor-dot{position:fixed;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--cyan);pointer-events:none;z-index:301}
@media (hover:none),(pointer:coarse){.cursor,.cursor-dot{display:none}}

/* ---------- Texto partido ---------- */
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .c{display:inline-block;transform:translateY(110%) rotate(8deg);opacity:0;transition:transform .9s var(--ease),opacity .9s var(--ease);transition-delay:calc(var(--i) * 22ms)}
.split.in .c{transform:none;opacity:1}
.grad{background:linear-gradient(100deg,var(--ink) 20%,var(--cyan) 60%,var(--iris));-webkit-background-clip:text;background-clip:text;color:transparent}
.split.grad .c{background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;background-size:var(--bw,100%) 100%;background-position:var(--bx,0) 0}

/* ---------- Aparición ---------- */
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--rd,0ms)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal="scale"]{transform:scale(.94)}
[data-reveal="blur"]{filter:blur(12px);transform:none;transition:opacity 1s var(--ease),filter 1s var(--ease)}
[data-reveal="blur"].in{filter:none}

/* ---------- Botones ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 24px;
  font:inherit;font-weight:800;font-size:.98rem;color:#fff;cursor:pointer;text-decoration:none;overflow:hidden;isolation:isolate;
  background:linear-gradient(120deg,var(--iris),#5A48F5 50%,#2A9FE0);box-shadow:0 10px 40px -10px rgba(123,108,255,.8),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .35s var(--ease),box-shadow .35s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(140px circle at var(--bx,50%) var(--by,50%),rgba(255,255,255,.35),transparent 60%);opacity:0;transition:opacity .3s}
.btn:hover::after{opacity:1}
.btn:hover{box-shadow:0 16px 50px -10px rgba(53,227,255,.7),inset 0 1px 0 rgba(255,255,255,.3)}
.btn.ghost{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--cyan)}
.btn.danger{background:linear-gradient(120deg,#FF4D7E,#C0245A);box-shadow:0 10px 40px -12px rgba(255,77,126,.9)}
.btn:disabled{opacity:.6;cursor:wait}
.btn .arr{display:inline-block;transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.use-price{background:none;border:0;color:var(--cyan);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;padding:0;margin-top:6px;display:inline-flex;gap:6px;align-items:center}
.use-price::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gain);box-shadow:0 0 0 0 rgba(59,240,166,.6);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(59,240,166,0)}100%{box-shadow:0 0 0 0 rgba(59,240,166,0)}}

/* ---------- Tarjetas con foco de luz ---------- */
.card,.tool-link,.glass{position:relative;background:linear-gradient(160deg,rgba(46,18,68,.55),rgba(14,7,20,.68));
  border:1px solid rgba(255,255,255,.09);border-radius:var(--r-lg);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.03),0 30px 60px -30px rgba(0,0,0,.6)}
.card::-liquid-top,.glass::-liquid-top{}
.card,.glass{position:relative}
.card>*,.glass>*{position:relative;z-index:1}
.card{padding:26px}
.card::before,.tool-link::before,.glass::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,-20%),rgba(53,227,255,.75),rgba(123,108,255,.35) 40%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.card::after,.tool-link::after,.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:radial-gradient(500px circle at var(--mx,50%) var(--my,-20%),rgba(123,108,255,.12),transparent 50%);opacity:0;transition:opacity .4s}
.card:hover::before,.tool-link:hover::before,.glass:hover::before,.card:hover::after,.tool-link:hover::after,.glass:hover::after{opacity:1}
[data-tilt]{transform-style:preserve-3d;transition:transform .5s var(--ease)}

/* ---------- Cabecera de página de herramienta ---------- */
.page-head{padding:64px 0 34px;max-width:880px}
.crumb{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--cyan);padding:6px 12px;border-radius:999px;background:rgba(53,227,255,.08);box-shadow:inset 0 0 0 1px rgba(53,227,255,.25);margin-bottom:22px}
.page-head h1{font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,5.4vw,4.2rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px}
.page-head p{color:var(--soft);font-size:1.12rem;margin:0;max-width:58ch}

/* ---------- Formularios ---------- */
.tool-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}
.tool-layout > .card:last-child{position:sticky;top:96px}
@media (max-width:900px){.tool-layout{grid-template-columns:1fr}.tool-layout > .card:last-child{position:relative;top:0}}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid .full{grid-column:1/-1}
@media (max-width:520px){.grid{grid-template-columns:1fr}}
label{display:block;font-size:.8rem;font-weight:700;color:var(--soft);margin-bottom:7px;letter-spacing:.01em}
input,select{width:100%;height:50px;padding:0 16px;border:1px solid var(--line2);border-radius:var(--r-md);background:rgba(5,8,28,.6);color:var(--ink);
  font:inherit;font-weight:600;font-variant-numeric:tabular-nums;transition:border-color .25s,box-shadow .25s,background .25s}
input::placeholder{color:var(--dim);font-weight:500}
input:hover,select:hover{border-color:rgba(160,172,255,.45)}
input:focus,select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(53,227,255,.15);background:rgba(5,8,28,.85)}
button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239AA3D6' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
select option{background:var(--bg2)}
input[type=month]{color-scheme:dark}
.seg{position:relative;display:flex;padding:4px;border-radius:999px;background:rgba(5,8,28,.6);box-shadow:inset 0 0 0 1px var(--line2)}
.seg button{position:relative;z-index:1;flex:1;background:none;border:0;height:42px;border-radius:999px;font:inherit;font-weight:800;color:var(--soft);cursor:pointer;transition:color .3s}
.seg button[aria-pressed="true"]{color:#fff}
.seg-pill{position:absolute;top:4px;bottom:4px;left:4px;border-radius:999px;background:linear-gradient(120deg,var(--iris),#2A9FE0);transition:transform .5s var(--ease),width .5s var(--ease),background .4s}
.seg.is-long .seg-pill{background:linear-gradient(120deg,#16B57A,var(--gain));box-shadow:0 6px 24px -6px rgba(59,240,166,.7)}
.seg.is-short .seg-pill{background:linear-gradient(120deg,#E0245E,var(--loss));box-shadow:0 6px 24px -6px rgba(255,77,126,.7)}

/* ---------- Resultados ---------- */
.big-label{font-size:.82rem;font-weight:700;color:var(--soft);letter-spacing:.02em}
.big{font-family:var(--display);font-size:clamp(2rem,4.6vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:8px 0 8px;word-break:break-word}
.big.pos{color:var(--gain);text-shadow:0 0 40px rgba(59,240,166,.35)}
.big.neg{color:var(--loss);text-shadow:0 0 40px rgba(255,77,126,.35)}
.rows{margin-top:18px;border-top:1px solid var(--line)}
.row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.95rem;animation:rowIn .5s var(--ease) both}
.row:nth-child(2){animation-delay:40ms}.row:nth-child(3){animation-delay:80ms}.row:nth-child(4){animation-delay:120ms}.row:nth-child(5){animation-delay:160ms}.row:nth-child(6){animation-delay:200ms}.row:nth-child(7){animation-delay:240ms}
@keyframes rowIn{from{opacity:0;transform:translateX(-8px)}}
.row span:first-child{color:var(--soft)}
.row span:last-child{font-weight:800;text-align:right}
.pos{color:var(--gain)}.neg{color:var(--loss)}
.muted{color:var(--soft);font-size:.9rem}
.alert{margin-top:16px;padding:14px 16px;border-radius:var(--r-md);font-size:.93rem;font-weight:600;background:rgba(255,194,75,.08);box-shadow:inset 3px 0 0 var(--warn),inset 0 0 0 1px rgba(255,194,75,.2);animation:rowIn .5s var(--ease)}
.alert.bad{background:rgba(255,77,126,.1);box-shadow:inset 3px 0 0 var(--loss),inset 0 0 0 1px rgba(255,77,126,.25)}
.alert.good{background:rgba(59,240,166,.08);box-shadow:inset 3px 0 0 var(--gain),inset 0 0 0 1px rgba(59,240,166,.22)}
.alert:empty{display:none}
.card.danger-glow{box-shadow:0 0 0 1px rgba(255,77,126,.4),0 30px 80px -30px rgba(255,77,126,.6);animation:shake .5s}
@keyframes shake{20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* Medidor de liquidación */
.meter{margin-top:18px}
.meter-bar{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--loss),var(--warn) 45%,var(--gain));overflow:visible}
.meter-bar::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.meter-knob{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2),0 0 24px rgba(255,255,255,.6);transition:left .8s var(--ease)}
.meter-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--soft);margin-top:8px;font-weight:700}

/* Filas dinámicas */
.buy-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:10px;align-items:end;animation:rowIn .45s var(--ease)}
.del{background:rgba(255,77,126,.08);border:1px solid rgba(255,77,126,.3);color:var(--loss);border-radius:var(--r-md);width:50px;height:50px;cursor:pointer;font-size:1.2rem;transition:background .2s}
.del:hover{background:rgba(255,77,126,.2)}

/* Gráfico */
.chart{width:100%;height:auto;display:block;margin-top:10px}
.chart .draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.8s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.legend{display:flex;gap:18px;font-size:.85rem;color:var(--soft);margin-top:10px;flex-wrap:wrap}
.legend i{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle;margin-right:8px}

/* Tablas */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(12,18,60,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{padding:14px 18px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
th{color:var(--soft);font-weight:700;font-size:.78rem;letter-spacing:.03em;background:rgba(255,255,255,.02)}
th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}
tbody tr{transition:background .2s}
tbody tr:hover{background:rgba(123,108,255,.08)}
tr:last-child td{border-bottom:0}
td img{width:22px;height:22px;vertical-align:middle;margin-right:10px;border-radius:50%}
tr.hl td{background:rgba(53,227,255,.08);font-weight:800}
tr.hl td:first-child{box-shadow:inset 3px 0 0 var(--cyan)}

/* Secciones y contenido */
h2.sec{font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.1;margin:70px 0 14px}
.ad{margin:46px 0;min-height:110px;border:1px dashed var(--line2);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:.8rem;font-weight:700;letter-spacing:.04em}
.guide{max-width:72ch;padding:14px 0 10px}
.guide h2{font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.15;margin:44px 0 14px}
.guide h3{font-family:var(--display);font-weight:600;font-size:1.08rem;margin:30px 0 8px;letter-spacing:-.01em}
.guide p,.guide li{color:#CDD3F5}
.guide code{display:inline-block;background:rgba(123,108,255,.14);color:var(--ink);padding:3px 9px;border-radius:7px;font-size:.9em;margin:2px 0;box-shadow:inset 0 0 0 1px rgba(123,108,255,.3)}
.guide strong{color:var(--ink)}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--display);font-size:1.4rem;color:var(--cyan);transition:transform .4s var(--ease);flex:none}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--soft);margin:12px 0 0;animation:rowIn .4s var(--ease)}
.related{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 20px}
.related a{border-radius:999px;padding:10px 18px;text-decoration:none;font-size:.9rem;font-weight:700;color:var(--ink);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .25s,background .25s,transform .35s var(--ease)}
.related a:hover{box-shadow:inset 0 0 0 1px var(--cyan);background:rgba(53,227,255,.06);transform:translateY(-2px)}

/* ---------- Pie ---------- */
footer{margin-top:90px;border-top:1px solid var(--line);padding:50px 0 50px;position:relative;overflow:hidden}
.foot-word{font-family:var(--display);font-weight:800;font-size:clamp(3rem,13vw,11rem);line-height:.9;letter-spacing:-.06em;margin:0 0 30px;
  background:linear-gradient(180deg,rgba(238,240,255,.18),rgba(238,240,255,0) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;user-select:none}
.foot-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;font-size:.86rem;color:var(--soft)}
.foot-grid p{margin:0;max-width:62ch}
.foot-grid nav{display:flex;gap:18px;flex-wrap:wrap}
.foot-grid a{color:var(--soft);text-decoration:none}
.foot-grid a:hover{color:var(--ink)}

/* ---------- Fragmentos (efecto liquidación) ---------- */
.shard{position:fixed;z-index:120;pointer-events:none;will-change:transform,opacity;border-radius:2px}
.flash{position:fixed;inset:0;z-index:119;pointer-events:none;background:radial-gradient(circle at var(--fx) var(--fy),rgba(255,77,126,.55),transparent 55%);animation:flash .9s ease-out forwards}
@keyframes flash{from{opacity:1}to{opacity:0}}
.liq-stamp{position:fixed;left:50%;top:50%;z-index:121;pointer-events:none;font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,9vw,6rem);letter-spacing:-.04em;color:var(--loss);
  text-shadow:0 0 60px rgba(255,77,126,.8);transform:translate(-50%,-50%) scale(1.8) rotate(-8deg);opacity:0;animation:stamp 1.6s var(--ease) forwards}
@keyframes stamp{15%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(.96) rotate(-8deg)}}
.rebuild{animation:rebuild .8s var(--ease) both}
@keyframes rebuild{from{opacity:0;transform:scale(.96);filter:blur(10px)}}

/* ================================================================
   PORTADA
   ================================================================ */
.story{position:relative;height:420vh}
.story-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#fx{position:absolute;inset:0;width:100%;height:100%;display:block}
.story-copy{position:absolute;left:0;right:0;bottom:12vh;pointer-events:none}
.story-copy .wrap{position:relative;min-height:200px}
.scene{position:absolute;left:22px;right:22px;bottom:0;max-width:640px;opacity:0;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease}
.scene.on{opacity:1;transform:none;pointer-events:auto;transition:opacity .8s var(--ease) .22s,transform .8s var(--ease) .22s}
.scene h1,.scene h2{font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,5.6vw,4.4rem);line-height:.98;letter-spacing:-.045em;margin:0 0 16px}
.scene p{color:var(--soft);font-size:1.12rem;max-width:44ch;margin:0 0 22px}
.scene .kicker{display:inline-flex;gap:8px;align-items:center;font-size:.8rem;font-weight:800;color:var(--cyan);margin-bottom:18px}
.scene .kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gain);animation:ping 1.8s infinite}
.scroll-hint{position:absolute;right:26px;bottom:26px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.72rem;font-weight:800;color:var(--soft);letter-spacing:.08em;transition:opacity .4s}
.scroll-hint i{width:1px;height:56px;background:linear-gradient(var(--cyan),transparent);animation:hint 1.8s var(--ease) infinite;transform-origin:top}
@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.story-steps{position:absolute;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}
.story-steps i{width:4px;height:26px;border-radius:4px;background:var(--line2);transition:background .4s,height .4s var(--ease)}
.story-steps i.on{background:var(--cyan);height:44px}
@media (max-width:700px){.story-steps{display:none}.story-copy{bottom:9vh}}

/* Cifras */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 20px}
.stat{padding:34px 24px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat b{display:block;font-family:var(--display);font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:700;letter-spacing:-.05em;line-height:1}
.stat span{color:var(--soft);font-size:.92rem}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:26px}
.tool-link{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:26px;text-decoration:none;color:var(--ink);overflow:hidden}
.tool-link h3{font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:-.03em;margin:0 0 8px;line-height:1.15}
.tool-link p{margin:0;color:var(--soft);font-size:.95rem;max-width:36ch}
.tool-link .go{margin-top:18px;display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:.9rem;color:var(--cyan)}
.tool-link .go i{font-style:normal;transition:transform .35s var(--ease)}
.tool-link:hover .go i{transform:translateX(6px)}
.b-a{grid-column:span 4;min-height:360px}.b-b{grid-column:span 2}.b-c{grid-column:span 2}.b-d{grid-column:span 2}.b-e{grid-column:span 2}.b-f{grid-column:span 6;min-height:220px}.b-g{grid-column:span 6;min-height:200px;background:linear-gradient(120deg,rgba(255,159,75,.14),rgba(255,77,126,.1) 60%,rgba(26,34,96,.72));box-shadow:inset 0 0 0 1px rgba(255,159,75,.25)}
.b-g .go{color:#FFB366}
.b-g h3::after{content:"NUEVO";margin-left:10px;font-family:var(--body);font-size:.62rem;font-weight:800;letter-spacing:.06em;color:#FF9F4B;background:rgba(255,159,75,.15);padding:3px 8px;border-radius:999px;vertical-align:middle}
@media (max-width:980px){.bento{grid-template-columns:1fr 1fr}.b-a,.b-f,.b-g{grid-column:span 2}.b-b,.b-c,.b-d,.b-e{grid-column:span 1}}
@media (max-width:600px){.bento{grid-template-columns:1fr}.b-a,.b-b,.b-c,.b-d,.b-e,.b-f,.b-g{grid-column:span 1;min-height:260px}}
.viz{position:relative;flex:1;min-height:120px;margin:-6px 0 18px}
.viz svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
/* mini visualizaciones */
.v-liq .price{animation:liqfall 4s var(--ease) infinite}
@keyframes liqfall{0%,15%{transform:translateY(0)}55%{transform:translateY(62px)}60%,100%{transform:translateY(62px);opacity:0}}
.v-liq .boom{transform-origin:center;animation:boom 4s infinite}
@keyframes boom{0%,54%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.2)}80%,100%{opacity:0;transform:scale(1.6)}}
.v-bars rect{transform-box:fill-box;transform-origin:bottom;animation:barup 2.8s var(--ease) infinite alternate;animation-delay:calc(var(--i)*90ms)}
@keyframes barup{from{transform:scaleY(.25)}}
.v-dots circle{animation:dot 3.4s var(--ease) infinite;animation-delay:calc(var(--i)*220ms)}
@keyframes dot{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.v-line path.l{stroke-dasharray:420;stroke-dashoffset:420;animation:lineDraw 3.6s var(--ease) infinite}
@keyframes lineDraw{60%,100%{stroke-dashoffset:0}}
.v-risk rect{animation:blink 2.4s infinite;animation-delay:calc(var(--i)*120ms)}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
.v-conv{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:1.3rem}
.v-conv .sw{display:inline-block;height:1.4em;overflow:hidden;vertical-align:bottom}
.v-conv .sw span{display:block;animation:swap 8s steps(1) infinite}
@keyframes swap{0%{transform:translateY(0)}25%{transform:translateY(-1.4em)}50%{transform:translateY(-2.8em)}75%{transform:translateY(-4.2em)}}

/* Horizontal fijado */
.hscroll{position:relative;height:300vh}
.hs-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.hs-track{display:flex;gap:4vw;padding:0 8vw;will-change:transform}
.hs-panel{flex:none;width:min(78vw,760px);min-height:62vh;display:flex;flex-direction:column;justify-content:space-between;padding:40px}
.hs-panel .n{font-family:var(--display);font-size:clamp(4rem,12vw,9rem);font-weight:800;line-height:.85;letter-spacing:-.06em;
  background:linear-gradient(180deg,var(--cyan),var(--iris) 70%,transparent);-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-panel h3{font-family:var(--display);font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.08;letter-spacing:-.035em;margin:20px 0 14px}
.hs-panel p{color:var(--soft);font-size:1.05rem;max-width:48ch;margin:0 0 20px}
.hs-intro{flex:none;width:min(70vw,540px);align-self:center}
.hs-intro h2{font-family:var(--display);font-size:clamp(2rem,5vw,3.8rem);line-height:1;letter-spacing:-.045em;margin:0 0 16px}
.hs-intro p{color:var(--soft)}
@media (max-width:700px){.hs-panel{width:84vw;padding:28px}.hs-intro{width:84vw}}

/* Sentimiento */
.mood{display:grid;grid-template-columns:1fr 1.4fr;gap:22px;align-items:stretch}
@media (max-width:900px){.mood{grid-template-columns:1fr}}
.gauge{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.gauge svg{width:100%;max-width:340px}
.gauge .val{font-family:var(--display);font-size:3.6rem;font-weight:800;letter-spacing:-.05em;line-height:1;margin-top:-64px}
.gauge .lab{font-weight:800;font-size:1.1rem;margin-top:6px}

/* CTA final */
.final{position:relative;text-align:center;padding:120px 0 40px}
.final h2{font-family:var(--display);font-size:clamp(2.4rem,7.4vw,6rem);line-height:.95;letter-spacing:-.05em;margin:0 auto 24px;max-width:13ch}
.final p{color:var(--soft);max-width:46ch;margin:0 auto 30px;font-size:1.1rem}
.orb{position:absolute;left:50%;top:50%;width:min(80vw,700px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;
  background:conic-gradient(from var(--a,0deg),var(--iris),var(--cyan),var(--gain),var(--iris));filter:blur(100px);opacity:.28;animation:spin 14s linear infinite}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes spin{to{--a:360deg}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-reveal],.split .c{opacity:1!important;transform:none!important;filter:none!important}
  .story{height:auto}.story-sticky{position:relative}
}
.menu-open .top{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* ---------- Selector de idioma ---------- */
.lang-switch{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2)}
.lang-btn{background:none;border:0;color:var(--soft);font:inherit;font-size:.76rem;font-weight:800;padding:6px 11px;border-radius:999px;cursor:pointer;transition:color .25s,background .25s}
.lang-btn.on{color:#fff;background:linear-gradient(120deg,var(--iris),var(--cyan))}

/* ---------- Perfil local ---------- */
.profile-wrap{position:relative}
.profile-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);border:1px solid var(--line2);color:var(--ink);border-radius:999px;height:42px;padding:0 14px 0 6px;cursor:pointer;font:inherit;font-weight:700;font-size:.85rem}
.profile-btn span.av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--iris),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:1.05rem;overflow:hidden}
.profile-panel{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:linear-gradient(160deg,rgba(33,15,53,.97),rgba(15,7,20,.97));border:1px solid var(--line2);border-radius:var(--r-lg);padding:20px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7);opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);z-index:80}
.profile-panel.open{opacity:1;transform:none;pointer-events:auto}
.profile-panel h4{margin:0 0 4px;font-family:var(--display);font-size:1rem}
.profile-panel .muted{font-size:.78rem}
.avatar-row{display:flex;gap:8px;margin:12px 0}
.avatar-pick{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer}
.avatar-pick:hover{border-color:var(--cyan)}
.profile-panel input{margin-top:4px}
.fav-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fav-chip{background:rgba(255,62,166,.12);color:var(--cyan);font-weight:800;font-size:.74rem;padding:5px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,62,166,.25)}
.profile-note{font-size:.7rem;color:var(--dim);margin-top:14px;line-height:1.5}

/* ---------- Estrella de favorito en tarjetas ---------- */
.fav-star{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(10,6,17,.55);
  border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--soft);transition:color .25s,transform .25s}
.fav-star:hover{transform:scale(1.1)}
.fav-star.on{color:#FFD666}

@media (max-width:980px){ .lang-switch{margin-right:6px} }
.auth-error{color:var(--loss);font-size:.78rem;font-weight:700;margin:8px 0 0;min-height:1em}
.profile-panel input{margin-top:0}
.profile-panel #auth-email{margin-top:12px}
.av-img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--bg3);flex:none}
.provider-btn{width:100%;background:#fff;color:#1a1a1a;justify-content:center;box-shadow:0 6px 20px -6px rgba(0,0,0,.4);margin-top:14px}
.provider-btn:hover{box-shadow:0 10px 28px -6px rgba(0,0,0,.55)}
.or-divider{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:var(--dim);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.or-divider::before,.or-divider::after{content:"";flex:1;height:1px;background:var(--line)}

/* ================================================================
   TERMINAL
   ================================================================ */
.term{padding:34px 0 10px}
.term-top{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.term-top h1{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.045em;line-height:1;margin:0}
.term-top h1 em{font-style:normal;background:linear-gradient(100deg,var(--cyan),var(--iris));-webkit-background-clip:text;background-clip:text;color:transparent}
.live{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:800;color:var(--soft)}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--gain);box-shadow:0 0 0 0 rgba(59,240,166,.6);animation:ping 1.6s infinite}
.term.paused .live-dot{background:var(--warn);animation:none}
.ring{width:26px;height:26px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:3}
.ring .bg{stroke:var(--line2)}
.ring .fg{stroke:var(--cyan);stroke-dasharray:100.5;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;stroke-linecap:round}
.term-ctrl{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.scan{display:flex;gap:8px;flex:1;min-width:260px;max-width:520px}
.scan input{height:46px}
.scan .btn{padding:0 18px;height:46px}

.tk-tabs{display:flex;gap:6px;padding:5px;border-radius:16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line);overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.tk-tabs::-webkit-scrollbar{display:none}
.tk-tab{flex:none;display:flex;gap:8px;align-items:center;background:none;border:0;color:var(--soft);font:inherit;font-weight:800;font-size:.9rem;padding:11px 18px;border-radius:12px;cursor:pointer;transition:color .25s,background .25s}
.tk-tab[aria-selected="true"]{color:#fff;background:linear-gradient(120deg,rgba(164,48,255,.45),rgba(255,62,166,.35));box-shadow:inset 0 0 0 1px rgba(255,62,166,.4),0 8px 30px -10px rgba(255,62,166,.6)}
.tk-tab .ic{font-size:1rem}
.tk-filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;margin-bottom:16px;align-items:center}
.tk-filters input,.tk-filters select{height:44px;font-size:.88rem}
.tgl{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:800;color:var(--soft);white-space:nowrap;cursor:pointer;padding:0 6px}
.tgl input{width:38px;height:22px;appearance:none;-webkit-appearance:none;border-radius:999px;background:var(--bg3);position:relative;padding:0;border:1px solid var(--line2);cursor:pointer;transition:background .25s}
.tgl input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--soft);transition:transform .3s var(--ease),background .25s}
.tgl input:checked{background:linear-gradient(120deg,var(--iris),var(--cyan))}
.tgl input:checked::after{transform:translateX(16px);background:#fff}
@media (max-width:980px){.tk-filters{grid-template-columns:1fr 1fr}.tk-filters .f-q{grid-column:1/-1}}

.tk-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--dim);font-weight:700;margin:0 4px 8px}
#tk-list{display:flex;flex-direction:column;gap:8px;min-height:300px}
.tk{position:relative;display:grid;grid-template-columns:28px minmax(210px,2.2fr) repeat(3,minmax(70px,1fr)) minmax(90px,1.1fr) repeat(3,minmax(58px,.8fr)) 64px auto;gap:12px;align-items:center;
  padding:12px 14px;border-radius:16px;background:linear-gradient(160deg,rgba(40,16,62,.55),rgba(16,8,26,.55));border:1px solid var(--line);cursor:pointer;
  transition:border-color .25s,transform .35s var(--ease),background .25s}
.tk:hover{border-color:rgba(255,62,166,.45);background:linear-gradient(160deg,rgba(58,20,88,.7),rgba(22,10,34,.7));transform:translateX(3px)}
.tk:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.tk.is-new{animation:tkIn .9s var(--ease) both}
.tk.is-new::before{content:"NUEVO";position:absolute;left:-2px;top:-8px;font-size:.58rem;font-weight:900;letter-spacing:.06em;color:#fff;background:var(--cyan);padding:2px 7px;border-radius:999px;box-shadow:0 0 18px rgba(255,62,166,.8)}
@keyframes tkIn{0%{opacity:0;transform:translateY(-14px) scale(.98);filter:blur(6px);box-shadow:0 0 0 1px var(--cyan),0 0 40px rgba(255,62,166,.6)}60%{opacity:1;filter:none}100%{box-shadow:none}}
.tk.flash-up{animation:fUp 1.2s ease}
.tk.flash-down{animation:fDown 1.2s ease}
@keyframes fUp{0%{background:rgba(59,240,166,.22)}}
@keyframes fDown{0%{background:rgba(255,77,126,.22)}}
.tk-star{background:none;border:0;color:var(--dim);font-size:1.15rem;cursor:pointer;padding:0;line-height:1;transition:transform .25s var(--ease),color .2s}
.tk-star:hover{transform:scale(1.25);color:var(--warn)}
.tk-star.on{color:#FFD666;text-shadow:0 0 14px rgba(255,214,102,.7)}
.tk-id{display:flex;align-items:center;gap:12px;min-width:0}
.tk-id img{width:40px;height:40px;border-radius:12px;object-fit:cover;flex:none;background:var(--bg3);box-shadow:0 0 0 1px var(--line2)}
.tk-names{min-width:0}
.tk-sym{font-family:var(--display);font-weight:700;font-size:.98rem;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;white-space:nowrap}
.tag{font-family:var(--body);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--soft)}
.tag.pump{background:rgba(59,240,166,.12);color:var(--gain)}
.tk-sub{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--soft);white-space:nowrap;overflow:hidden}
.tk-sub > span:first-child{overflow:hidden;text-overflow:ellipsis}
.tk-age{color:var(--cyan);font-weight:800}
.tk-ca{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.05);border:0;color:var(--dim);font:inherit;font-size:.7rem;padding:2px 7px;border-radius:6px;cursor:pointer}
.tk-ca:hover{color:var(--ink)}
.tk-ca svg,.dr-ca svg{width:12px;height:12px}
.tk-c{display:flex;flex-direction:column;gap:2px;min-width:0}
.tk-c small{font-size:.64rem;color:var(--dim);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.tk-c b{font-size:.9rem;font-weight:800;white-space:nowrap}
.tk-c sub,.dr-price sub{font-size:.65em;vertical-align:-.2em}
.bsbar{height:6px;border-radius:999px;background:rgba(255,77,126,.55);overflow:hidden;margin-top:5px}
.bsbar i{display:block;height:100%;background:linear-gradient(90deg,#16B57A,var(--gain));border-radius:inherit;transition:width .8s var(--ease)}
.bsbar.big{height:10px}
.score{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:26px;padding:0 8px;border-radius:8px;font-weight:900;font-size:.84rem}
.score.good{background:rgba(59,240,166,.14);color:var(--gain);box-shadow:inset 0 0 0 1px rgba(59,240,166,.3)}
.score.mid{background:rgba(255,194,75,.12);color:var(--warn);box-shadow:inset 0 0 0 1px rgba(255,194,75,.28)}
.score.bad{background:rgba(255,77,126,.13);color:var(--loss);box-shadow:inset 0 0 0 1px rgba(255,77,126,.3)}
.tk-out{display:flex;gap:5px}
.ob{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 9px;border-radius:9px;background:rgba(255,255,255,.05);color:var(--soft);text-decoration:none;font-size:.72rem;font-weight:800;
  box-shadow:inset 0 0 0 1px var(--line);transition:color .2s,background .2s,box-shadow .2s,transform .25s var(--ease)}
.ob svg{width:15px;height:15px}
.ob:hover{color:#fff;background:linear-gradient(120deg,rgba(164,48,255,.5),rgba(255,62,166,.45));box-shadow:inset 0 0 0 1px rgba(255,62,166,.6);transform:translateY(-2px)}
.tk .ob span{display:none}
@media (max-width:1180px){
  .tk{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"star id score" "star m m" "star out out";row-gap:10px}
  .tk-star{grid-area:star;align-self:start;margin-top:12px}
  .tk-id{grid-area:id}
  .tk-c{display:none}
  .tk-c.tk-sc{display:flex;grid-area:score;align-items:flex-end}
  .tk-m{grid-area:m}
  .tk-out{grid-area:out}
  .tk .ob span{display:inline}
  .tk-out .ob{flex:1;justify-content:center}
}
.tk-empty{padding:60px 20px;text-align:center;border:1px dashed var(--line2);border-radius:18px}
.tk-empty h3{font-family:var(--display);margin:0 0 6px}
.tk.sk{cursor:default;height:66px;display:flex;gap:16px}
.tk.sk i{display:block;height:14px;border-radius:7px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.12),rgba(255,255,255,.04));background-size:200% 100%;animation:shimmer 1.3s infinite}
.tk.sk i:first-child{flex:none;width:40px;height:40px;border-radius:12px}
@keyframes shimmer{to{background-position:-200% 0}}
.term.loading .live-dot{background:var(--cyan)}

/* Móvil: métricas compactas bajo cada fila */
.tk-m{display:none}
@media (max-width:1180px){
  .tk-m{display:flex;gap:6px 14px;font-size:.78rem;color:var(--soft);flex-wrap:wrap}
  .tk-m b{color:var(--ink);font-weight:800}
}

/* ================================================================
   DRAWER DE DETALLE
   ================================================================ */
.drawer{position:fixed;inset:0;z-index:150;pointer-events:none}
.drawer .dr-bg{position:absolute;inset:0;background:rgba(5,2,10,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .4s}
.drawer .dr-panel{position:absolute;top:0;right:0;bottom:0;width:min(560px,100%);background:linear-gradient(180deg,#170A25,#0B0512);border-left:1px solid var(--line2);
  transform:translateX(104%);transition:transform .6s var(--ease);overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 22px) 24px calc(env(safe-area-inset-bottom,0px) + 30px);box-shadow:-40px 0 120px -40px rgba(255,62,166,.35)}
.drawer.open{pointer-events:auto}
.drawer.open .dr-bg{opacity:1}
.drawer.open .dr-panel{transform:none}
body.dr-lock{overflow:hidden}
.dr-close{position:sticky;top:0;float:right;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:rgba(10,6,17,.8);color:var(--ink);font-size:1.3rem;cursor:pointer}
.dr-body > *{animation:rowIn .6s var(--ease) both}
.dr-body > *:nth-child(2){animation-delay:.05s}.dr-body > *:nth-child(3){animation-delay:.1s}.dr-body > *:nth-child(4){animation-delay:.15s}.dr-body > *:nth-child(5){animation-delay:.2s}.dr-body > *:nth-child(6){animation-delay:.25s}.dr-body > *:nth-child(7){animation-delay:.3s}
.dr-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding-right:50px}
.dr-head img{width:58px;height:58px;border-radius:16px;box-shadow:0 0 0 1px var(--line2),0 10px 40px -10px rgba(255,62,166,.6)}
.dr-head h2{font-family:var(--display);font-size:1.8rem;margin:0;letter-spacing:-.03em}
.dr-head p{margin:2px 0 0}
.dr-head .tk-star{margin-left:auto;font-size:1.5rem}
.dr-ca{display:flex;align-items:center;gap:8px;width:100%;background:rgba(255,255,255,.04);border:1px dashed var(--line2);color:var(--soft);font:inherit;font-size:.74rem;padding:9px 12px;border-radius:10px;cursor:pointer;word-break:break-all;text-align:left}
.dr-ca:hover{color:var(--ink);border-color:var(--cyan)}
.dr-price{display:flex;align-items:baseline;gap:10px;margin:16px 0 12px}
.dr-price b{font-family:var(--display);font-size:2rem;letter-spacing:-.03em}
.dr-chart{position:relative;height:340px;border-radius:16px;overflow:hidden;border:1px solid var(--line2);background:var(--bg2)}
.dr-chart iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dr-out{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.dr-out .ob{justify-content:center;height:44px;font-size:.82rem}
.dr-out .ob:first-child{background:linear-gradient(120deg,var(--iris),var(--cyan));color:#fff}
.dr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dr-grid div{padding:12px;border-radius:12px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--line)}
.dr-grid small{display:block;font-size:.66rem;color:var(--dim);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.dr-grid b{font-size:1rem}
.dr-press{margin:14px 0}
.row2{display:flex;justify-content:space-between;font-size:.8rem;font-weight:800;color:var(--soft)}
.dr-score,.dr-rug,.dr-alert{margin-top:16px;padding:18px;border-radius:16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line)}
.dr-rug:empty{display:none}
.dr-score h3,.dr-rug h3,.dr-alert h3{font-family:var(--display);font-size:1.02rem;margin:0 0 4px}
.dr-score-top{display:flex;gap:16px;align-items:center;margin-bottom:10px}
.score-ring{--v:50;width:70px;height:70px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--c,var(--warn)) calc(var(--v)*1%),rgba(255,255,255,.07) 0);position:relative}
.score-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#140920}
.score-ring span{position:relative;font-family:var(--display);font-weight:800;font-size:1.3rem}
.dr-score.good .score-ring{--c:var(--gain)}.dr-score.bad .score-ring{--c:var(--loss)}
.dr-score ul,.dr-rug ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.dr-score li,.dr-rug li{font-size:.86rem;display:flex;gap:10px;color:var(--soft)}
.dr-score li span{flex:none;min-width:32px;font-weight:900}
.dr-score li.pos span{color:var(--gain)}.dr-score li.neg span{color:var(--loss)}
.dr-rug li.neg b{color:var(--loss)}.dr-rug li.warn b{color:var(--warn)}
.dr-alert-row{display:flex;gap:8px;align-items:center;margin-top:10px}
.dr-alert-row select{width:auto;height:44px}
.dr-alert-row .btn{margin-left:auto;padding:0 18px;height:44px}
.pill-pro{display:inline-block;font-family:var(--body);font-size:.6rem;font-weight:900;letter-spacing:.06em;padding:3px 8px;border-radius:999px;color:#fff;background:linear-gradient(120deg,var(--iris),var(--cyan));vertical-align:middle}

/* Modal de primera salida */
.handoff{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:20px;background:rgba(5,2,10,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s}
.handoff.open{opacity:1;pointer-events:auto}
.handoff .glass{max-width:420px;padding:28px;transform:scale(.94);transition:transform .45s var(--ease)}
.handoff.open .glass{transform:none}
.handoff h3{font-family:var(--display);margin:0 0 8px}
.handoff .actions{flex-direction:column}
.handoff .actions .btn{width:100%}
.ho-x{position:absolute;top:12px;right:12px;background:none;border:0;color:var(--soft);font-size:1.3rem;cursor:pointer}

/* Toasts */
#toasts{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translateX(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.toast{pointer-events:auto;padding:12px 18px;border-radius:14px;background:rgba(28,12,44,.95);border:1px solid var(--line2);font-size:.88rem;font-weight:700;box-shadow:0 20px 50px -15px rgba(0,0,0,.7);animation:toastIn .5s var(--ease)}
.toast.good{border-color:rgba(59,240,166,.4)}.toast.bad{border-color:rgba(255,77,126,.45)}
.toast.out{opacity:0;transform:translateY(10px);transition:.4s}
.toast a{color:var(--cyan)}
@keyframes toastIn{from{opacity:0;transform:translateY(16px) scale(.96)}}

/* Mini-feed portada */
.minifeed{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:820px){.minifeed{grid-template-columns:1fr}}
.mf{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);animation:tkIn .8s var(--ease) both;transition:transform .3s var(--ease),box-shadow .3s}
.mf:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(255,62,166,.5)}
.mf img{width:38px;height:38px;border-radius:11px}
.mf div{flex:1;min-width:0}
.mf b{display:block;font-family:var(--display);font-size:.92rem}
.mf small{color:var(--soft);font-size:.74rem}
.mf:nth-child(2){animation-delay:.08s}.mf:nth-child(3){animation-delay:.16s}.mf:nth-child(4){animation-delay:.24s}.mf:nth-child(5){animation-delay:.32s}.mf:nth-child(6){animation-delay:.4s}

/* Premium */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
@media (max-width:820px){.plans{grid-template-columns:1fr}}
.plan{padding:32px}
.plan h3{font-family:var(--display);font-size:1.4rem;margin:0}
.plan .pr{font-family:var(--display);font-size:3rem;font-weight:800;letter-spacing:-.05em;margin:14px 0 4px}
.plan .pr small{font-size:1rem;color:var(--soft);font-weight:600;letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:20px 0 26px;display:flex;flex-direction:column;gap:10px}
.plan li{display:flex;gap:10px;font-size:.95rem}
.plan li::before{content:"✓";color:var(--gain);font-weight:900}
.plan li.no{color:var(--dim)}
.plan li.no::before{content:"—";color:var(--dim)}
.plan.pro{background:linear-gradient(160deg,rgba(164,48,255,.28),rgba(255,62,166,.14) 60%,rgba(22,10,34,.8));box-shadow:0 0 0 1px rgba(255,62,166,.45),0 40px 100px -40px rgba(255,62,166,.7)}

/* Feature cards de portada */
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
@media (max-width:980px){.feat{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.feat{grid-template-columns:1fr}}
.feat .tool-link{min-height:230px}
.feat .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(164,48,255,.35),rgba(255,62,166,.25));box-shadow:inset 0 0 0 1px rgba(255,62,166,.35);margin-bottom:18px}
.feat .ico svg{width:24px;height:24px;color:#fff}

/* ================================================================
   Vidrio líquido (estilo Apple) — brillo superior y borde vivo
   ================================================================ */
.card::before,.glass::before,.tool-link::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;border-radius:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);z-index:2;pointer-events:none}
.card::after,.glass::after,.tool-link::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,-20%),rgba(255,255,255,.55),rgba(255,62,166,.25) 42%,transparent 72%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.card:hover::after,.glass:hover::after,.tool-link:hover::after{opacity:1}

/* ================================================================
   CALLS — feed social en vivo
   ================================================================ */
.calls-wrap{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start;margin-top:60px}
@media (max-width:980px){.calls-wrap{grid-template-columns:1fr}}
.calls-box{padding:0;overflow:hidden}
.calls-head{display:flex;align-items:center;gap:10px;padding:20px 22px;border-bottom:1px solid var(--line)}
.calls-head h2{font-family:var(--display);font-size:1.3rem;margin:0;letter-spacing:-.02em}
.calls-head .live-dot{width:8px;height:8px}
#calls-form{display:flex;flex-direction:column;gap:10px;padding:16px 22px;border-bottom:1px solid var(--line)}
#calls-form .row{display:flex;gap:8px}
#calls-form input[type=text]:first-child{width:110px;flex:none}
#calls-form textarea{width:100%;min-height:52px;max-height:140px;resize:vertical;padding:12px 14px;border:1px solid var(--line2);border-radius:var(--r-md);background:rgba(5,2,10,.5);color:var(--ink);font:inherit}
#calls-form .row2{display:flex;justify-content:space-between;align-items:center}
#calls-form .btn{padding:9px 20px;height:auto}
#calls-list{max-height:640px;overflow-y:auto;display:flex;flex-direction:column}
.call{display:flex;gap:12px;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.05);animation:rowIn .5s var(--ease) both}
.call img{width:38px;height:38px;border-radius:50%;flex:none;background:var(--bg3)}
.call-body{flex:1;min-width:0}
.call-head{display:flex;align-items:center;gap:8px;font-size:.86rem;flex-wrap:wrap}
.call-head b{font-weight:800}
.call p{margin:4px 0 8px;font-size:.92rem;line-height:1.5;word-break:break-word}
.call-tag{color:var(--cyan);font-weight:800;text-decoration:none}
.call-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.call-act{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--dim);cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;padding:4px 0;transition:color .2s,transform .2s}
.call-act svg{width:16px;height:16px}
.call-act:hover{color:var(--ink);transform:translateY(-1px)}
.call-act:disabled{cursor:default;opacity:.4}
.call-act:disabled:hover{transform:none}
.call-act.liked.on{color:var(--loss)}
.call-act.reposted.on{color:var(--gain)}
.call-act.views{cursor:default;color:var(--dim)}
.call-act.views:hover{transform:none;color:var(--dim)}
.call-del{background:none;border:0;color:var(--dim);font-size:.72rem;cursor:pointer;font-weight:700;margin-left:auto}
.call-del:hover{color:var(--loss)}
.call-repost-tag{position:absolute;top:-2px;left:50px;display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;color:var(--gain)}
.call-repost-tag svg{width:13px;height:13px}
.call{position:relative;padding-top:24px}
.call-replies{max-height:0;overflow:hidden;transition:max-height .35s var(--ease);margin-top:0}
.call-replies.open{max-height:600px;margin-top:12px}
.call-replies-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.call-reply{display:flex;gap:8px}
.call-reply img{width:24px;height:24px;border-radius:50%;flex:none}
.call-reply b{font-size:.78rem;font-weight:800}
.call-reply p{margin:1px 0 0;font-size:.82rem}
.call-reply-form{display:flex;gap:8px}
.call-reply-form input{flex:1;height:38px;padding:0 12px;border-radius:9px;border:1px solid var(--line2);background:rgba(5,2,10,.5);color:var(--ink);font:inherit;font-size:.82rem}
.calls-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.calls-side .glass{padding:20px}
.calls-side h3{font-family:var(--display);font-size:1rem;margin:0 0 6px}

/* ================================================================
   DASHBOARD
   ================================================================ */
.dash-top{display:flex;align-items:center;gap:20px;padding:28px;flex-wrap:wrap}
.dash-avatar{width:74px;height:74px;border-radius:50%;background:var(--bg3);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 20px 50px -20px rgba(255,62,166,.6)}
.dash-id h2{font-family:var(--display);margin:0;font-size:1.5rem}
.dash-id p{margin:2px 0 0}
.dash-plan{margin-left:auto}
.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 10px}
@media (max-width:760px){.dash-grid{grid-template-columns:1fr 1fr}}
.dstat{padding:20px}
.dstat small{display:block;font-size:.72rem;font-weight:800;color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.dstat b{font-family:var(--display);font-size:1.8rem;letter-spacing:-.03em}
.dash-wl,.dash-alerts,.dash-calls{display:flex;flex-direction:column;gap:8px}
.dash-wl .tk{grid-template-columns:1fr auto auto}

/* ================================================================
   MODAL DE CUENTA (centrado, grande, con pestañas)
   ================================================================ */
.acct{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;pointer-events:none}
.acct-bg{position:absolute;inset:0;background:rgba(5,2,10,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .35s}
.acct-panel{position:relative;width:min(440px,100%);max-height:88vh;overflow-y:auto;padding:34px 28px;transform:scale(.94) translateY(10px);opacity:0;transition:transform .4s var(--ease),opacity .4s var(--ease)}
.acct.open{pointer-events:auto}
.acct.open .acct-bg{opacity:1}
.acct.open .acct-panel{transform:none;opacity:1}
.acct-head{text-align:center;margin-bottom:22px}
.acct-head h2{font-family:var(--display);font-size:1.5rem;margin:10px 0 6px}
.acct-hero-av{width:64px;height:64px;border-radius:50%;background:var(--bg3);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 20px 50px -18px rgba(255,62,166,.6)}
.acct-head-in{display:flex;align-items:center;text-align:left;gap:14px;margin-bottom:18px}
.acct-head-in .acct-hero-av{width:56px;height:56px}
.acct-head-in h2{font-size:1.25rem;margin:0}
.acct-banner{display:flex;gap:10px;align-items:flex-start;background:rgba(255,194,75,.12);color:var(--warn);border:1px solid rgba(255,194,75,.3);border-radius:12px;padding:12px 14px;font-size:.82rem;font-weight:700;margin-bottom:18px}
.acct-diag{font-size:.74rem;text-align:center;margin:8px 0 0;min-height:1em}
.acct-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line);margin:18px 0 14px}
.acct-tab{flex:1;background:none;border:0;color:var(--soft);font:inherit;font-weight:800;font-size:.82rem;padding:9px 6px;border-radius:9px;cursor:pointer}
.acct-tab[aria-selected="true"]{color:#fff;background:linear-gradient(120deg,var(--iris),var(--cyan))}
.acct-pane{min-height:70px}
.call-mini{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:8px;font-size:.85rem}
.call-mini .muted{font-size:.72rem}

/* ================================================================
   GLOBO DE ACTIVIDAD
   ================================================================ */
.globe-sec{margin:70px 0}
.globe-wrap{position:relative;display:grid;grid-template-columns:1fr 320px;gap:0;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(circle at 30% 30%,#1D0F35,#0A0611 70%);box-shadow:inset 0 0 0 1px var(--line)}
@media (max-width:900px){.globe-wrap{grid-template-columns:1fr}}
#globe{position:relative;height:520px;touch-action:none;cursor:grab}
#globe:active{cursor:grabbing}
#globe-fx{width:100%;height:100%;display:block}
#globe.flat{display:grid;place-items:center}
.globe-tip{position:absolute;transform:translate(-50%,-108%);background:rgba(15,7,20,.97);border:1px solid var(--line2);border-radius:14px;padding:12px 16px;font-size:.78rem;
  display:flex;flex-direction:column;gap:3px;pointer-events:none;opacity:0;transition:opacity .15s;white-space:nowrap;z-index:5;box-shadow:0 20px 40px -15px rgba(0,0,0,.7);min-width:150px}
.globe-tip.on{opacity:1}
.globe-tip b{font-family:var(--display);font-size:.95rem}
.globe-tip>div:first-child{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.globe-tip img{width:22px;height:22px;border-radius:50%;flex:none}
.globe-tip .muted{font-size:.68rem}
.globe-side{padding:26px;display:flex;flex-direction:column;gap:16px;border-left:1px solid var(--line)}
@media (max-width:900px){.globe-side{border-left:0;border-top:1px solid var(--line)}}
.globe-side h3{font-family:var(--display);font-size:1.2rem;margin:0}
.globe-note{font-size:.78rem;color:var(--soft);line-height:1.6;background:rgba(255,255,255,.03);padding:12px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
.globe-note b{color:var(--ink)}
.globe-hint{font-size:.74rem;color:var(--dim);display:flex;align-items:center;gap:6px}
.globe-legend{display:flex;flex-direction:column;gap:8px}
.gl-item{display:flex;justify-content:space-between;font-size:.85rem;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03)}
.gl-item b{color:var(--cyan)}

/* ================================================================
   Banner: solo en móvil (el WebGL del hero es cosa de pantallas
   pequeñas). En escritorio, cabecera simple sin motor 3D.
   ================================================================ */
@media (min-width:860px){ .story{display:none !important} }
.hero-simple{display:none}
@media (min-width:860px){
  .hero-simple{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:70px 0 50px}
  .hero-simple h1{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:1;letter-spacing:-.045em;margin:0 0 20px}
  .hero-simple p{color:var(--soft);font-size:1.14rem;max-width:46ch;margin:0 0 28px}
  .hero-simple .actions{margin:0}
  .hero-orb{position:relative;height:360px;display:grid;place-items:center}
  .hero-orb .ring{position:absolute;border-radius:50%;border:1px solid rgba(255,62,166,.25)}
  .hero-orb .ring:nth-child(1){width:100%;height:100%;animation:orbspin 40s linear infinite}
  .hero-orb .ring:nth-child(2){width:74%;height:74%;border-color:rgba(164,48,255,.3);animation:orbspin 30s linear infinite reverse}
  .hero-orb .ring:nth-child(3){width:48%;height:48%;border-color:rgba(53,227,255,.28);animation:orbspin 22s linear infinite}
  .hero-orb .coin{position:relative;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;
    background:radial-gradient(circle at 32% 28%,#FFD66B,#FF7A3D 55%,#FF2E92 100%);box-shadow:0 0 90px -10px rgba(255,62,166,.7),inset 0 0 30px rgba(0,0,0,.25);
    font-family:var(--display);font-weight:800;font-size:3.4rem;color:#2b0f00;animation:coinfloat 5s ease-in-out infinite}
  @keyframes orbspin{to{transform:rotate(360deg)}}
  @keyframes coinfloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(4deg)}}
  .hero-orb .dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
}

/* ================================================================
   Dos esferas lado a lado
   ================================================================ */
.globes-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:980px){.globes-grid{grid-template-columns:1fr}}
.globe-wrap.small{grid-template-columns:1fr;height:auto}
.globe-wrap .globe-title{padding:18px 22px 0;display:flex;align-items:center;gap:10px}
.globe-wrap .globe-title h3{font-family:var(--display);font-size:1.1rem;margin:0}

.globes-grid.xl{margin-top:6px}
@media (max-width:640px){
  .globes-grid.xl #globe1,.globes-grid.xl #globe2{height:380px !important}
}

/* ================================================================
   TABLERO DE 3 COLUMNAS (estilo terminal profesional)
   ================================================================ */
.wrap.wide{max-width:1440px}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
@media (max-width:1100px){.board{grid-template-columns:1fr;max-width:640px;margin:0 auto}}
.board-col{background:linear-gradient(180deg,rgba(30,14,48,.6),rgba(12,6,18,.7));border:1px solid var(--line);border-radius:16px;overflow:hidden;backdrop-filter:blur(10px)}
.col-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.col-head .ic{font-size:1rem}
.col-head h3{font-family:var(--display);font-size:.92rem;font-weight:700;margin:0;letter-spacing:-.01em;white-space:nowrap}
.col-count{font-size:.72rem;font-weight:800;color:var(--dim);background:rgba(255,255,255,.05);padding:2px 7px;border-radius:999px;margin-right:auto}
.col-icon{background:none;border:0;color:var(--dim);font-size:.85rem;cursor:pointer;padding:2px;line-height:1;opacity:.6;transition:opacity .2s,color .2s}
.col-icon:hover{opacity:1}
.col-icon.on{opacity:1;color:var(--cyan)}
.col-search{margin:8px 10px;width:calc(100% - 20px);height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--line2);background:rgba(5,2,10,.5);color:var(--ink);font:inherit;font-size:.8rem}
.col-list{display:flex;flex-direction:column;max-height:640px;overflow-y:auto;padding:4px 8px 10px}

.tkc{position:relative;display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;cursor:pointer;transition:background .2s;border:1px solid transparent}
.tkc:hover{background:rgba(255,62,166,.06);border-color:rgba(255,62,166,.18)}
.tkc.sk{height:52px;display:flex;gap:10px}
.tkc.sk i{border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.1),rgba(255,255,255,.04));background-size:200% 100%;animation:shimmer 1.3s infinite}
.tkc.sk i:first-child{width:34px;height:34px;flex:none}
.tkc.sk i:last-child{flex:1;height:34px}
.tkc.is-new{animation:tkIn .8s var(--ease) both}
.tkc.flash-up{animation:fUp 1.1s ease}
.tkc.flash-down{animation:fDown 1.1s ease}
.tkc-img{width:34px;height:34px;border-radius:9px;flex:none;background:var(--bg3);object-fit:cover;box-shadow:0 0 0 1px var(--line2)}
.tkc-mid{flex:1;min-width:0}
.tkc-l1{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tkc-sym{font-family:var(--display);font-size:.86rem;font-weight:700;letter-spacing:-.01em}
.tkc-l1 .tag{font-size:.56rem;padding:1px 5px}
.tkc-l1 .tk-age{font-size:.66rem}
.score.sm{min-width:26px;height:19px;padding:0 5px;font-size:.68rem;border-radius:5px;margin-left:auto}
.tkc-l2{display:flex;gap:5px;align-items:center;font-size:.72rem;color:var(--soft);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkc-l2 .dot{color:var(--dim)}
.tkc-l3{display:flex;align-items:center;gap:8px;margin-top:5px}
.tkc-l3 .tk-ca{font-size:.66rem;padding:1px 6px}
.tkc-l3 .muted{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}
.bsbar.mini{flex:1;height:4px;min-width:24px}
.tkc-chg{font-size:.74rem;font-weight:800;margin-left:auto;flex:none}
.tkc-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.tkc-out{display:flex;gap:3px}
.ob.mini{width:24px;height:24px;padding:0;justify-content:center}
.ob.mini svg{width:13px;height:13px}
.ob.mini span{display:none}

/* ================================================================
   v2 · HERO DE ESFERAS HOLOGRÁFICAS (centrado, grande, futurista)
   ================================================================ */
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gain);box-shadow:0 0 12px var(--gain);animation:ping 1.8s infinite;flex:none}
.orb-hero{position:relative;padding:28px 0 30px;overflow:hidden}
.orb-hero::before{content:"";position:absolute;left:50%;top:-10%;width:1400px;height:900px;transform:translateX(-50%);pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side at 30% 55%,rgba(164,48,255,.28),transparent 70%),radial-gradient(closest-side at 70% 55%,rgba(53,227,255,.2),transparent 70%);filter:blur(20px);animation:orbBreath 7s ease-in-out infinite alternate}
@keyframes orbBreath{to{opacity:.6;transform:translateX(-50%) scale(1.06)}}
.orb-head{max-width:980px;margin:0 auto;padding:0 22px;text-align:center}
.orb-head .crumb{margin:0 auto 20px}
.orb-title{font-family:var(--display);font-weight:800;font-size:clamp(2rem,5.2vw,4.4rem);line-height:.98;letter-spacing:-.045em;margin:0 0 18px}
.orb-title .shine{background:linear-gradient(100deg,#fff 0%,#E7B6FF 25%,#FF3EA6 45%,#35E3FF 65%,#fff 85%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s linear infinite;filter:drop-shadow(0 0 30px rgba(255,62,166,.35))}
@keyframes shine{to{background-position:-250% 0}}
.orb-head p{color:var(--soft);font-size:clamp(1rem,1.6vw,1.18rem);margin:0 auto;max-width:60ch}

.orb-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1640px;margin:26px auto 0;padding:0 12px}
.orb-panel{position:relative;height:clamp(520px,82vh,860px);border-radius:32px;isolation:isolate}
.orb-panel canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
.orb-panel canvas:active{cursor:grabbing}
.orb-panel::after{content:"";position:absolute;inset:8% 10%;border-radius:50%;z-index:-1;pointer-events:none;filter:blur(60px);opacity:.55}
.orb-panel.o-left::after{background:radial-gradient(circle,rgba(164,48,255,.45),transparent 65%)}
.orb-panel.o-right::after{background:radial-gradient(circle,rgba(53,227,255,.32),transparent 65%)}
.orb-hud{position:absolute;top:18px;left:22px;right:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;flex-wrap:wrap}
.orb-hud-l{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(10,4,18,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.o-right .live-dot{background:#35E3FF;box-shadow:0 0 12px #35E3FF}
.orb-hud h3{font-family:var(--display);font-size:.92rem;margin:0;letter-spacing:-.01em;white-space:nowrap}
.orb-stats{display:flex;gap:8px}
.orb-stats span{padding:7px 12px;border-radius:999px;background:rgba(10,4,18,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:.78rem;white-space:nowrap}
.orb-stats b{font-family:var(--display);font-size:.86rem}
.orb-stats small{color:var(--dim);font-weight:700}
.orb-zoom{position:absolute;right:22px;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:6px}
.orb-zoom button{width:38px;height:38px;border-radius:50%;border:0;color:var(--ink);font-size:1.2rem;cursor:pointer;background:rgba(10,4,18,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:box-shadow .2s,transform .2s}
.orb-zoom button:hover{box-shadow:inset 0 0 0 1px var(--cyan),0 0 20px rgba(255,62,166,.4);transform:scale(1.06)}
.orb-legend{position:absolute;left:12px;right:12px;bottom:16px;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.gl-item{display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 6px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-size:.76rem;color:var(--ink);
  background:rgba(10,4,18,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:transform .25s var(--ease),box-shadow .25s}
.gl-item:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--cyan),0 8px 30px -8px rgba(255,62,166,.6)}
.gl-item img{width:20px;height:20px;border-radius:50%}
.gl-rank{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.64rem;font-weight:900;background:rgba(255,255,255,.08);color:var(--soft)}
.gl-item .pos{color:var(--gain);font-weight:800}.gl-item .neg{color:var(--loss);font-weight:800}
.orb-beam{position:absolute;left:25%;right:25%;top:50%;height:2px;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(164,48,255,.6),rgba(255,62,166,.9),rgba(53,227,255,.6),transparent);filter:blur(.5px);opacity:.7}
.orb-beam i{position:absolute;top:-3px;width:60px;height:8px;border-radius:8px;background:radial-gradient(closest-side,#fff,rgba(255,62,166,.6),transparent);animation:beam 3.2s linear infinite}
@keyframes beam{from{left:0}to{left:calc(100% - 60px)}}
.orb-note{text-align:center;font-size:.78rem;color:var(--dim);margin:8px auto 0;max-width:60ch}
.globe-tip{position:absolute;z-index:5;min-width:210px;transform:translate(-50%,calc(-100% - 18px));pointer-events:none;opacity:0;transition:opacity .2s;
  background:rgba(12,5,22,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 14px;
  box-shadow:0 20px 50px -10px rgba(0,0,0,.7),0 0 40px -10px rgba(255,62,166,.45);font-size:.78rem;display:block}
.globe-tip.on{opacity:1}
.gt-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.gt-head img{width:28px;height:28px;border-radius:50%}
.gt-head div{display:flex;flex-direction:column;line-height:1.2}
.gt-head b{font-family:var(--display);font-size:.95rem}
.gt-chg{margin-left:auto;font-weight:900;font-size:.85rem}
.gt-grid{display:grid;grid-template-columns:auto 1fr;gap:3px 12px}
.gt-grid span{color:var(--dim);font-weight:700}.gt-grid b{text-align:right}
.gt-cta{margin-top:8px;font-size:.7rem;color:var(--cyan);font-weight:800}
.pos{color:var(--gain)}.neg{color:var(--loss)}
@media (max-width:980px){
  .orb-stage{grid-template-columns:1fr;gap:10px}
  .orb-panel{height:clamp(460px,92vw,700px)}
  .orb-beam{display:none}
  .orb-zoom{top:auto;bottom:74px;transform:none}
}
@media (max-width:560px){
  .orb-hud{top:12px;left:12px;right:12px}
  .orb-stats span{padding:5px 9px;font-size:.7rem}
  .gl-item:nth-child(n+5){display:none}
}

/* ================================================================
   v2 · DETALLE DE TOKEN PROFESIONAL (modal a pantalla casi completa)
   ================================================================ */
.drawer.tkm .dr-bg{background:rgba(4,1,9,.72);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}
.drawer.tkm .dr-panel{top:50%;left:50%;right:auto;bottom:auto;width:min(1480px,96vw);height:min(94vh,1100px);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:0;overflow:hidden;
  background:radial-gradient(900px 400px at 15% -10%,rgba(164,48,255,.22),transparent 60%),radial-gradient(700px 400px at 100% 0%,rgba(255,62,166,.14),transparent 60%),linear-gradient(180deg,#140820,#08040E);
  box-shadow:0 40px 120px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,62,166,.08),0 0 80px -20px rgba(164,48,255,.45);
  transform:translate(-50%,-46%) scale(.96);opacity:0;transition:transform .55s var(--ease),opacity .35s}
.drawer.tkm.open .dr-panel{transform:translate(-50%,-50%);opacity:1}
.drawer.tkm .dr-panel > .dr-close{display:none}
.drawer.tkm .dr-body{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 26px;-webkit-overflow-scrolling:touch}
.drawer.tkm .dr-body > *{animation:none}
.icon-btn{width:42px;height:42px;border-radius:12px;border:0;display:grid;place-items:center;cursor:pointer;color:var(--ink);font-size:1.4rem;line-height:1;
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .2s,background .2s}
.icon-btn:hover{box-shadow:inset 0 0 0 1px var(--cyan);background:rgba(255,62,166,.1)}
.icon-btn svg{width:19px;height:19px}
.icon-btn.sm{width:34px;height:34px;border-radius:10px}.icon-btn.sm svg{width:16px;height:16px}
.tkm-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tkm-id{display:flex;align-items:center;gap:14px;min-width:0}
.tkm-av{position:relative;width:60px;height:60px;flex:none}
.tkm-av img{width:100%;height:100%;border-radius:18px;object-fit:cover;position:relative;z-index:1}
.tkm-av-ring{position:absolute;inset:-3px;border-radius:20px;background:conic-gradient(from 0deg,#A430FF,#FF3EA6,#35E3FF,#A430FF);animation:spinR 4s linear infinite;filter:blur(.5px)}
.tkm-av-ring::after{content:"";position:absolute;inset:-8px;border-radius:26px;background:inherit;filter:blur(14px);opacity:.5}
@keyframes spinR{to{transform:rotate(360deg)}}
.tkm-l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tkm-name h2{font-family:var(--display);font-size:clamp(1.4rem,2.4vw,2rem);margin:0;letter-spacing:-.03em;line-height:1.1}
.tkm-name p{margin:2px 0 0;font-size:.86rem}
.tag-age{background:rgba(53,227,255,.1);color:#8BEFFF}
.tag.bad{background:rgba(255,77,126,.15);color:var(--loss)}
.tkm-price{display:flex;flex-direction:column;margin-left:auto;text-align:right}
.tkm-price b{font-family:var(--display);font-size:clamp(1.5rem,2.8vw,2.3rem);letter-spacing:-.03em;line-height:1.05;border-radius:8px;padding:0 4px}
.tkm-price b.flash-up{animation:fUp 1.1s ease}.tkm-price b.flash-down{animation:fDown 1.1s ease}
.tkm-price sub{font-size:.6em}
.tkm-price small{font-size:.74rem}
.tkm-chgs{display:flex;gap:6px}
.chg-pill{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-weight:800;font-size:.86rem}
.chg-pill small{font-size:.62rem;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}
.chg-pill.up{background:rgba(59,240,166,.08);box-shadow:inset 0 0 0 1px rgba(59,240,166,.25)}
.chg-pill.down{background:rgba(255,77,126,.08);box-shadow:inset 0 0 0 1px rgba(255,77,126,.25)}
.tkm-actions{display:flex;gap:8px;align-items:center;position:relative}
.tkm-actions .tk-star{font-size:1.5rem;width:42px;height:42px}
.tkm-x{font-size:1.6rem}
.tkm-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 16px}
.tkm-ca{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:10px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.03);color:var(--ink);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
.tkm-ca:hover{border-color:var(--cyan)}
.tkm-ca svg{width:13px;height:13px}
.tkm-socials{display:flex;gap:6px;flex-wrap:wrap}
.soc{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:800;
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:transform .2s var(--ease),box-shadow .2s,background .2s}
.soc svg{width:15px;height:15px}
.soc:hover{transform:translateY(-2px)}
.soc-twitter:hover{background:#000;box-shadow:inset 0 0 0 1px #fff}
.soc-telegram:hover{background:rgba(42,171,238,.25);box-shadow:inset 0 0 0 1px #2AABEE}
.soc-discord:hover{background:rgba(88,101,242,.25);box-shadow:inset 0 0 0 1px #5865F2}
.soc-web:hover,.soc-search:hover{box-shadow:inset 0 0 0 1px var(--cyan)}
.tkm-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:.76rem;color:var(--soft);font-weight:700}
.tkm-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.tkm-main{min-width:0}
.tkm-chart-bar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.seg-mini{display:flex;padding:3px;border-radius:11px;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.seg-mini button{border:0;background:none;color:var(--soft);font:inherit;font-size:.76rem;font-weight:800;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}
.seg-mini button[aria-pressed="true"]{background:linear-gradient(120deg,var(--iris),var(--cyan));color:#fff;box-shadow:0 4px 16px -4px rgba(255,62,166,.6)}
#tkm-src{margin-left:auto}
.tkm-chart{position:relative;height:clamp(420px,62vh,760px);border-radius:18px;overflow:hidden;background:#0B0612;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 20px 60px -30px rgba(164,48,255,.6)}
.tkm-chart iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tkm-chart:fullscreen{border-radius:0}
.drawer.chart-max .tkm-chart{position:fixed;inset:0;z-index:5;height:auto;border-radius:0}
.tkm-chart-load{position:absolute;inset:0;display:grid;place-items:center}
.tkm-chart-load span{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--cyan);animation:spinR .9s linear infinite}
.tkm-tabs{display:flex;gap:4px;margin:16px 0 0;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto}
.tkm-tabs button{border:0;background:none;color:var(--dim);font:inherit;font-weight:800;font-size:.86rem;padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:6px;align-items:center}
.tkm-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--cyan)}
.secb{font-size:.66rem;padding:1px 6px;border-radius:999px}
.secb.good{background:rgba(59,240,166,.15);color:var(--gain)}.secb.mid{background:rgba(255,194,75,.15);color:var(--warn)}.secb.bad{background:rgba(255,77,126,.18);color:var(--loss)}
.tkm-pane{padding:12px 0 0;min-height:200px}
.pad{padding:14px 4px;margin:0;font-size:.86rem}
.trades{font-size:.8rem}
.tr-head,.tr{display:grid;grid-template-columns:52px 70px 1fr 1fr 1.2fr 96px;gap:8px;align-items:center;padding:7px 10px}
.tr-head{color:var(--dim);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.tr-body{max-height:420px;overflow-y:auto}
.tr{color:var(--ink);text-decoration:none;border-radius:8px;animation:rowIn .4s var(--ease) both}
.tr:hover{background:rgba(255,255,255,.04)}
.tr.b .tr-k{color:var(--gain);font-weight:800}.tr.s .tr-k{color:var(--loss);font-weight:800}
.tr.b{box-shadow:inset 3px 0 0 rgba(59,240,166,.5)}.tr.s{box-shadow:inset 3px 0 0 rgba(255,77,126,.5)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.hold-count{display:flex;align-items:baseline;gap:8px;margin:4px 0 12px}
.hold-count b{font-family:var(--display);font-size:1.8rem}
.dist-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px}
.dist-bar i{display:block;height:100%}
.dist-leg{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0;font-size:.8rem;color:var(--soft)}
.dist-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.warn-line{color:var(--warn);font-size:.84rem;font-weight:700}
.hold-list{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.hl{display:grid;grid-template-columns:34px 110px 64px 1fr 64px;gap:10px;align-items:center;font-size:.8rem;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.02)}
.hl a{color:var(--soft);text-decoration:none}.hl a:hover{color:var(--cyan)}
.hl b{text-align:right}
.hl-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.hl-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--iris),var(--cyan))}
.sec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.sec-grid div{padding:12px;border-radius:12px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--line)}
.sec-grid small{display:block;font-size:.64rem;color:var(--dim);font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.risk-list{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:6px;font-size:.84rem}
.risk-list li.neg b{color:var(--loss)}.risk-list li.warn b{color:var(--warn)}
.sm-btn{padding:10px 18px;font-size:.84rem}
.info-desc{color:var(--soft);font-size:.9rem;line-height:1.6;margin:0 0 12px}
.info-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.84rem}
.info-row > span:last-child{text-align:right;word-break:break-all}
.linkish{background:none;border:0;color:var(--ink);cursor:pointer;padding:0;text-align:right}
.linkish:hover{color:var(--cyan)}
.tkm-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:0}
.tkm-side .dr-out{margin:0}
.tkm-side .dr-score,.tkm-side .dr-alert{margin-top:0}
.tkm-stats{grid-template-columns:repeat(3,1fr)}
.tkm-stats div{padding:10px 11px}
.tkm-stats div.ok b{color:var(--gain)}.tkm-stats div.bad b{color:var(--loss)}
.tkm-press{padding:14px;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line);margin:10px 0 0}
.tkm-press .row2{display:flex;justify-content:space-between;font-size:.7rem;font-weight:800;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}
.px-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;margin-top:8px;font-size:.78rem}
.px-row .bsbar{margin:0}
.px-l{color:var(--dim);font-weight:800}
.tkm-disc{font-size:.7rem;margin:0}
.share-pop{position:absolute;top:50px;right:0;z-index:10;display:flex;flex-direction:column;min-width:200px;padding:6px;border-radius:14px;background:#160A24;box-shadow:0 20px 50px -10px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.12)}
.share-pop a,.share-pop button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font:inherit;font-size:.86rem;font-weight:700;background:none;border:0;cursor:pointer;text-align:left}
.share-pop a:hover,.share-pop button:hover{background:rgba(255,255,255,.06)}
.share-pop svg{width:16px;height:16px}
@media (max-width:1100px){
  .tkm-grid{grid-template-columns:1fr}
  .tkm-side{position:static}
  .tkm-stats{grid-template-columns:repeat(4,1fr)}
  .tkm-actions{margin-left:auto}
}
@media (max-width:760px){
  .drawer.tkm .dr-panel{width:100%;height:100%;border-radius:0;top:0;left:0;transform:translateY(30px);border:0}
  .drawer.tkm.open .dr-panel{transform:none}
  .drawer.tkm .dr-body{padding:calc(env(safe-area-inset-top,0px) + 14px) 14px calc(env(safe-area-inset-bottom,0px) + 30px)}
  .tkm-top{gap:12px}
  .tkm-id{flex:1 1 100%;padding-right:100px}
  .tkm-actions{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px}
  .tkm-price{margin-left:0;text-align:left}
  .tkm-chgs{flex:1;justify-content:flex-end}
  .chg-pill{min-width:0;flex:1;padding:5px 4px;font-size:.78rem}
  .tkm-chart{height:58vh;min-height:360px}
  #tkm-src{margin-left:0}
  .tkm-stats{grid-template-columns:repeat(3,1fr)}
  .tr-head,.tr{grid-template-columns:44px 58px 1fr 1fr;font-size:.76rem}
  .tr-head span:nth-child(n+5),.tr span:nth-child(n+5){display:none}
  .hl{grid-template-columns:30px 1fr 1fr 56px}.hl > span:nth-child(3){display:none}
  .tkm-live{margin-left:0}
}

/* ================================================================
   v2 · Redes sociales
   ================================================================ */
.soc-field{display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;margin-top:8px;border-radius:12px;background:rgba(5,2,10,.5);box-shadow:inset 0 0 0 1px var(--line2)}
.soc-field:focus-within{box-shadow:inset 0 0 0 1px var(--cyan),0 0 20px -6px rgba(255,62,166,.6)}
.soc-field svg{width:17px;height:17px;flex:none;color:var(--soft)}
.soc-field span{color:var(--dim);font-size:.82rem;font-weight:700;white-space:nowrap}
.soc-field input{flex:1;min-width:0;height:100%;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important;color:var(--ink);font:inherit;font-size:.9rem;outline:none}
.soc-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.soc-preview a,.soc-preview span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:700}
.soc-preview svg{width:14px;height:14px}
.provider-btn svg{width:18px;height:18px}
.foot-social{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 0;margin-bottom:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.foot-social b{font-family:var(--display);font-size:.95rem}
.foot-social div{display:flex;gap:8px;flex-wrap:wrap}
.foot-social a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:800;font-size:.84rem;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:transform .2s var(--ease),box-shadow .2s}
.foot-social a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--cyan),0 10px 30px -10px rgba(255,62,166,.6)}
.foot-social svg{width:16px;height:16px}
.call-x{display:inline-flex;align-items:center;gap:4px;margin-left:6px;font-size:.74rem;font-weight:800;color:var(--soft);text-decoration:none;padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.05)}
.call-x:hover{color:#fff;background:#000}
.call-x svg{width:11px;height:11px}

/* ================================================================
   v3 · ESFERAS SIMPLES
   ================================================================ */
.orb-hero::before{opacity:.6;animation:none}
.orb-title{font-size:clamp(1.9rem,4.6vw,3.8rem)}
.orb-stage{gap:18px;max-width:1320px;padding:0 22px}
.orb-panel{height:auto;display:flex;flex-direction:column;border-radius:24px;padding:18px;background:linear-gradient(180deg,rgba(30,14,48,.55),rgba(10,5,18,.7));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.orb-panel::after{display:none}
.orb-hud{position:static;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:auto}
.orb-hud h3{font-size:1.02rem}
.orb-hud p{margin:3px 0 0;font-size:.76rem}
.orb-stats span{background:rgba(255,255,255,.05);box-shadow:none;backdrop-filter:none}
.orb-canvas{position:relative;height:clamp(340px,44vw,520px)}
.orb-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
.orb-legend{position:static;display:flex;flex-direction:column;gap:4px;margin-top:6px}
.orb-row{display:grid;grid-template-columns:22px 26px 1fr auto 70px;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:0;background:rgba(255,255,255,.03);color:var(--ink);font:inherit;font-size:.86rem;cursor:pointer;text-align:left;transition:background .2s}
.orb-row:hover{background:rgba(255,255,255,.07)}
.orb-row img,.orb-fb{width:26px;height:26px;border-radius:50%;object-fit:cover}
.orb-fb{display:grid;place-items:center;font-style:normal;font-size:.62rem;font-weight:900;background:hsl(var(--h),70%,45%)}
.orb-rk{color:var(--dim);font-weight:800;font-size:.76rem;text-align:center}
.orb-v{color:var(--soft);font-weight:700}
.orb-c{text-align:right;font-weight:800}
.orb-empty{color:var(--dim);font-size:.84rem;text-align:center;margin:10px 0}
.orb-foot{display:flex;align-items:center;gap:6px;justify-content:center;font-size:.72rem;color:var(--dim);margin-top:10px}
.orb-foot .live-dot{width:6px;height:6px}
@media (max-width:980px){.orb-canvas{height:clamp(320px,80vw,520px)}}

/* ================================================================
   v3 · CALLOUTS (estilo feed de trading)
   ================================================================ */
.home-calls{margin-top:30px}
.hc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.hc-head h2{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.4rem);letter-spacing:-.03em;margin:6px 0 0}
.trench-calls{margin:40px auto 20px;max-width:880px}
.lb-strip{display:flex;gap:18px;align-items:center;overflow-x:auto;padding:10px 14px;margin-bottom:12px;border-radius:14px;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);scrollbar-width:none;white-space:nowrap}
.lb-strip::-webkit-scrollbar{display:none}
.lb-t{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}
.lb-i{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.86rem}
.lb-i img{width:22px;height:22px;border-radius:50%}
.lb-i small{color:var(--dim);font-weight:700}
.lb-e{font-size:.8rem;color:var(--dim)}
.calls-box{border-radius:20px;background:linear-gradient(180deg,rgba(22,10,34,.75),rgba(10,5,18,.8));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.co-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.co-tabs{display:flex;gap:4px;padding:3px;border-radius:11px;background:rgba(0,0,0,.35)}
.co-tabs button{border:0;background:none;color:var(--soft);font:inherit;font-weight:800;font-size:.82rem;padding:7px 12px;border-radius:8px;cursor:pointer}
.co-tabs button[aria-pressed="true"]{background:rgba(255,255,255,.1);color:#fff}
.co-new{padding:9px 16px;font-size:.86rem}
.co-new svg,.tkm-call svg{width:17px;height:17px}
.co-list{display:flex;flex-direction:column}
.co{position:relative;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.06);animation:rowIn .45s var(--ease) both}
.co:last-child{border-bottom:0}
.co-rt{grid-column:1/-1;display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--dim);font-weight:700;margin:-4px 0 -4px 56px}
.co-rt svg{width:13px;height:13px}
.co-av{width:44px;height:44px;border-radius:50%}
.co-b{min-width:0}
.co-h{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.co-h b{font-size:.98rem}
.co-x{display:inline-grid;place-items:center;width:18px;height:18px;color:var(--soft)}
.co-x svg{width:13px;height:13px}.co-x:hover{color:#fff}
.co-t{color:var(--dim);font-size:.82rem}
.co-p{margin:4px 0 10px;font-size:.96rem;line-height:1.45;word-wrap:break-word}
.co-tag{color:var(--cyan);font-weight:800}
.co-tk{display:grid;grid-template-columns:40px minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:10px;align-items:center;width:100%;padding:12px 14px;border-radius:16px;border:0;cursor:pointer;
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:var(--ink);font:inherit;text-align:left;transition:box-shadow .2s,background .2s}
.co-tk:hover{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,62,166,.5)}
.co-tk img{width:40px;height:40px;border-radius:12px;object-fit:cover}
.co-tk-n{display:flex;flex-direction:column;min-width:0}
.co-tk-n b{font-size:.95rem}.co-tk-n small{color:var(--dim);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-col{display:flex;flex-direction:column;text-align:right}
.co-col small{color:var(--dim);font-size:.7rem;font-weight:700}
.co-col b{font-size:.95rem}
.co-a{display:flex;align-items:center;gap:16px;margin-top:10px;color:var(--dim)}
.co-a button,.co-views{display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:var(--dim);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;padding:2px}
.co-a svg{width:16px;height:16px}
.co-a button:hover{color:var(--ink)}
.co-a button.on{color:var(--loss)}.co-a button.on svg path{fill:currentColor}
.co-a button:disabled{opacity:.35;cursor:default}
.co-views{cursor:default}
.co-del{margin-left:6px;font-size:.74rem!important}
.co-mc{margin-left:auto;font-weight:900;font-size:.88rem}
.co-replies{margin-top:10px;padding:10px;border-radius:12px;background:rgba(0,0,0,.25)}
.co-replies form{display:flex;gap:8px;margin-top:8px}
.co-replies input{flex:1;height:38px;border-radius:10px;border:1px solid var(--line2);background:rgba(5,2,10,.5);color:var(--ink);font:inherit;font-size:.86rem;padding:0 12px}
.co-replies .btn{padding:0 14px;height:38px;font-size:.8rem}
.co-r{display:flex;gap:8px;padding:6px 0;font-size:.84rem}.co-r img{width:26px;height:26px;border-radius:50%}.co-r p{margin:2px 0 0}
.co-small{font-size:.8rem;margin:4px 0}
.co-empty{padding:34px 18px;text-align:center;color:var(--soft)}
.co-empty .btn{margin-top:10px}
.co-sk{height:120px;margin:10px 14px;border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.07),rgba(255,255,255,.03));background-size:200% 100%;animation:sk 1.3s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
@media (max-width:640px){
  .co{grid-template-columns:36px 1fr;padding:14px 12px}.co-av{width:36px;height:36px}
  .co-tk{grid-template-columns:34px 1fr 1fr 1fr;gap:8px;padding:10px}
  .co-tk img{width:34px;height:34px}.co-tk-n small{display:none}
  .co-col:nth-of-type(3){display:none}
  .co-a{gap:12px}
}
/* megáfono en cada fila de los Trenches */
.tkc-btns{display:flex;align-items:center;gap:8px}
.tk-mega{width:30px;height:30px;border-radius:9px;border:0;display:grid;place-items:center;cursor:pointer;color:var(--soft);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:color .2s,background .2s,transform .2s}
.tk-mega svg{width:16px;height:16px}
.tk-mega:hover{color:#fff;background:linear-gradient(120deg,var(--iris),var(--cyan));transform:scale(1.08)}
.tkm-call{padding:0 14px;height:42px;font-size:.88rem;border-radius:12px}
/* compositor de call */
.cm{position:fixed;inset:0;z-index:230;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .25s}
.cm.open{pointer-events:auto;opacity:1}
.cm-bg{position:absolute;inset:0;background:rgba(4,1,9,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cm-p{position:relative;width:min(520px,94vw);padding:18px;border-radius:22px;background:linear-gradient(180deg,#1A0C2A,#0C0614);box-shadow:0 30px 90px -20px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.1);transform:translateY(12px);transition:transform .35s var(--ease)}
.cm.open .cm-p{transform:none}
.cm-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cm-h svg{width:20px;height:20px;color:var(--cyan)}.cm-h b{font-family:var(--display);font-size:1.05rem}.cm-h .icon-btn{margin-left:auto;font-size:1.3rem}
.cm-tk{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);margin-bottom:10px}
.cm-tk img{width:40px;height:40px;border-radius:12px}.cm-tk div{display:flex;flex-direction:column}.cm-tk small{color:var(--dim);font-size:.76rem}
.cm-mc{margin-left:auto;text-align:right}
.cm-ca{display:flex;gap:8px;margin-bottom:10px}
.cm-ca input{flex:1;height:44px;border-radius:12px;border:1px solid var(--line2);background:rgba(5,2,10,.5);color:var(--ink);font:inherit;font-size:.86rem;padding:0 12px}
.cm-ca .btn{height:44px;padding:0 16px}
.cm-p textarea{width:100%;min-height:96px;resize:vertical;border-radius:14px;border:1px solid var(--line2);background:rgba(5,2,10,.5);color:var(--ink);font:inherit;font-size:.98rem;padding:12px}
.cm-p textarea:focus,.cm-ca input:focus{outline:none;border-color:var(--cyan)}
.cm-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.cm-chips button{border:0;border-radius:999px;padding:6px 12px;font:inherit;font-size:.78rem;font-weight:800;color:var(--soft);background:rgba(255,255,255,.06);cursor:pointer}
.cm-chips button:hover{color:#fff;background:rgba(255,62,166,.2)}
.cm-f{display:flex;align-items:center;justify-content:space-between}
.cm-f .btn svg{width:17px;height:17px}
.cm-note{font-size:.72rem;margin:10px 0 0}

/* ================================================================
   v3 · PANEL DE STATS EN VIVO (ficha de token)
   ================================================================ */
.sp{padding:16px;border-radius:16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.sp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.sp-per{display:flex;gap:2px}
.sp-per button{border:0;background:none;color:var(--dim);font:inherit;font-size:.8rem;font-weight:800;padding:5px 9px;border-radius:8px;cursor:pointer}
.sp-per button[aria-pressed="true"]{background:rgba(255,255,255,.1);color:#fff}
.sp-kv{display:flex;align-items:center;gap:8px;font-size:.88rem;margin-bottom:12px}
.sp-chip{padding:2px 8px;border-radius:7px;font-weight:900;font-size:.82rem;background:rgba(255,255,255,.06)}
.sp-chip.up{color:var(--gain);background:rgba(59,240,166,.12)}.sp-chip.down{color:var(--loss);background:rgba(255,77,126,.12)}
.sp-row{display:flex;justify-content:space-between;font-size:.86rem;margin-top:12px}
.sp-row b{font-size:1.02rem}
.sp-bar{display:flex;gap:4px;height:6px;margin-top:6px}
.sp-bar i{display:block;height:100%;border-radius:999px;background:var(--gain);transition:width .6s var(--ease)}
.sp-bar i + i{background:var(--loss)}
.sp-note{font-size:.7rem;color:var(--dim);margin:4px 0 0}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}
.sp-grid div{padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.035)}
.sp-grid small{display:block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}
.sp-grid b{font-size:.92rem}
.sp-pair{padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.78rem;font-weight:800}
.sp-pool .sp-kv{margin-bottom:8px}.sp-pool .sp-kv:last-child{margin-bottom:0}
.sp-pool a{color:var(--cyan);text-decoration:none}
.au{display:flex;flex-direction:column;gap:2px}
.au div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.86rem}
.au span{color:var(--soft)}
.sp-link{display:inline-block;margin-top:10px;font-size:.82rem;font-weight:800;color:var(--cyan);text-decoration:none}
.tkm-calls{border-radius:14px}

/* ================================================================
   v3 · PERFIL PRIVADO
   ================================================================ */
.pf-wrap{max-width:980px;padding-top:34px;padding-bottom:40px}
.pf-guard{padding:48px 24px;text-align:center}
.pf-guard h1{font-family:var(--display);margin:0 0 8px}
.pf-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:26px;border-radius:24px;
  background:radial-gradient(600px 200px at 0% 0%,rgba(164,48,255,.3),transparent 70%),radial-gradient(500px 200px at 100% 0%,rgba(255,62,166,.18),transparent 70%),rgba(16,8,26,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pf-av{width:92px;height:92px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.1),0 10px 40px -10px rgba(255,62,166,.7)}
.pf-id{flex:1;min-width:220px}
.pf-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pf-name h1{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.1rem);margin:0;letter-spacing:-.03em}
.pf-priv{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--soft)}
.pf-handles{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 4px}
.pf-handles a,.pf-handles span{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:800;color:var(--ink);text-decoration:none;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.06)}
.pf-handles svg{width:13px;height:13px}
.pf-id p{margin:4px 0 0;font-size:.82rem}
.pf-actions{display:flex;gap:8px;flex-wrap:wrap}
.pf-actions .btn{padding:11px 18px;font-size:.9rem}.pf-actions svg{margin-right:2px}
.pf-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0}
.pf-stats div{padding:14px;border-radius:16px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.pf-stats small{display:block;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}
.pf-stats b{font-family:var(--display);font-size:1.15rem}
@media (max-width:760px){.pf-stats{grid-template-columns:repeat(3,1fr)}.pf-hero{padding:18px}.pf-av{width:70px;height:70px}}
.pf-tabs{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.08);margin:18px 0 12px;overflow-x:auto}
.pf-tabs button{border:0;background:none;color:var(--dim);font:inherit;font-weight:800;font-size:.92rem;padding:11px 16px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.pf-tabs button[aria-selected="true"]{color:#fff;border-bottom-color:var(--cyan)}
.pf-pane .co-list{border-radius:20px;background:rgba(12,6,20,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.wl{border-radius:18px;overflow:hidden;background:rgba(12,6,20,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.wl-h,.wl-r{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:8px;align-items:center;padding:12px 16px;font-size:.88rem}
.wl-h{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);border-bottom:1px solid rgba(255,255,255,.06)}
.wl-r{width:100%;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04)}
.wl-r:hover{background:rgba(255,255,255,.04)}
.wl-t{display:flex;align-items:center;gap:10px}.wl-t img{width:28px;height:28px;border-radius:50%}
@media (max-width:640px){.wl-h,.wl-r{grid-template-columns:1.3fr 1fr 1fr 1fr}.wl-h span:nth-child(n+5),.wl-r span:nth-child(n+5){display:none}}
.al-r{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:6px;border-radius:14px;background:rgba(255,255,255,.035);font-size:.9rem}
.al-r .linkish{margin-left:auto;color:var(--loss)}
.pf-set{padding:22px;max-width:520px}
.pf-lbl{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:800;color:var(--soft)}
.pf-lbl input{height:46px;border-radius:12px;border:1px solid var(--line2);background:rgba(5,2,10,.5);color:var(--ink);font:inherit;padding:0 12px}
.acct-banner{background:rgba(255,255,255,.05);color:var(--soft);border-color:rgba(255,255,255,.1)}
.cm-ca[hidden],.cm-tk[hidden]{display:none}
.home-calls .calls-box,.home-calls .lb-strip{max-width:880px;margin-left:auto;margin-right:auto}
.home-calls .hc-head{max-width:880px;margin-left:auto;margin-right:auto}
.lb-strip{gap:0}
.lb-i{padding:0 16px;border-left:1px solid rgba(255,255,255,.08)}
.lb-t{padding-right:14px}
.sp-kv .muted{white-space:nowrap}