/* ── Ajustes de la cuenta (Cuenta) ── */
 .csscroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:16px 18px 64px}
 .cswrap{max-width:720px;margin:0 auto}
 .cshead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
 .cs-h{font-family:var(--font-display);font-size:22px;font-weight:800;margin:0 0 3px}
 .cs-sub{font-size:12.5px;color:var(--muted);line-height:1.5;max-width:56ch}
 .cs-model{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--accent2);font-weight:700;white-space:nowrap;flex:none}
 .cs-av{width:26px;height:26px;border-radius:50%;color:#06121f;font-family:var(--font-display);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
 .cslayout{display:grid;grid-template-columns:212px minmax(0,1fr);gap:20px;align-items:start}
 .csnav{position:sticky;top:12px;display:flex;flex-direction:column;gap:3px}
 .csnav-t{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin:0 4px 8px;background:linear-gradient(90deg,#ffd76a,#f5b024,#ffe08a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px rgba(255,199,74,.45);filter:drop-shadow(0 0 6px rgba(255,199,74,.35))}
 .csnavi{display:flex;align-items:center;gap:9px;text-align:left;font-size:12.5px;font-weight:600;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:9px;padding:8px 11px;cursor:pointer;transition:background .13s,color .13s,border-color .13s}
 .csnavi .bti{display:inline-flex;flex:none;color:var(--muted);transition:color .13s} .csnavi .bti svg{width:15px;height:15px}
 .csnavi:hover{background:var(--panel2);color:var(--ink)} .csnavi:hover .bti{color:var(--accent2)}
 .csnavi-chev{margin-left:auto;color:var(--muted);font-size:15px;opacity:0;transform:translateX(-3px);transition:opacity .13s,transform .13s} .csnavi:hover .csnavi-chev,.csnavi.on .csnavi-chev{opacity:1;transform:none} .csnavi.on .csnavi-chev{color:var(--accent2)}
 .csnavi.on{background:var(--panel2);color:#fff;border-color:var(--line);box-shadow:inset 2px 0 0 var(--accent2)} .csnavi.on .bti{color:var(--accent2)}
 @media(max-width:820px){ .cslayout{grid-template-columns:1fr} .csnav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px} .csnav-t{display:none} .csnavi{flex:none;border:1px solid var(--line);border-radius:20px;padding:6px 12px} .csnavi.on{box-shadow:0 0 12px rgba(123,92,255,.35)} }
 .csbody{display:flex;flex-direction:column;gap:14px;scroll-margin-top:14px}
 .csbody .cscard{scroll-margin-top:16px}
 @keyframes csflash{ 0%{box-shadow:0 0 0 0 rgba(255,199,74,0);border-color:var(--line)}
 8%{box-shadow:0 0 24px 2px rgba(255,199,74,.85),0 0 46px rgba(255,199,74,.4);border-color:#ffcf5a}
 16%{box-shadow:0 0 8px rgba(255,199,74,.3);border-color:#7a6a3a}
 26%{box-shadow:0 0 24px 2px rgba(255,199,74,.9),0 0 46px rgba(255,199,74,.4);border-color:#ffcf5a}
 42%{box-shadow:0 0 20px 1px rgba(255,199,74,.7);border-color:#ffcf5a}
 72%{box-shadow:0 0 16px rgba(255,199,74,.55);border-color:#e8b84a}
 100%{box-shadow:0 0 0 0 rgba(255,199,74,0);border-color:var(--line)} }
 .cs-flash{animation:csflash 2s ease-in-out}
 .cscard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
 .cscard-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:14px;font-weight:800;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid var(--line)}
 .cscard-h .bti{color:var(--accent2)} .cscard-h .bti svg{width:16px;height:16px}
 .csrow{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid rgba(32,42,68,.5)}
 .csrow:last-child{border-bottom:0;padding-bottom:2px}
 .csrow-l{flex:1;min-width:0} .csrow-t{font-size:13px;font-weight:600;line-height:1.35} .csrow-d{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.4}
 .csrow-chev{color:var(--muted);font-size:19px;flex:none}
 .csrow-link,.csrow-ext{cursor:pointer;border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px;transition:background .13s}
 .csrow-link:hover,.csrow-ext:hover{background:var(--panel2)}
 .csrow-link:hover .csrow-chev{color:var(--accent2)}
 .csrow-manage{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--accent2);flex:none;white-space:nowrap} .csrow-manage .bti svg{width:12px;height:12px}
 .csrow-ro-v,.csrow-ro .csrow-ro-v{font-size:12.5px;color:var(--accent2);font-weight:700;flex:none}
 .csrow-note{padding-top:12px}
 .cs-subh{font-family:var(--font-display);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent2);margin:15px 0 3px}
 .cs-note-in{font-size:11.5px;color:var(--muted);line-height:1.45;margin:0 0 10px}
 .cs-l{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin:11px 0 5px}
 .cs-l:first-child{margin-top:0}
 .cs-ta{resize:vertical;min-height:60px;line-height:1.5;font-family:inherit}
 .cs-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 @media(max-width:560px){ .cs-two{grid-template-columns:1fr} }
 .cs-price{display:flex;align-items:center;gap:8px} .cs-price-s{font-size:16px;font-weight:800;color:var(--accent2)} .cs-price input{max-width:150px}
 .cs-hint{font-size:11px;color:var(--muted);margin-top:5px}
 .cs-savebar{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:14px}
 .cs-savehint{font-size:11px;color:var(--muted)}
 .cs-cta{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:800;font-size:12.5px;letter-spacing:.4px;color:#fff;background:linear-gradient(90deg,var(--accent),#8b45ff,var(--accent2));border:0;border-radius:10px;padding:10px 16px;cursor:pointer;box-shadow:0 0 14px rgba(123,92,255,.32);transition:box-shadow .15s,transform .1s}
 .cs-cta:hover{box-shadow:0 0 22px rgba(123,92,255,.5)} .cs-cta:active{transform:translateY(1px)}
 .cs-cta.sm{padding:8px 13px;font-size:11.5px} .cs-cta .bti svg{width:14px;height:14px;filter:brightness(0) invert(1)}
 .cs-add{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent2);background:var(--panel2);border:1px dashed var(--line);border-radius:9px;padding:9px 14px;cursor:pointer;margin-top:11px;transition:border-color .14s} .cs-add:hover{border-color:var(--accent2)} .cs-add .bti svg{width:13px;height:13px}
 .cs-empty{font-size:12px;color:var(--muted);padding:10px 0;line-height:1.45}
 .csbundle .csrow-t{color:var(--ink)} .csbundle-x{background:none;border:0;color:var(--muted);cursor:pointer;flex:none;padding:5px;border-radius:7px;transition:color .13s,background .13s} .csbundle-x:hover{color:var(--danger);background:var(--panel2)} .csbundle-x .bti svg{width:15px;height:15px}
 .cs-bprev{margin-top:12px;font-size:12.5px;color:var(--muted);line-height:1.5} .cs-bprev b{color:var(--ink);font-weight:700} .cs-bprev .cs-bad{color:var(--danger)}
 .cs-pills{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 4px} .cs-pill{font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:7px 13px;cursor:pointer;transition:color .13s,background .13s,border-color .13s} .cs-pill:hover{color:var(--ink)} .cs-pill.on{color:#fff;background:linear-gradient(120deg,var(--accent2),var(--accent));border-color:transparent}
 /* "Próximamente": función contaminada de bug (p. ej. promociones OFAuth) → atenuada y sin clic, pero con hover para el tooltip. */
 .cs-soon{opacity:.42;filter:grayscale(.7);cursor:not-allowed!important} .cs-soon:hover{opacity:.52;background:var(--panel2)!important;border-color:var(--line)!important;color:var(--muted)!important;box-shadow:none!important} .cs-soon .csrow-chev{opacity:.5}
 /* ALERTA VISTOSA (discrepancia/error con OF): arriba-centro, coloreada, más notoria que el toast base. */
 .ofalert{position:fixed;top:70px;left:50%;transform:translate(-50%,-18px);z-index:9200;max-width:min(560px,92vw);display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;box-shadow:0 14px 44px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04) inset;opacity:0;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.9,.3,1.2);backdrop-filter:blur(6px)}
 .ofalert.show{opacity:1;transform:translate(-50%,0)}
 .ofalert-error{background:linear-gradient(135deg,rgba(255,60,90,.20),rgba(18,10,14,.94));border:1px solid rgba(255,60,90,.55)} .ofalert-error .ofalert-ic{color:#ff5c73}
 .ofalert-warn{background:linear-gradient(135deg,rgba(255,183,60,.20),rgba(18,15,10,.94));border:1px solid rgba(255,183,60,.55)} .ofalert-warn .ofalert-ic{color:#ffb73c}
 .ofalert-ic{flex:none;display:inline-flex;margin-top:1px;animation:ofalertpulse 1.1s ease-in-out 3} .ofalert-ic svg{width:22px;height:22px}
 .ofalert-tx{display:flex;flex-direction:column;gap:3px;min-width:0} .ofalert-tx b{font-size:14px;color:#fff;font-weight:800;letter-spacing:.2px} .ofalert-tx span{font-size:12.5px;color:var(--muted);line-height:1.5}
 .ofalert-x{flex:none;background:rgba(255,255,255,.06);border:0;color:var(--muted);width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .13s,color .13s} .ofalert-x:hover{background:rgba(255,255,255,.14);color:#fff}
 @keyframes ofalertpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
 .cs-tog-busy{opacity:.6;pointer-events:none;transition:opacity .12s}   /* toggle escribiendo en OF */
 .cs-welcome.hidden{display:none}
 /* radios (co-streaming) */
 .csradios{display:flex;flex-direction:column;gap:2px;margin-top:4px}
 .csradio{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px;font-weight:600;cursor:pointer;border-bottom:1px solid rgba(32,42,68,.5)}
 .csradio:last-child{border-bottom:0}
 .csradio input{position:absolute;opacity:0;width:0;height:0}
 .csradio-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none;position:relative;transition:border-color .14s}
 .csradio:hover .csradio-dot{border-color:var(--accent2)}
 .csradio input:checked+.csradio-dot{border-color:var(--accent2)} .csradio input:checked+.csradio-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:linear-gradient(135deg,var(--accent2),var(--accent))}
 .csradio input:focus-visible+.csradio-dot{box-shadow:0 0 0 3px rgba(22,224,232,.3)}
 /* enlaces de prueba / seguimiento */
 .cslink{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:12px 13px;margin-top:10px}
 .cslink-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700} .cslink-h .bti{color:var(--accent2)} .cslink-h .bti svg{width:14px;height:14px}
 .cslink-badge{margin-left:auto;font-size:10.5px;font-weight:800;letter-spacing:.4px;color:var(--accent2);background:rgba(22,224,232,.12);border:1px solid rgba(22,224,232,.3);border-radius:20px;padding:3px 9px;white-space:nowrap}
 .cslink-stats{display:flex;gap:20px;margin:10px 0 2px;flex-wrap:wrap}
 .cslink-stats span{display:flex;flex-direction:column;font-size:10.5px;color:var(--muted);letter-spacing:.3px} .cslink-stats b{font-family:var(--font-display);font-size:16px;color:var(--ink);font-weight:800;margin-top:1px}
 .cslink-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid rgba(32,42,68,.6)}
 .cslink-date{font-size:11px;color:var(--muted)}
 .cslink-acts{display:flex;gap:6px}
 .cslink-b{font-size:11px;font-weight:700;color:var(--accent2);background:transparent;border:1px solid var(--line);border-radius:7px;padding:6px 11px;cursor:pointer;transition:border-color .13s,color .13s} .cslink-b:hover{border-color:var(--accent2)}
 .cslink-b.danger{color:var(--muted)} .cslink-b.danger:hover{color:var(--danger);border-color:var(--danger)}
 /* media adjunta al welcome */
 .cs-wmedia{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
 .cs-wmedia-i{position:relative;width:60px;height:60px;border-radius:9px;overflow:hidden;border:1px solid var(--line)}
 .cs-wmedia-i img{width:100%;height:100%;object-fit:cover;display:block}
 .cs-wmedia-x{position:absolute;top:2px;right:2px;width:19px;height:19px;border-radius:50%;background:rgba(6,18,31,.82);color:#fff;border:0;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
 .cs-wmedia-x:hover{background:var(--danger)}
 .cs-qrbox{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
 .cs-qrwrap{position:relative;width:150px;height:150px;flex:none}
 .cs-qrimg{width:150px;height:150px;border-radius:12px;background:#fff;padding:8px;display:block;box-sizing:border-box}
 .cs-qrimg svg{width:100%;height:100%;display:block}
 .cs-qrfail{display:flex;align-items:center;justify-content:center;color:#8a97b5;font-size:11px}
 .cs-qrlogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent2),var(--accent) 60%,#ff2e88);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff,0 2px 8px rgba(0,0,0,.3)}
 .cs-qrlogo .bti svg{width:19px;height:19px;filter:brightness(0) invert(1)}
 .cs-qropts{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px} .cs-qropts .cs-cta{align-self:flex-start;margin-top:10px}
 .csrow-realval{color:var(--ink)!important;font-weight:600}
 .cs-qrleft{display:flex;flex-direction:column;gap:8px;align-items:center;flex:none}
 .cs-qravatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(0,0,0,.35)}
 .cs-qrurl{display:flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:4px 4px 4px 10px;width:150px;box-sizing:border-box}
 .cs-qrurl-t{font-size:11px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
 .cs-qrurl-copy{flex:none;background:none;border:0;color:var(--muted);cursor:pointer;padding:3px;border-radius:6px;display:flex;transition:color .13s,background .13s} .cs-qrurl-copy:hover{color:var(--accent2);background:var(--panel)} .cs-qrurl-copy svg{width:14px;height:14px}
 /* PROTOCOLO DE DESCONEXIÓN: banner + deshabilitado de la sección */
 .cs-downbar{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,rgba(249,115,22,.16),rgba(249,115,22,.06));border:1px solid rgba(249,115,22,.5);border-radius:12px;padding:13px 15px;margin:0 0 16px}
 .cs-downic{flex:none;width:34px;height:34px;border-radius:9px;background:rgba(249,115,22,.18);display:flex;align-items:center;justify-content:center;color:#f97316} .cs-downic svg{width:18px;height:18px}
 .cs-downtx{flex:1;min-width:0;display:flex;flex-direction:column} .cs-downtx b{font-size:13px;font-weight:800;color:#f97316} .cs-downtx span{font-size:11.5px;color:var(--muted);line-height:1.45;margin-top:2px}
 .cs-downcta{flex:none;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:800;font-size:12px;color:#fff;background:linear-gradient(90deg,#f97316,#fb923c);border:0;border-radius:9px;padding:9px 15px;cursor:pointer;box-shadow:0 0 14px rgba(249,115,22,.35);white-space:nowrap} .cs-downcta:hover{box-shadow:0 0 22px rgba(249,115,22,.55)} .cs-downcta .bti svg{width:13px;height:13px;filter:brightness(0) invert(1)}
 /* con la cuenta caída, los controles de acción quedan apagados (la navegación sigue viva) */
 .cswrap.cs-isdown .csbody .cscard{opacity:.55;filter:grayscale(.3)}
 .cswrap.cs-isdown .csbody .cs-cta,.cswrap.cs-isdown .csbody .cs-add,.cswrap.cs-isdown .csbody .set-tog,.cswrap.cs-isdown .csbody .cslink-b,.cswrap.cs-isdown .csbody .csradio,.cswrap.cs-isdown .csbody .modal-in,.cswrap.cs-isdown .csbody .csrow-link,.cswrap.cs-isdown .csbody .csrow-ext{pointer-events:none}
 .cswrap.cs-isdown .csnavi{opacity:1}
 #mdlsel{position:relative}
 #mdlsel.mdlsel-empty #mdlav{border:1.5px dashed var(--line);color:var(--muted);font-weight:400;box-shadow:none}
 #mdlsel.mdlsel-empty #mdlname{color:var(--muted);font-style:italic}
 .mdl-down-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#f97316;border:2px solid #06121f;animation:mdlpulse 1.6s ease-in-out infinite;cursor:help;z-index:3}
 @keyframes mdlpulse{0%,100%{box-shadow:0 0 5px rgba(249,115,22,.6)}50%{box-shadow:0 0 13px rgba(249,115,22,1)}}
 /* ── Referidos ── */
 .rfscroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:16px 18px 64px}
 .rfwrap{max-width:920px;margin:0 auto}
 .rf-h{font-family:var(--font-display);font-size:22px;font-weight:800;margin:0 0 3px}
 .rf-sub{font-size:12.5px;color:var(--muted);line-height:1.5;max-width:64ch;margin-bottom:14px}
 .rf-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;background:radial-gradient(120% 140% at 12% -10%,rgba(255,46,136,.14),transparent 55%),radial-gradient(90% 120% at 92% 10%,rgba(22,224,232,.12),transparent 55%),var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
 @media(max-width:760px){ .rf-hero{grid-template-columns:1fr} }
 .rf-hero-t{font-family:var(--font-display);font-size:17px;font-weight:800;margin-bottom:4px}
 .rf-hero-s{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:14px;max-width:52ch}
 .rf-lbl{display:block;font-size:11px;font-weight:700;color:var(--muted);margin:0 0 5px}
 .rf-linkrow{display:flex;gap:8px;align-items:center} .rf-linkrow input{font-size:12px;color:var(--accent2)}
 .rf-codeline{font-size:12px;color:var(--muted);margin-top:11px;display:flex;align-items:center;gap:7px} .rf-codeline b{color:var(--ink);font-family:var(--font-display);letter-spacing:1px;font-size:13px}
 .rf-copycode{background:var(--panel2);border:1px solid var(--line);color:var(--accent2);width:24px;height:24px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center} .rf-copycode:hover{border-color:var(--accent2)} .rf-copycode svg{width:12px;height:12px}
 .rf-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:11.5px;color:var(--muted)}
 .rf-sh{width:32px;height:32px;border-radius:9px;background:var(--panel2);border:1px solid var(--line);color:var(--accent2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .13s,box-shadow .13s} .rf-sh:hover{border-color:var(--accent2);box-shadow:0 0 10px rgba(22,224,232,.35)} .rf-sh svg{width:16px;height:16px}
 .rf-hero-r{display:flex;flex-direction:column;gap:12px;justify-content:flex-start}
 .rf-apply{display:inline-flex;align-items:center;gap:7px;justify-content:center;font-weight:700;font-size:12.5px;color:var(--accent2);background:var(--panel2);border:1px dashed var(--line);border-radius:10px;padding:11px;cursor:pointer;transition:border-color .13s} .rf-apply:hover{border-color:var(--accent2)} .rf-apply svg{width:15px;height:15px}
 .rf-chispanote .pf-chispanote{font-size:11.5px}
 .rf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
 @media(max-width:640px){ .rf-stats{grid-template-columns:repeat(2,1fr)} }
 .rf-stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}
 .rf-sv{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--ink)} .rf-sk{font-size:11px;color:var(--muted);margin-top:3px}
 .rf-stat.avail .rf-sv{color:var(--ok)} .rf-stat.hold .rf-sv{color:#f5c451}
 .rf-payout{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}
 .rf-pnote{flex:1;min-width:240px;font-size:11.5px;color:var(--muted);line-height:1.5}
 .rf-seesite{margin-top:12px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
 .rf-sitelink{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:10px;font-weight:700;color:var(--ink);text-decoration:none;background:var(--panel2);border:1px solid var(--line);transition:border-color .15s,box-shadow .15s}
 .rf-sitelink:hover{border-color:var(--accent2);box-shadow:var(--glow-cyan)} .rf-sitelink .bti svg{width:15px;height:15px}
 .rf-card{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}
 .rf-ct{font-family:var(--font-display);font-size:14px;font-weight:800;margin-bottom:11px}
 .rf-tblw{overflow-x:auto}
 .rf-tbl{width:100%;border-collapse:collapse;font-size:12.5px;min-width:460px}
 .rf-tbl th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;padding:0 10px 8px;border-bottom:1px solid var(--line)}
 .rf-tbl td{padding:10px;border-bottom:1px solid rgba(32,42,68,.5)} .rf-tbl tbody tr:last-child td{border-bottom:0}
 .rf-num{text-align:right;font-variant-numeric:tabular-nums} .rf-earn{color:var(--ok);font-weight:700} .rf-ag{font-weight:600} .rf-ev{color:var(--accent2)}
 .rf-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px} .rf-pill.on{color:var(--ok);background:rgba(41,240,168,.12)} .rf-pill.pend{color:#f5c451;background:rgba(245,196,81,.12)}
 /* estadísticas del post (popup modal) */
 .pfstatm{position:fixed;inset:0;z-index:1400;background:rgba(6,10,20,.68);display:flex;align-items:center;justify-content:center;animation:chcalin .18s ease}
 .pfstatm-c{background:var(--panel2);border:1px solid var(--accent2);border-radius:16px;padding:20px;width:min(420px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.6)}
 .pfstatm-h{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}
 .pfstatm-sub{font-size:12px;color:var(--muted);margin:4px 0 12px}
 .pfstatm-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}
 .pfstatm-row .pfsm-dot{width:10px;height:10px;border-radius:50%;flex:none}
 .pfstatm-row .pfsm-k{color:var(--ink)} .pfstatm-row .pfsm-v{margin-left:auto;font-weight:700;color:var(--ink)}
 .pfstatm-close{width:100%;margin-top:14px;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:700;cursor:pointer}
 .pfstatm-close:hover{border-color:var(--accent2);color:var(--accent2)}
 @keyframes chGlowSheen{0%{background-position:0 0,150% 0}55%,100%{background-position:0 0,-50% 0}}
 /* ════════ MÓDULO INICIO (Home de OF por modelo, fiel a OF + arte Chispa) ════════ */
 .inscroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:16px 18px 56px}
 .inwrap{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:18px;align-items:start;max-width:1140px;margin:0 auto}
 @media(max-width:1100px){ .inwrap{grid-template-columns:minmax(0,1fr)} .inside{display:none} }
 .inmain{min-width:0}
 .inhead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px} .inhead-l{min-width:0} .inhead-l .seq-sub{margin-bottom:0}
 .inh-t{font-family:var(--font-display);font-size:23px;font-weight:800;color:var(--ink);margin:0}
 .inh-acts{flex:none}
 .inh-acts{display:flex;gap:8px} .inh-ic{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s} .inh-ic:hover{border-color:var(--accent2);color:var(--accent2)} .inh-ic svg{width:18px;height:18px}
 /* compositor */
 .incomposer{background:var(--panel2);border:1px solid var(--line);border-radius:15px;padding:14px 15px;margin-bottom:16px}
 .in-chead{display:flex;align-items:center;gap:11px;margin-bottom:11px} .in-cav{width:40px;height:40px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#06121f;font-size:16px}
 .in-lbladd{display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:var(--accent2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:1px 0} .in-lbladd .bti{width:14px;height:14px}
 /* Fila de texto (debajo del contenido, como OF): input + flecha de bloqueo. Cuando el texto va bloqueado, el marco lo "engulle" (tinte violeta). */
 .in-textrow{display:flex;align-items:flex-start;gap:9px;margin-top:11px;border:1px solid transparent;border-radius:11px;padding:3px 4px;transition:.15s} .in-textrow.locked{background:rgba(123,92,255,.09);border-color:rgba(123,92,255,.32);padding:8px 11px} .in-textrow .in-ta{flex:1;min-width:0}
 .in-txtlock{flex:0 0 auto;width:30px;height:30px;margin-top:3px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--accent2);font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.14s} .in-txtlock:hover{background:var(--accent2);color:#04121f;border-color:transparent} .in-txtlock.on{background:linear-gradient(135deg,#7b5cff,#ff2e88);color:#fff;border-color:transparent;transform:rotate(180deg)}
 .in-ppvprice{margin-left:auto;display:inline-flex;align-items:center;gap:5px;text-transform:none} .in-ppvpval{background:rgba(123,92,255,.16);border:1px solid rgba(123,92,255,.4);color:#d7c9ff;font:inherit;font-size:12px;font-weight:800;border-radius:7px;padding:2px 9px;cursor:pointer} .in-ppvpval:hover{background:rgba(123,92,255,.28)} .in-ppvpx{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.06);border:0;color:var(--muted);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center} .in-ppvpx:hover{background:rgba(255,46,136,.18);color:#ff6ba0}
 .in-ppvhd{position:relative}
 .in-ta{min-height:62px;background:none;border:0;color:var(--ink);font:inherit;font-size:14.5px;line-height:1.55;padding:4px 0 2px;outline:none;overflow-wrap:anywhere;white-space:pre-wrap} .in-ta:empty:before{content:attr(data-ph);color:var(--muted)}
 .in-barsrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .in-barsrow:empty{display:none}
 .in-fmtbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:3px 5px;background:var(--panel);border:1px solid var(--line);border-radius:9px;width:max-content;max-width:100%} .in-fmtbar[hidden],.in-trbar[hidden]{display:none}
 .in-fmtb{display:inline-flex;align-items:center;gap:3px;min-width:30px;height:28px;padding:0 8px;background:none;border:0;border-radius:7px;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;transition:.12s} .in-fmtb:hover{background:rgba(255,255,255,.06);color:var(--accent2)} .in-fmtcaret{font-size:9px;opacity:.7} .in-fmtA{font-weight:800;border-bottom:2px solid var(--accent1);line-height:1.1} .in-fmtsep{width:1px;height:18px;background:var(--line);margin:0 3px}
 .in-fmtsizes{display:flex;flex-direction:column;gap:2px} .in-fmtsz{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--ink);font:inherit;font-size:13px;padding:7px 9px;border-radius:8px;cursor:pointer;text-align:left} .in-fmtsz:hover{background:var(--panel)}
 .in-colorpop{padding:13px 14px;width:190px} .in-fmtcolors{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px} .in-fmtcol{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center} .in-fmtcol:hover{border-color:var(--accent2)} .in-fmtsw{font-weight:800;font-size:17px}
 .in-lblnew{display:flex;gap:6px;margin-top:9px} .in-lblnew .modal-in{flex:1}
 .in-trbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:5px 8px;background:var(--panel);border:1px solid var(--line);border-radius:9px;width:max-content;max-width:100%} .in-trl{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap} .in-trsel{background:var(--bg);border:1px solid var(--line);color:var(--ink);font:inherit;font-size:12.5px;border-radius:7px;padding:5px 8px;outline:none} .in-trgo{background:rgba(22,224,232,.1);border:1px solid rgba(22,224,232,.3);color:var(--accent2);font:inherit;font-size:12px;font-weight:700;border-radius:7px;padding:5px 13px;cursor:pointer} .in-trgo:hover{background:rgba(22,224,232,.18)} .in-trstatus{font-size:12px;color:var(--accent2);font-weight:600}
 .m-editor-fs__lg{font-size:1.7em;font-weight:600} .m-editor-fs__l{font-size:1.3em;font-weight:600} .m-editor-fs__s{font-size:.86em} .m-editor-fs__sm{font-size:.74em}
 .m-editor-fc__blue-1{color:#4bc0ff} .m-editor-fc__blue-2{color:#1b9be0} .m-editor-fc__gray{color:#8a96a3}
 /* Barra inferior = panel propio: bandeja de herramientas + Publicar al final. Ordenado, con contraste. */
 .in-tools{display:flex;gap:1px;align-items:center;flex-wrap:nowrap;margin-top:14px;padding:6px 8px;background:var(--bg);border:1px solid rgba(255,255,255,.07);border-radius:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);overflow-x:auto;scrollbar-width:none} .in-tools::-webkit-scrollbar{display:none} .in-tools .in-publish{margin-left:auto;flex:none;margin-right:1px}
 .in-toolsep{width:1px;height:20px;background:var(--line);margin:0 5px;flex:none}
 .in-tool{width:35px;height:34px;border-radius:9px;border:0;background:none;color:#a9bcd6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.13s;flex:none} .in-tool:hover{background:rgba(22,224,232,.13);color:var(--accent2)} .in-tool .bti{width:19px;height:19px} .in-tool .bti .chico{filter:saturate(1.15) brightness(1.12)} .in-tool.in-tool-dis{opacity:.26;cursor:not-allowed} .in-tool.in-tool-dis:hover{background:none;color:#a9bcd6}
 .in-fmtcircle{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#5cd0ff,#7b5cff);box-shadow:0 0 0 1.5px rgba(255,255,255,.15) inset}
 .in-cfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}
 .in-story{display:inline-flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:9px 15px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:.15s} .in-story:hover{border-color:var(--accent2);color:var(--accent2)} .in-story .bti{width:15px;height:15px}
 /* Miniaturas del contenido adjunto en el compositor (regla universal: subir muestra la miniatura del archivo). */
 .in-attgrid{margin:12px 0 2px} .in-atttiles{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:9px} .in-attchips{display:flex;flex-wrap:wrap;gap:7px}
 .in-atttile{position:relative;width:90px;height:90px;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:var(--panel)} .in-atttile.openable{cursor:pointer;transition:.12s} .in-atttile.openable:hover{border-color:var(--accent2)} .in-attimg{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center} .in-attimg.ph{color:rgba(191,247,255,.42)} .in-attimg.ph .bti{width:30px;height:30px}
 .in-attbadge{position:absolute;left:6px;bottom:6px;background:rgba(6,12,25,.78);color:#fff;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:3px} .in-attbadge svg{width:12px;height:12px}
 /* Compositor PPV estilo OF: UNA tira continua — preview 1/3 · divisor con flechas · bloqueado 2/3. Piezas arrastrables, filas con scroll. */
 .in-ppvstrip{display:flex;align-items:stretch;gap:0;margin:11px 0 4px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
 .in-ppvzone{padding:9px 11px;min-width:0;display:flex;flex-direction:column} .in-ppvzone.free{flex:1 1 0} .in-ppvzone.locked{flex:2 1 0;background:rgba(123,92,255,.06)}
 .in-ppvhd{font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center;gap:6px;margin-bottom:9px;white-space:nowrap} .in-ppvzone.free .in-ppvhd{color:var(--accent2)} .in-ppvzone.locked .in-ppvhd{color:#b79bff} .in-ppvhd .bti{width:14px;height:14px} .in-ppvhd .bti svg{width:14px;height:14px}
 .in-ppvrow{display:flex;gap:8px;overflow-x:auto;align-items:center;min-height:82px;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:var(--accent2) transparent} .in-ppvrow::-webkit-scrollbar{height:7px} .in-ppvrow::-webkit-scrollbar-button{width:0;height:0;display:none} .in-ppvrow::-webkit-scrollbar-track{background:rgba(22,224,232,.05);border-radius:6px} .in-ppvrow::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--accent),#8b45ff,var(--accent2));border-radius:6px;box-shadow:0 0 7px rgba(22,224,232,.4)} .in-ppvrow::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--accent2),#8b45ff,var(--accent))} .in-ppvrow.dragover{outline:2px dashed var(--accent2);outline-offset:-3px;border-radius:8px}
 .in-ppvempty{font-size:11px;color:var(--muted);margin:auto;white-space:nowrap}
 .in-ppvdiv{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 8px;border-left:1px dashed var(--line);border-right:1px dashed var(--line);background:rgba(0,0,0,.16)}
 .in-ppvarrow{width:28px;height:28px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--ink);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.12s} .in-ppvarrow:hover{background:var(--accent2);color:#04121f;border-color:transparent}
 .in-atttile.ppv{flex:0 0 auto;width:74px;height:74px;cursor:grab} .in-atttile.ppv:active{cursor:grabbing} .in-atttile.ppv.dragging{opacity:.4}
 .in-ppvtext{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:9px;border:1px dashed var(--line);background:rgba(255,255,255,.03);color:var(--ink);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap} .in-ppvtext:hover{border-color:var(--accent2)} .in-ppvtext .bti{width:13px;height:13px} .in-ppvtxtmv{opacity:.7;font-size:14px}
 .in-attup{position:absolute;inset:0;background:rgba(6,12,25,.55);display:flex;align-items:center;justify-content:center}
 .in-attx{position:absolute;top:5px;right:5px;width:21px;height:21px;border-radius:50%;background:rgba(6,12,25,.82);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0} .in-attx:hover{background:var(--danger);border-color:var(--danger)}
 /* Composer del chat con paridad al editor de posts: media OF por blob dentro del tile, lock de texto, chips de creadores. */
 .in-attimg.ofimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .cf-attgrid{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:var(--accent2) transparent} .cf-attgrid::-webkit-scrollbar{height:7px} .cf-attgrid::-webkit-scrollbar-button{width:0;height:0;display:none} .cf-attgrid::-webkit-scrollbar-track{background:rgba(22,224,232,.05);border-radius:6px} .cf-attgrid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--accent),#8b45ff,var(--accent2));border-radius:6px;box-shadow:0 0 7px rgba(22,224,232,.4)} .cf-attgrid::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--accent2),#8b45ff,var(--accent))} .cf-attgrid .in-atttile{flex:0 0 auto;width:78px;height:78px}
 .cf-upov{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(6,12,25,.68);backdrop-filter:blur(1.5px);border-radius:inherit} .in-atttile.uploading{position:relative}
 .cf-upring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent2) calc(var(--pct,0)*1%),rgba(191,247,255,.16) 0);box-shadow:0 0 14px rgba(22,224,232,.35);transition:background .2s ease} .cf-upring::before{content:'';position:absolute;inset:4px;border-radius:50%;background:#0a1120} .cf-uppct{position:relative;z-index:1;font-size:10.5px;font-weight:800;color:#bff7ff;font-variant-numeric:tabular-nums}
 .cf-tool-locked{opacity:.38;filter:grayscale(.6);cursor:not-allowed} .cf-tool-locked:hover{opacity:.5}
 .cf-tool-gifoff{opacity:.35;filter:grayscale(.55);cursor:not-allowed} .cf-tool-gifoff:hover{opacity:.45}
 .cf-tagchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px} .cf-tagchip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink);background:linear-gradient(120deg,rgba(255,46,136,.14),rgba(123,92,255,.12));border:1px solid rgba(123,92,255,.4);border-radius:20px;padding:3px 5px 3px 4px} .cf-tcav{display:inline-block;width:18px;height:18px;border-radius:50%;background-size:cover;background-position:center;border:1px solid var(--line);flex:0 0 auto} .cf-tagchip button{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:10px}.cf-tagchip button:hover{color:var(--danger)}
 .cf-tawrap{position:relative;width:100%} .cf-tawrap.haslock .cf-in{padding-right:40px}
 .cf-txtlock{position:absolute;top:7px;right:7px;width:28px;height:28px;display:inline-grid;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:0;cursor:pointer} .cf-txtlock[hidden]{display:none} .cf-txtlock:hover{border-color:var(--accent2);color:var(--ink)} .cf-txtlock.on{background:rgba(123,92,255,.16);border-color:rgba(123,92,255,.55);color:#b79bff} .cf-txtlock .bti{width:14px;height:14px}
 .cf-in.cf-in-locked{background:rgba(123,92,255,.09);border-color:rgba(123,92,255,.42)}
 .cf-crpop{min-width:250px} .cfp-gl{font-size:11px;color:var(--accent2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px} .cf-crlist{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px} .cf-crchip{display:inline-flex;align-items:center;gap:5px;font-size:11px;background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:2px 5px 2px 4px;color:var(--ink)} .cf-crchip button{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:10px}
 .cf-crres{display:flex;flex-direction:column;gap:2px;margin-top:6px;max-height:210px;overflow-y:auto} .cf-crr{display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border:0;border-radius:8px;padding:5px 7px;cursor:pointer;color:var(--ink);font:inherit;font-size:12px} .cf-crr:hover{background:var(--panel2)} .cf-crr b{font-weight:600} .cf-crav{display:inline-block;width:22px;height:22px;border-radius:50%;flex:0 0 auto;border:1px solid var(--line);background-size:cover;background-position:center}
 .cf-pricebar{display:flex;align-items:center;gap:10px;background:rgba(123,92,255,.08);border:1px solid rgba(123,92,255,.32);border-radius:11px;padding:9px 12px} .cf-pbhd{font-size:12px;font-weight:800;color:#b79bff;display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .cf-pbhd .bti{width:13px;height:13px} .cf-pbval{background:transparent;border:0;color:#b79bff;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline} .cf-pbhint{font-size:11px;color:var(--muted);flex:1;min-width:0} .cf-pricebar .in-ppvpx{position:static;flex:none;width:20px;height:20px;border-radius:50%;background:var(--panel2);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:11px}
 .chspin{width:26px;height:26px;border-radius:50%;border:3px solid rgba(22,224,232,.18);border-top-color:var(--accent2);animation:chspin .7s linear infinite} .chspin.sm{width:20px;height:20px;border-width:2.5px} @keyframes chspin{to{transform:rotate(360deg)}}
 /* Fila de STORIES del Home (Añadir a historia · Tu historia · cuentas que sigo · Promoción). Estilo OF, piel Chispa. */
 .in-stories{margin-bottom:16px} .in-strow{display:flex;gap:11px;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:thin} .in-strow::-webkit-scrollbar{height:6px} .in-strow::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}
 .in-sttile{position:relative;flex:0 0 auto;width:96px;height:150px;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:var(--panel2);cursor:pointer;padding:0;transition:transform .12s} .in-sttile:hover{transform:translateY(-2px)}
 .in-stbg{position:absolute;inset:0;background-size:cover!important;background-position:center!important} .in-stbg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,12,25,.82) 6%,transparent 46%)} .in-stbg.dim::before{content:"";position:absolute;inset:0;background:rgba(6,12,25,.42);z-index:1}
 .in-stadd{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);z-index:2;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ff2e88,#16e0e8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:400;line-height:1;box-shadow:0 3px 12px rgba(255,46,136,.4)}
 .in-stav{position:absolute;top:8px;left:8px;z-index:2;width:30px;height:30px;border-radius:50%;background-size:cover!important;background-position:center!important;border:2.5px solid var(--accent2);box-shadow:0 0 0 2px rgba(6,12,25,.6)}
 .in-stlbl{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:7px 8px;color:#fff;font-size:11px;font-weight:600;line-height:1.25;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .in-sttile.promo{background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-style:dashed;border-color:rgba(22,224,232,.3)} .in-sttile.promo:hover{border-color:var(--accent2)} .in-stpromoic{width:40px;height:40px;border-radius:50%;background:rgba(22,224,232,.1);display:flex;align-items:center;justify-content:center;color:var(--accent2)} .in-stpromoic svg{width:22px;height:22px} .in-sttile.promo .in-stlbl{position:static;text-align:center;padding:0 8px;color:var(--muted);white-space:normal}
 .in-sttile.skel{background:var(--panel2);position:relative;overflow:hidden} .in-sttile.skel::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(22,224,232,.1) 50%,transparent 70%);transform:translateX(-100%);animation:skelsweep 1.5s ease-in-out infinite}
 /* ══ EDITOR DE STORIES (piel Chispa) ══ */
 .st-ed{position:fixed;inset:0;z-index:5000;background:radial-gradient(120% 90% at 50% 0%,#0c1830,#050b16 70%);display:flex;flex-direction:column;animation:cselin .18s ease-out;user-select:none;-webkit-user-select:none}
 .st-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:12px}
 .st-tl{display:flex;gap:6px} .st-tr{display:flex;gap:8px;flex-wrap:wrap}
 .st-ic{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#e7eefb;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.13s} .st-ic:hover:not(:disabled){background:rgba(255,255,255,.12);color:#fff} .st-ic:disabled{opacity:.35;cursor:default} .st-ic svg{width:19px;height:19px}
 .st-tool{display:inline-flex;flex-direction:column;align-items:center;gap:3px;min-width:60px;padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#cfe0f5;cursor:pointer;font:inherit;font-size:10.5px;font-weight:600;transition:.13s} .st-tool:hover:not(:disabled){background:rgba(22,224,232,.12);border-color:rgba(22,224,232,.4);color:#fff;transform:translateY(-1px)} .st-tool:disabled{opacity:.35;cursor:default} .st-tool svg{width:20px;height:20px}
 .st-stagewrap{flex:1;display:flex;align-items:center;justify-content:center;padding:6px 16px;min-height:0}
 .st-stage{position:relative;border-radius:18px;overflow:hidden;background:#0a1120;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);container-type:size}
 .st-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
 .st-layers{position:absolute;inset:0}
 .st-layer{position:absolute;cursor:grab;touch-action:none;line-height:1.15;max-width:92%} .st-layer.sel{outline:2px dashed rgba(22,224,232,.9);outline-offset:4px;border-radius:6px} .st-layer:active{cursor:grabbing}
 .st-l-text{font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.35);white-space:pre-wrap}
 .st-l-emoji{filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}
 .st-l-photo img{display:block;width:100%;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
 .st-l-blur{backdrop-filter:blur(16px);background:rgba(255,255,255,.04);border-radius:10px}
 .st-l-ment{font-weight:800;color:#fff;background:rgba(0,0,0,.35);padding:.15em .5em;border-radius:.4em;text-shadow:0 1px 4px rgba(0,0,0,.5)}
 .st-l-quest .st-qbubble{background:var(--qc,#B721FF);border-radius:18px;padding:16px 16px 12px;min-width:170px;max-width:230px;box-shadow:0 10px 30px rgba(0,0,0,.4);position:relative} .st-qav{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;background-size:cover!important;background-position:center!important;border:3px solid var(--qc,#B721FF)}
 .st-qtxt{color:#fff;font-weight:700;font-size:15px;text-align:center;margin:6px 0 10px;word-break:break-word} .st-qin{background:rgba(255,255,255,.16);border-radius:11px;padding:9px;color:rgba(255,255,255,.7);font-size:12px;text-align:center}
 .st-lbar{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:5002;display:flex;gap:4px;background:rgba(10,18,32,.94);border:1px solid var(--line);border-radius:13px;padding:5px;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.5)} .st-lbar button{width:38px;height:38px;border-radius:9px;background:transparent;border:0;color:#dfeaf9;cursor:pointer;font:inherit;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:.12s} .st-lbar button:hover{background:rgba(255,255,255,.1)} .st-lbar button.del:hover{background:rgba(255,60,90,.2);color:#ff5c7a} .st-lbar button svg{width:17px;height:17px}
 .st-bottom{display:flex;justify-content:center;padding:14px 18px 20px}
 .st-pub{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:13px;padding:13px 30px;font:inherit;font-size:14.5px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(120deg,#ff2e88,#8b45ff 50%,#2e7bf0),linear-gradient(110deg,transparent 34%,rgba(255,255,255,.32) 50%,transparent 66%);background-size:100% 100%,260% 100%;background-repeat:no-repeat;background-position:0 0,150% 0;box-shadow:0 6px 24px rgba(255,46,136,.35);animation:heroSheen 4.5s linear infinite;transition:.14s} .st-pub:hover{filter:brightness(1.09);transform:translateY(-1px)} .st-pub.loading{opacity:.7;pointer-events:none} .st-pub .bti{width:16px;height:16px} .st-pub .bti svg{filter:brightness(0) invert(1)}
 /* paneles de herramientas */
 .st-panel{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:5003;width:min(400px,92vw);background:rgba(10,18,32,.97);border:1px solid var(--line);border-radius:16px;padding:15px;backdrop-filter:blur(14px);box-shadow:0 16px 44px rgba(0,0,0,.55);animation:cselin .14s ease-out}
 .st-pttitle{font-family:var(--font-display);font-size:13px;letter-spacing:.4px;text-transform:uppercase;color:var(--accent2);margin-bottom:11px;display:flex;align-items:center;gap:8px} .st-real{font-size:9px;font-weight:800;color:#3dff8f;background:rgba(61,255,143,.12);border:1px solid rgba(61,255,143,.3);border-radius:12px;padding:2px 8px;text-transform:none;letter-spacing:0}
 .st-tarea,.st-qinput,.st-minput{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:11px;color:var(--ink);font:inherit;font-size:14px;resize:none;box-sizing:border-box} .st-tarea{min-height:64px;margin-bottom:11px} .st-tarea:focus,.st-qinput:focus,.st-minput:focus{outline:none;border-color:var(--accent2)}
 .st-trow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px} .st-swatches{display:flex;gap:7px;flex-wrap:wrap} .st-sw{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:.12s;box-shadow:0 0 0 1px rgba(255,255,255,.15) inset} .st-sw:hover{transform:scale(1.12)} .st-sw.on{border-color:#fff;box-shadow:0 0 0 2px var(--accent2)}
 .st-fonts,.st-aligns{display:flex;gap:5px} .st-fbtn,.st-abtn{background:var(--panel);border:1px solid var(--line);color:#cfe0f5;border-radius:9px;padding:7px 11px;cursor:pointer;font:inherit;font-size:12px;font-weight:600;transition:.12s} .st-fbtn.on,.st-abtn.on{background:rgba(22,224,232,.15);border-color:var(--accent2);color:#fff}
 .st-done{margin-left:auto;background:linear-gradient(120deg,#ff2e88,#8b45ff);border:0;color:#fff;border-radius:10px;padding:9px 18px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:800;transition:.13s} .st-done:hover{filter:brightness(1.08)} .st-done.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}
 .st-sttypes{display:flex;gap:8px;margin-bottom:12px} .st-sttypes button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 6px;cursor:pointer;color:#cfe0f5;font:inherit;font-size:10.5px;font-weight:600;transition:.12s} .st-sttypes button:hover{border-color:var(--accent2);color:#fff} .st-sttypes button svg{width:20px;height:20px}
 .st-emojis{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:150px;overflow-y:auto;margin-bottom:11px} .st-emo{background:transparent;border:0;font-size:22px;cursor:pointer;padding:5px;border-radius:8px;transition:.1s} .st-emo:hover{background:rgba(255,255,255,.08);transform:scale(1.15)}
 .st-ratios{display:flex;gap:9px;margin-bottom:12px} .st-rbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 6px;cursor:pointer;color:#cfe0f5;font:inherit;font-size:11.5px;font-weight:700;transition:.12s} .st-rbtn:hover{border-color:var(--accent2);color:#fff} .st-rbtn.on{background:rgba(22,224,232,.14);border-color:var(--accent2);color:#fff} .st-rbox{background:linear-gradient(135deg,#7b5cff,#16e0e8);border-radius:3px;opacity:.85} .st-rbox.r9-16{width:17px;height:30px} .st-rbox.r2-3{width:20px;height:30px} .st-rbox.r3-4{width:23px;height:30px} .st-rbox.r1-1{width:28px;height:28px}
 .st-qnote,.st-mnote,.st-cnote{font-size:11px;color:var(--muted);margin:10px 0} .st-mres{margin:8px 0;display:flex;flex-direction:column;gap:4px} .st-mr{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px 10px;cursor:pointer;color:var(--ink);font:inherit;font-size:12.5px;text-align:left} .st-mr:hover{border-color:var(--accent2)} .st-mr b{font-weight:700} .st-mr span{color:var(--muted);font-size:11px} .st-mrav{width:26px;height:26px;border-radius:50%;background-size:cover!important;flex:none} .st-mempty{color:var(--muted);font-size:12px;padding:6px}
 .st-lbl{font-size:11px;font-weight:700;color:var(--muted);min-width:52px} .st-range{flex:1;accent-color:var(--accent2);height:4px} .st-swatches{max-height:74px;overflow-y:auto}
 .st-stage.cropping .st-bg{pointer-events:auto;cursor:grab} .st-stage.cropping .st-bg:active{cursor:grabbing} .st-stage.cropping .st-layers{pointer-events:none;opacity:.5} .st-stage.cropping::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12));z-index:2}
 .st-fbtn{font-size:12px} .st-textpanel .st-swatches,.st-questpanel .st-swatches{display:flex;flex-wrap:wrap;gap:6px}
 @media (prefers-reduced-motion:reduce){ .st-pub{animation:none} .st-ed,.st-panel{animation:none} }
 /* Visor de stories (barras de progreso + auto-avance + tap izq/der) */
 .sv-ov{position:fixed;inset:0;z-index:5100;background:rgba(4,8,16,.94);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:cselin .16s ease-out}
 .sv-card{position:relative;height:min(90vh,780px);aspect-ratio:9/16;max-width:96vw;background:#0a1120;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.6)}
 .sv-bars{position:absolute;top:10px;left:10px;right:10px;z-index:4;display:flex;gap:4px} .sv-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.28);overflow:hidden} .sv-bar i{display:block;height:100%;width:0;background:#fff;border-radius:3px}
 .sv-head{position:absolute;top:22px;left:12px;right:12px;z-index:4;display:flex;align-items:center;gap:9px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)} .sv-av{width:32px;height:32px;border-radius:50%;background-size:cover!important;background-position:center!important;border:2px solid rgba(255,255,255,.85);flex:none} .sv-head b{font-size:13.5px}
 .sv-media{position:absolute;inset:0} .sv-img,.sv-vid{width:100%;height:100%;object-fit:cover;display:block;background:#0a1120}
 .sv-nav{position:absolute;top:0;bottom:0;width:34%;z-index:3;background:transparent;border:0;cursor:pointer} .sv-prev{left:0} .sv-next{right:0;width:66%}
 .sv-close{position:fixed;top:20px;right:24px;z-index:5101;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center} .sv-close svg{width:19px;height:19px} .sv-close:hover{background:rgba(255,255,255,.22)}
 .sv-q{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);z-index:4;background:var(--qc,#B721FF);border-radius:16px;padding:13px 15px;min-width:180px;max-width:74%;box-shadow:0 10px 30px rgba(0,0,0,.4)} .sv-qtxt{color:#fff;font-weight:700;font-size:14px;text-align:center;margin-bottom:9px} .sv-qin{background:rgba(255,255,255,.18);border-radius:10px;padding:8px;color:rgba(255,255,255,.75);font-size:12px;text-align:center}
 @media (prefers-reduced-motion:reduce){ .sv-bar i{transition:none!important} .sv-ov{animation:none} }
 .in-cfr{display:flex;gap:9px;align-items:center}
 .in-msg{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 14px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.15s} .in-msg:hover{border-color:var(--accent2);color:var(--accent2)} .in-msg .bti{width:15px;height:15px}
 .in-publish{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:9px 18px;font:inherit;font-size:13px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(120deg,#ff2e88,#8b45ff 50%,#2e7bf0),linear-gradient(110deg,transparent 34%,rgba(255,255,255,.32) 50%,transparent 66%);background-size:100% 100%,260% 100%;background-repeat:no-repeat;background-position:0 0,150% 0;text-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 4px 18px rgba(255,46,136,.3);animation:heroSheen 4.5s linear infinite;transition:filter .15s,transform .12s} .in-publish:hover{filter:brightness(1.09);transform:translateY(-1px)} .in-publish .bti{width:15px;height:15px} .in-publish .bti svg{filter:brightness(0) invert(1)}
 /* feed */
 .in-feedhead{display:flex;align-items:baseline;gap:8px;margin:4px 2px 12px} .in-fhtitle{font-size:12px;font-weight:800;letter-spacing:.07em;color:var(--muted);text-transform:uppercase} .in-fhnote{font-size:12px;color:var(--muted)}
 .in-notice{display:flex;align-items:center;gap:11px;background:linear-gradient(100deg,rgba(22,224,232,.07),transparent);border:1px solid var(--line);border-left:3px solid var(--accent2);border-radius:11px;padding:11px 14px;margin-bottom:14px;font-size:13px;color:var(--ink)} .in-ni{display:inline-flex;width:17px;height:17px;color:var(--accent2);flex:none} .in-ni svg{width:17px;height:17px} .in-notice span{flex:1} .in-dismiss{background:none;border:0;color:var(--accent2);font-weight:800;font-size:12px;letter-spacing:.04em;cursor:pointer;text-transform:uppercase} .in-dismiss:hover{text-decoration:underline}
 .in-post{background:var(--panel2);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:16px}
 .in-post-h{display:flex;align-items:center;gap:10px;padding:12px 14px} .in-pav{width:38px;height:38px;border-radius:50%;flex:none} .in-pinfo{flex:1;min-width:0} .in-pn b{font-size:13.5px;color:var(--ink)} .in-ph{font-size:12px;color:var(--muted);margin-left:4px} .in-pt{font-size:12px;color:var(--muted)} .in-pmore{background:none;border:0;color:var(--muted);cursor:pointer;display:inline-flex} .in-pmore:hover{color:var(--accent2)} .in-pmore svg{width:17px;height:17px}
 .in-pcap{padding:0 14px 10px;font-size:14px;line-height:1.5;color:var(--ink)}
 .in-media{position:relative;width:100%;aspect-ratio:4/5;max-height:82vh;min-height:150px;background-size:cover;display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)} .in-media.ph::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px);background-size:19px 19px;opacity:.5} .in-mediaicon{position:relative;z-index:1;width:66px;height:66px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(22,224,232,.12),transparent 70%);color:rgba(191,247,255,.5)} .in-mediaicon svg{width:38px;height:38px;filter:drop-shadow(0 0 8px rgba(22,224,232,.3))}
 .in-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(8,14,28,.42);backdrop-filter:blur(2px);border:2px solid rgba(255,255,255,.78);box-shadow:0 2px 16px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none} .in-play svg{width:24px;height:24px;margin-left:3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
 .in-mediaimg{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;background:#0a1120}
 .in-media.openable{cursor:zoom-in} .in-media.openable:hover .in-mediaimg{filter:brightness(1.06)}
 .fx-light{position:fixed;inset:0;z-index:4000;background:rgba(4,8,16,.92);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:cselin .16s ease-out;padding:32px}
 .fx-box{max-width:min(1100px,94vw);max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:12px}
 .fx-media{max-width:100%;max-height:82vh;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.6);background:#0a1120;display:block}
 .fx-cap{max-width:760px;text-align:center;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:3px} .fx-cap .fx-who b{color:var(--ink)} .fx-cap .fx-txt{color:var(--ink);opacity:.9}
 /* Visor con panel de comentarios (2 columnas) */
 .fx-box.fx-2col{flex-direction:row;align-items:stretch;gap:16px;max-width:min(1240px,96vw)} .fx-2col .fx-mediawrap{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-width:0;flex:1}
 .fx-2col .fx-media{max-height:78vh}
 .fx-comments{width:360px;flex:none;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;max-height:86vh;overflow:hidden}
 @media(max-width:820px){ .fx-box.fx-2col{flex-direction:column} .fx-comments{width:100%;max-height:40vh} }
 .fxc-head{padding:12px 14px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);font-size:14px}
 .fxc-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:12px} .fxc-loading{display:flex;justify-content:center;padding:20px} .fxc-empty{color:var(--muted);font-size:13px;text-align:center;padding:24px}
 .fxc-item{display:flex;gap:9px;align-items:flex-start} .fxc-av{width:30px;height:30px;border-radius:50%;flex:none;background-size:cover;background-position:center} .fxc-body{flex:1;min-width:0}
 .fxc-txt{color:var(--ink);font-size:13px;line-height:1.4;word-break:break-word} .fxc-gifimg{max-width:150px;border-radius:8px;margin-top:5px;display:block}
 .fxc-acts{display:flex;gap:12px;margin-top:3px} .fxc-a{background:none;border:0;color:var(--muted);font-size:11.5px;cursor:pointer;padding:0;transition:color .12s} .fxc-a:hover{color:var(--accent2)} .fxc-a.on{color:var(--accent2)} .fxc-del{margin-left:auto;color:#7a8499} .fxc-del:hover{color:var(--danger)}
 .fxc-compose{border-top:1px solid var(--line);padding:10px 12px;position:relative} .fxc-reply{font-size:12px;color:var(--muted);margin-bottom:7px} .fxc-reply b{color:var(--accent2)} .fxc-repx{background:none;border:0;color:var(--muted);cursor:pointer;margin-left:6px}
 .fxc-inrow{display:flex;gap:7px;align-items:center} .fxc-in{flex:1;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:8px 14px;color:var(--ink);font:inherit;font-size:13px;outline:none} .fxc-in:focus{border-color:var(--accent2)}
 .fxc-gif{background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-weight:800;font-size:11px;padding:6px 8px;cursor:pointer;flex:none} .fxc-gif.on{color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent2));border-color:transparent}
 .fxc-send{background:linear-gradient(90deg,var(--accent),var(--accent2));border:0;border-radius:50%;width:34px;height:34px;flex:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center} .fxc-send .bti svg{width:16px;height:16px;filter:brightness(0) invert(1)} .fxc-send.busy{opacity:.55;cursor:progress} .fxc-send:disabled{cursor:progress}
 .fxc-gifbox{position:absolute;bottom:100%;left:12px;right:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:5} .fxc-gifq{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:var(--ink);font:inherit;font-size:12px;outline:none;margin-bottom:8px}
 .fxc-gifgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:220px;overflow-y:auto} .fxc-gifpick{aspect-ratio:1;border:0;border-radius:8px;background-size:cover;background-position:center;cursor:pointer;background-color:var(--panel2)} .fxc-gifpick:hover{outline:2px solid var(--accent2)}
 /* GIF elegido (preview arriba del input, como OF) */
 .fxc-gifsel{position:relative;margin-bottom:8px;display:inline-block} .fxc-gifselimg{max-width:120px;max-height:100px;border-radius:8px;display:block} .fxc-gifselx{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(4,8,16,.8);color:#fff;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}
 /* Ver más comentarios */
 .fxc-more{align-self:center;background:none;border:1px solid var(--line);color:var(--accent2);border-radius:20px;padding:6px 16px;font:inherit;font-size:12px;cursor:pointer;margin-top:4px} .fxc-more:hover{background:var(--panel2)} .fxc-more:disabled{opacity:.6;cursor:progress}
 .fx-close{position:fixed;top:18px;right:22px;z-index:4001;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center} .fx-close:hover{background:rgba(255,255,255,.2)}
 .in-locked{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(6,12,25,.55);backdrop-filter:blur(7px);color:#fff;font-weight:700;font-size:14px} .in-locked svg{width:22px;height:22px}
 .in-pacts{display:flex;gap:16px;padding:11px 15px;border-top:1px solid rgba(255,255,255,.04)} .in-pstat{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted)} .in-pstat svg{width:15px;height:15px}
 /* Fila de interacción del feed (Me gusta / Comentar / Propina / Guardar) — estilo OF */
 .in-count{position:absolute;z-index:2;top:10px;right:10px;display:flex;align-items:center;gap:5px;background:rgba(6,12,25,.6);backdrop-filter:blur(4px);color:#fff;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px} .in-count svg{width:12px;height:12px} .in-count i{font-style:normal;opacity:.45;margin:0 1px}
 /* PPV bloqueado: candado centrado en la media + barra de desbloqueo con precio (degradado CTA de Chispa) + me-gusta/comentar griseados */
 .in-lockc{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(8,14,28,.5);backdrop-filter:blur(3px);border:2px solid rgba(255,255,255,.72);box-shadow:0 2px 16px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none} .in-lockc svg{width:22px;height:22px}
 /* PPV sin free preview: cuadrado plano + candado CERRADO grande estilo Chispa */
 .in-media.inlocked{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 120% at 50% 40%,#16223c,#0b1020);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
 .in-biglock{display:flex;align-items:center;justify-content:center;width:110px;height:110px;color:var(--accent2);filter:drop-shadow(0 0 20px rgba(22,224,232,.4))} .in-biglock svg{width:78px;height:78px}
 .in-unlock{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 28px);margin:12px 14px 4px;padding:12px 14px;border:0;border-radius:24px;background:linear-gradient(90deg,#ff2e88,#7b5cff,#16e0e8);color:#fff;font:inherit;font-size:13.5px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 4px 16px rgba(123,92,255,.3);transition:.14s} .in-unlock:hover{filter:brightness(1.08);transform:translateY(-1px)} .in-unlock .in-ulkico{display:inline-flex} .in-unlock svg{width:15px;height:15px}
 .in-iact[disabled]{opacity:.3;cursor:not-allowed} .in-iact[disabled]:hover{color:var(--muted);background:none}
 .in-iacts{display:flex;align-items:center;gap:2px;padding:8px 10px 2px} .in-iact{display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:var(--muted);cursor:pointer;padding:7px;border-radius:10px;transition:.13s;font:inherit} .in-iact svg{width:22px;height:22px;transition:.13s} .in-hi{fill:none;stroke:currentColor;stroke-width:1.85;stroke-linejoin:round;stroke-linecap:round} .in-iact:hover{color:var(--accent2);background:rgba(255,255,255,.04)} .in-iact i{font-style:normal;font-size:12px;font-weight:700;margin-left:1px}
 .in-iact.like.on{color:#ff2e6a} .in-iact.like.on svg{fill:#ff2e6a;stroke:#ff2e6a;filter:drop-shadow(0 0 6px rgba(255,46,106,.5))} .in-iact.like:active svg{transform:scale(.8)}
 .in-likes{padding:0 15px 12px;font-size:13px;color:var(--muted)} .in-likes b{color:var(--ink);font-weight:700}
 .in-badge.promo{font-size:10px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#ffd36b;background:rgba(255,180,60,.12);border:1px solid rgba(255,180,60,.3);border-radius:20px;padding:2px 8px;margin-left:7px;vertical-align:middle}
 /* Tarjetas de creadores etiquetados (linkedUsers) */
 .in-tagged{display:flex;flex-wrap:wrap;gap:8px;padding:11px 14px 4px} .in-tag{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 11px 6px 7px;transition:.15s} .in-tag:hover{border-color:var(--accent2)} .in-tav{width:30px;height:30px;border-radius:50%;background-size:cover;flex:none} .in-tmeta{display:flex;flex-direction:column;line-height:1.2} .in-tmeta b{font-size:12.5px;color:var(--ink)} .in-tmeta span{font-size:11px;color:var(--muted)} .in-tfree{font-size:10px;font-weight:800;color:#3dff8f;background:rgba(61,255,143,.12);border:1px solid rgba(61,255,143,.3);border-radius:14px;padding:2px 9px;margin-left:2px}
 .in-fprefs{display:flex;flex-direction:column;min-width:230px} .in-fprefs button{text-align:left;background:none;border:0;color:var(--ink);cursor:pointer;padding:10px 12px;border-radius:9px;font:inherit;font-size:13px;transition:.12s} .in-fprefs button:hover{background:var(--panel)} .in-fprefs button.on{color:var(--accent2);font-weight:600}
 /* Skeleton de carga del feed: tarjetas fantasma con la forma del post + barrido de brillo (shimmer). Piel neón Chispa. */
 .in-skel{position:relative;overflow:hidden;background:var(--panel2);border:1px solid var(--line);border-radius:14px;margin-bottom:16px}
 .in-skel-h{display:flex;align-items:center;gap:11px;padding:14px 15px} .in-skel-av{width:38px;height:38px;border-radius:50%;background:var(--panel);flex:0 0 auto} .in-skel-lines{flex:1;display:flex;flex-direction:column;gap:8px}
 .in-skel-l{height:10px;border-radius:6px;background:var(--panel);display:block} .in-skel-cap{padding:2px 15px 13px;display:flex;flex-direction:column;gap:9px} .in-skel-media{height:280px;background:var(--panel);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)} .in-skel-foot{padding:12px 15px}
 .in-skel::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(22,224,232,.10) 46%,rgba(255,46,136,.08) 54%,transparent 70%);transform:translateX(-100%);animation:skelsweep 1.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
 @keyframes skelsweep{to{transform:translateX(100%)}}
 @media (prefers-reduced-motion:reduce){ .in-skel::after{animation:none;background:none} .in-skel{opacity:.7} }
 .in-sug{display:flex;align-items:center;gap:11px;margin:12px 14px;padding:11px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:.15s;text-decoration:none} .in-sug:hover{border-color:var(--accent2)} .in-sugav{width:40px;height:40px;border-radius:50%;flex:none} .in-sugn{flex:1;min-width:0} .in-sugn b{display:block;font-size:13.5px;color:var(--ink)} .in-sugn span{font-size:12px;color:var(--muted)} .in-sugfree{font-size:11px;font-weight:800;color:#3dff8f;background:rgba(61,255,143,.12);border:1px solid rgba(61,255,143,.3);border-radius:16px;padding:4px 12px}
 .in-pacts{display:flex;align-items:center;gap:5px;padding:10px 14px} .in-pa{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--muted);cursor:pointer;padding:6px 9px;border-radius:9px;font:inherit;font-size:12.5px;font-weight:600;transition:.13s} .in-pa:hover{background:var(--panel);color:var(--accent2)} .in-pa.on{color:#2ea6ff} .in-pa.on .bti svg{fill:#2ea6ff;stroke:#2ea6ff} .in-pa .bti{width:16px;height:16px} .in-tip{margin-left:auto} .in-sp{margin-left:0}
 .in-plikes{padding:0 14px 12px;font-size:12.5px;color:var(--muted)} .in-plikes b{color:var(--ink)}
 /* rail derecho */
 .inside{position:sticky;top:14px;display:flex;flex-direction:column;gap:14px}
 .incard{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:15px}
 .obcard{background:linear-gradient(160deg,rgba(123,92,255,.1),rgba(22,224,232,.05));border:1px solid rgba(123,92,255,.35)}
 .obcard.obdone{background:linear-gradient(160deg,rgba(41,240,168,.09),rgba(22,224,232,.04));border-color:rgba(41,240,168,.4)} .obdone .ob-h{color:#29f0a8} .obdone .ob-h .bti{color:#29f0a8}
 .ob-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px} .ob-h{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--accent2)} .ob-h .bti{width:14px;height:14px} .ob-x{background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:2px 4px;border-radius:6px} .ob-x:hover{color:var(--ink);background:rgba(255,255,255,.06)}
 .ob-prog{display:flex;align-items:center;gap:9px;margin-bottom:11px} .ob-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.09);overflow:hidden} .ob-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#7b5cff,#16e0e8);transition:width .4s ease-out} .ob-prog span{font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
 .ob-rows{display:flex;flex-direction:column;gap:2px} .ob-row{display:flex;align-items:center;gap:10px;padding:9px 8px;background:none;border:0;border-radius:9px;cursor:pointer;text-align:left;width:100%;color:var(--ink);transition:background .15s} .ob-row:hover{background:rgba(22,224,232,.08)}
 .navlock{font-size:11.5px;color:var(--muted);line-height:1.45;padding:8px 12px 4px;display:flex;gap:6px;align-items:flex-start} .navlock .bti{width:13px;height:13px;flex:none;margin-top:1px;color:#ffd166}
 #nav button.navdim{opacity:.45} #nav button.navdim:hover{opacity:.7} #nav button.navdim .nav-lk{margin-left:auto;width:12px;height:12px;color:#ffd166;display:inline-flex} #nav button.navdim .nav-lk .chico{width:12px;height:12px}
 .ob-check{width:18px;height:18px;flex:none;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:transparent} .ob-row.done .ob-check{background:linear-gradient(135deg,#12c99a,#16e0c0);border-color:transparent;color:#04140f}
 .ob-ic{width:16px;height:16px;flex:none;color:var(--accent2);display:flex;align-items:center;justify-content:center} .ob-ic .chico{width:16px;height:16px} .ob-row.done .ob-ic{opacity:.5}
 .ob-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px} .ob-tx b{font-size:12.5px;font-weight:700} .ob-tx span{font-size:11px;color:var(--muted);line-height:1.35} .ob-row.done .ob-tx b{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.25)}
 .ob-go{font-size:11px;font-weight:700;color:var(--accent2);white-space:nowrap;flex:none}
 .ob-agtag{font-size:8.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;background:rgba(123,92,255,.2);color:#b9a8ff;border-radius:5px;padding:1px 5px;margin-left:4px;vertical-align:1px} .ob-psub{font-size:11px;color:var(--muted);margin:-4px 0 11px;line-height:1.4}
 .ob-foot{margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)} .ob-call{display:flex;align-items:center;gap:7px;width:100%;background:none;border:0;color:var(--accent2);font-size:11.5px;font-weight:600;cursor:pointer;padding:5px 6px;border-radius:8px;text-align:left;transition:background .15s} .ob-call:hover{background:rgba(22,224,232,.08)} .ob-call .bti{width:14px;height:14px;flex:none}
 .in-search{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:9px 12px} .in-search .bti{width:15px;height:15px;color:var(--muted)} .in-search input{flex:1;min-width:0;background:none;border:0;color:var(--ink);font:inherit;font-size:13px;outline:none}
 .in-searchres{margin-top:8px;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto} .in-sre{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;text-decoration:none;color:var(--ink);transition:background .12s} .in-sre:hover{background:var(--panel)} .in-sre-av{width:32px;height:32px;border-radius:50%;flex:0 0 auto;background-size:cover;background-position:center} .in-sre-n{display:flex;flex-direction:column;min-width:0;font-size:12.5px;line-height:1.3} .in-sre-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .in-sre-v{color:var(--accent2);font-size:11px} .in-sre-h{color:var(--muted);font-size:11px} .in-sre-empty{padding:12px;font-size:12px;color:var(--muted);text-align:center}
 .insub{position:relative;cursor:pointer;background:linear-gradient(100deg,rgba(255,46,136,.05),rgba(22,224,232,.05))} .insub:hover{border-color:var(--accent2)} .in-k{font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--muted);text-transform:uppercase;margin-bottom:8px} .in-subt{font-size:14px;font-weight:700;color:var(--ink)} .in-subs{font-size:12.5px;color:var(--accent2);margin-top:2px} .in-chev{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:20px}
 .in-evnote{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:11px} .in-evempty{font-size:12.5px;color:var(--muted);text-align:center;padding:14px;border:1px dashed var(--line);border-radius:10px;margin-bottom:11px}
 .in-evbtns{display:flex;gap:8px} .in-evadd{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:rgba(22,224,232,.08);border:1px solid rgba(22,224,232,.3);color:var(--accent2);border-radius:9px;padding:8px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.15s} .in-evadd:hover{background:rgba(22,224,232,.16)} .in-evadd .bti{width:14px;height:14px} .in-evarch{background:none;border:0;color:var(--muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline} .in-evarch:hover{color:var(--accent2)}
 .inppv{text-align:center;cursor:pointer;transition:.15s} .inppv:hover{border-color:var(--accent2);transform:translateY(-1px)} .inppv:focus-visible{outline:2px solid var(--accent2);outline-offset:2px} .inppv-h{font-size:15px;letter-spacing:.06em;color:var(--accent2);text-transform:uppercase} .inppv-h b{color:var(--accent)} .inppv-b{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0} .inppv-ic{display:inline-flex;width:44px;height:44px;color:var(--accent2)} .inppv-ic svg{width:44px;height:44px} .inppv-gem{display:inline-flex;width:26px;height:26px} .inppv-gem svg{width:26px;height:26px} .inppv-t{font-size:12px;color:var(--muted);line-height:1.5}
 /* popup de precio */
 .in-pricepop{padding:13px 14px;width:244px} .in-pph{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-bottom:9px} .in-ppin{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 11px} .in-ppin.sm{padding:6px 9px} .in-ppin span{color:var(--muted)} .in-ppin input{flex:1;min-width:0;background:none;border:0;color:var(--ink);font:inherit;outline:none} .in-ppnote{font-size:11px;color:var(--muted);margin:6px 0 10px} .in-ppok{width:100%!important} .in-ppchk{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--ink);margin:10px 0 2px;cursor:pointer;line-height:1.35} .in-ppchk input{margin-top:1px;accent-color:var(--accent2);flex:none} .in-fundpresets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 4px}
 .in-pollpop{padding:13px 14px;width:262px} .in-pilldur{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px} .in-pilld{flex:0 0 auto;width:auto;white-space:nowrap;padding:6px 11px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;font-size:12px;cursor:pointer;transition:.13s} .in-pilld:hover{border-color:var(--accent2);color:var(--ink)} .in-pilld.on{background:linear-gradient(90deg,#ff2e88,#7b5cff);border-color:transparent;color:#fff;font-weight:700} .in-fundpop{padding:13px 14px;width:284px} .in-fundhint{color:var(--muted);font-weight:400;font-size:10.5px} .in-pollopts{display:flex;flex-direction:column;gap:6px} .in-pollrow{display:flex;align-items:center;gap:7px} .in-pollrow input[type=radio]{flex:0 0 auto;accent-color:var(--accent2)} .in-pollopt{flex:1;min-width:0;font-size:12.5px!important;padding:7px 9px!important} .in-polladd{background:none;border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:6px;font:inherit;font-size:11.5px;cursor:pointer;margin:8px 0;width:100%} .in-polladd:hover{border-color:var(--accent2);color:var(--ink)} .in-polll{display:block;font-size:11px;color:var(--muted);margin:2px 0 4px} .in-pollok{width:100%!important;margin-top:10px} .in-tagres{margin-top:8px;display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto} .in-tagr{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;background:none;border:0;cursor:pointer;text-align:left;color:var(--ink);font:inherit;font-size:12px} .in-tagr:hover{background:var(--panel)}
 /* CTA POTENTES (generar/enviar/acciones fuertes): degradado vibrante + texto BLANCO + glow + sheen animado. Llamativo, no apagado. */
 .login-btn,.snx-go,.autotag,.lztag.autotag,.agadd,.covas-go,.prbtn,.cf-send,.send,.pmbrand.gen,.sbsugb,.pdumpbtn,.mg-go,.ofwd,.stwd,.bcadd,.bcseat-rech,.modal-btn.primary,.primary{
 background:linear-gradient(120deg,#ff2e88,#8b45ff 50%,#2e7bf0),linear-gradient(110deg,transparent 34%,rgba(255,255,255,.34) 50%,transparent 66%)!important;
 background-size:100% 100%,260% 100%!important;background-repeat:no-repeat!important;background-position:0 0,150% 0!important;
 color:#fff!important;font-weight:800!important;border:0!important;text-shadow:0 1px 3px rgba(0,0,0,.45);
 box-shadow:0 6px 22px rgba(255,46,136,.32),0 0 20px rgba(123,92,255,.30)!important;
 animation:heroSheen 4.5s linear infinite!important;transition:filter .15s,transform .12s,box-shadow .15s}
 .login-btn:hover,.snx-go:hover,.autotag:hover,.agadd:hover,.covas-go:hover,.prbtn:hover,.cf-send:hover,.send:hover,.pmbrand.gen:hover,.sbsugb:hover,.pdumpbtn:hover,.mg-go:hover,.ofwd:hover,.stwd:hover,.bcadd:hover,.modal-btn.primary:hover{
 filter:brightness(1.1) saturate(1.06);transform:translateY(-1px);box-shadow:0 9px 30px rgba(255,46,136,.44),0 0 28px rgba(123,92,255,.42)!important}
 @keyframes heroSheen{0%{background-position:0 0,150% 0}100%{background-position:0 0,-60% 0}}
 /* Estado SELECCIONADO (tabs/chips/pills/selectores de secuencia): vibrante estático, texto blanco, bien DEFINIDO y resaltante. */
 .ansc.on,.anvb.on,.galtab.on,.ofpill.on,.ofgb.on,.pgb.on,.pfchip.on,.anpb.on,.pstep.on,.ptono.on,.parq.on,.parq.custom.on,.pchip.on,.pseg.on,.sbty.on,.sbtab.on,.sbcat.on,.rb-m.on,.stype.on,.lzps.on,.lschk.on,.sbchk.on,.eqrole.ro{
 background:linear-gradient(135deg,#ff2e88,#8b45ff 55%,#2e7bf0)!important;color:#fff!important;font-weight:800!important;
 border-color:transparent!important;text-shadow:0 1px 2px rgba(0,0,0,.4);
 box-shadow:0 2px 13px rgba(123,92,255,.36),inset 0 0 0 1px rgba(255,255,255,.18)!important}
 /* Iconos DENTRO de botones vibrantes -> blanco solido (los glifos neon multicolor se camuflaban con el degradado) */
 .login-btn svg,.snx-go svg,.autotag svg,.lztag.autotag svg,.agadd svg,.covas-go svg,.prbtn svg,.cf-send svg,.send svg,.pmbrand.gen svg,.sbsugb svg,.pdumpbtn svg,.mg-go svg,.ofwd svg,.stwd svg,.bcadd svg,.bcseat-rech svg,.modal-btn.primary svg,.primary svg,
 .ansc.on svg,.anvb.on svg,.galtab.on svg,.ofpill.on svg,.ofgb.on svg,.pgb.on svg,.pfchip.on svg,.anpb.on svg,.pstep.on svg,.ptono.on svg,.parq.on svg,.parq.custom.on svg,.pchip.on svg,.pseg.on svg,.sbty.on svg,.sbtab.on svg,.sbcat.on svg,.rb-m.on svg,.stype.on svg,.lzps.on svg,.lschk.on svg,.sbchk.on svg,.eqrole.ro svg{filter:brightness(0) invert(1) drop-shadow(0 1px 1.2px rgba(0,0,0,.4))!important}

/* Oferta activa de suscripción en Inicio (paridad con OnlyFans, que la enseña en su propia portada). */
.inpromo .in-promot{ font:700 15px/1.2 Rajdhani,sans-serif; color:#16e0e8; letter-spacing:.4px; margin:2px 0 4px }
.inpromo .in-promop{ font:600 13.5px/1.3 Rajdhani,sans-serif; color:#eaf2ff }
.inpromo .in-promop span{ color:#8fa6c2; font-weight:500 }
.inpromo .in-promom{ font-size:12.5px; line-height:1.45; color:#a8bdd6; margin:7px 0 0 }
.inpromo .in-promou{ font-size:12px; color:#7f95b0; margin:8px 0 0 }
/* Estudio de la IA (Blindaje): filtros por periodo y por tipo */
.ailog-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ailog-days{display:flex;gap:6px}
.ailog-db{font-size:11px;font-weight:700;padding:4px 11px;border-radius:8px;border:1px solid #202a44;background:#0e1322;color:#9aa7c2;cursor:pointer}
.ailog-db.on{background:rgba(22,224,232,.14);border-color:rgba(22,224,232,.4);color:#16e0e8}
.ailog-pills{display:flex;flex-wrap:wrap;gap:6px}
.ailog-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid #202a44;background:#0e1322;color:#cdd6ea;cursor:pointer}
.ailog-pill.on{background:rgba(123,92,255,.16);border-color:rgba(123,92,255,.45);color:#c9b8ff}
.ailog-n{font-size:10px;font-weight:800;background:rgba(255,255,255,.08);border-radius:20px;padding:0 6px;min-width:16px;text-align:center}
/* Persona → Estados de la modelo */
.pestados-sep{height:1px;background:var(--line);margin:16px 0}
.pestados-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.prbtn.sm{font-size:12px;padding:6px 12px}
.pest-group{margin-bottom:14px}
.pest-gh{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.pest-card{border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-bottom:8px;background:var(--panel2)}
.pest-card.on{border-color:rgba(41,240,168,.4);background:rgba(41,240,168,.05)}
.pest-card.fut{border-color:rgba(22,224,232,.3)}
.pest-card.off{opacity:.6}
.pest-top{display:flex;align-items:center;gap:8px;font-size:13.5px}
.pest-ic{font-size:16px}
.pest-badge{margin-left:auto;font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:20px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}
.pest-card.on .pest-badge{color:var(--ok);border-color:rgba(41,240,168,.4)}
.pest-when{font-size:11.5px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}
.pest-nota{font-size:12.5px;color:var(--ink);margin-top:6px;line-height:1.4}
.pest-pauta{font-size:11.5px;color:var(--accent2);margin-top:6px;line-height:1.4;font-style:italic}
.pest-acts{display:flex;gap:7px;margin-top:9px}
.pest-b{font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}
.pest-b.danger{color:var(--danger);border-color:rgba(255,59,92,.3)}