/* AKADIA · tanda 5 (Grok, 22-10-2026) · Perfil con más vida + selector de tema. Capa aparte (no toca styles.css ni app.js).
   El color de toda la app lo pone kilo-tema.js con las variables --ak-ac / --ak-ac2 / --ak-grad en <html>. */
:root{--ak-ac:#87DFC1;--ak-ac2:#87DFC1;--ak-grad:none;--ak-on:#101820}
body .kp-card.ak-social-profile.kt-on{--kt:var(--pp,#87dfc1);--kt2:var(--pp2,var(--kt));--kt-grad:linear-gradient(120deg,var(--kt),var(--kt2));
  --kt-suave:color-mix(in srgb,var(--kt) 13%,transparent);--kt-linea:color-mix(in srgb,var(--kt) 40%,#344550);
  box-shadow:0 14px 38px -22px color-mix(in srgb,var(--kt) 75%,transparent)!important}
/* degradado en anillo de foto y botón Personalizar cuando el tema es Atardecer o Aurora */
body .kp-card.ak-social-profile.kt-on .pp-avatar{background:var(--kt-grad)!important}
body .kp-card.ak-social-profile.kt-on .pp-editar{background:var(--kt-grad)!important}
body .kp-card.ak-social-profile.kt-on .pp-portada:not([style*="url"]){background:radial-gradient(ellipse at 82% 18%,color-mix(in srgb,var(--kt2) 45%,transparent),transparent 60%),radial-gradient(ellipse at 22% 20%,color-mix(in srgb,var(--kt) 50%,transparent),transparent 65%),linear-gradient(120deg,#23333f,color-mix(in srgb,var(--kt) 22%,#101820))!important}

/* ---- números con vida ---- */
body .kp-card.ak-social-profile.kt-on .pp-stats{background:linear-gradient(180deg,var(--kt-suave),transparent);border-radius:14px;border:1px solid var(--kt-linea)!important;padding:12px 2px 10px!important}
body .kp-card.ak-social-profile.kt-on .pp-stats>div{display:flex!important;flex-direction:column;align-items:center;gap:3px;padding:2px!important}
body .kp-card.ak-social-profile.kt-on .pp-stats>div+div{border-left:1px solid color-mix(in srgb,var(--kt) 20%,transparent)}
body .kp-card.ak-social-profile.kt-on .pp-stats .kt-ico{font-style:normal;font-size:19px;line-height:1;filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--kt) 45%,transparent))}
body .kp-card.ak-social-profile.kt-on .pp-stats b{font:800 27px/1.05 Sora,Inter,sans-serif!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  background:var(--kt-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;display:inline-block}
body .kp-card.ak-social-profile.kt-on .pp-stats small{font-size:11px!important;font-weight:600;color:#d6e2ea!important;line-height:1.25;text-align:center}
body .kp-card.ak-social-profile.kt-on .pp-stats .kt-racha-on .kt-ico{animation:kt-llama 1.6s ease-in-out infinite;transform-origin:50% 90%}
body .kp-card.kt-on .pp-stats b.kt-pop{animation:kt-pop .45s cubic-bezier(.34,1.56,.64,1) both}
.kt-frase{display:flex;align-items:center;gap:9px;margin:10px 18px 0;padding:10px 12px;border-radius:13px;background:var(--kt-suave);border:1px solid var(--kt-linea);font-size:13.5px;font-weight:600;color:#f5f7fa;line-height:1.35}
.kt-frase b{color:var(--kt)}
.kt-frase .kt-frase-ico{font-size:19px;animation:kt-llama 1.6s ease-in-out infinite;transform-origin:50% 90%}

/* ---- tarjeta del compañero (reemplaza la fila de 2 botones; los botones originales quedan ocultos y se usan por debajo) ---- */
body .kp-card.kt-comp-on .ak-profile-tools{display:none!important}
.kt-comp{display:flex;align-items:center;gap:12px;margin:12px 18px 0;padding:10px 12px;border-radius:16px;border:1px solid var(--kt-linea,#344550);background:linear-gradient(110deg,var(--kt-suave,#87dfc11a),transparent 75%)}
.kt-comp-pet{width:56px;height:56px;flex:none;position:relative}
.kt-comp-pet img{width:100%;height:100%;object-fit:contain;transform-origin:50% 92%;animation:kt-respira 3.2s ease-in-out infinite}
.kt-comp-txt{flex:1;min-width:0}
.kt-comp-txt small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kt,#87dfc1)}
.kt-comp-txt strong{display:block;font:800 18px/1.15 Sora,Inter,sans-serif;color:#fff}
.kt-comp-txt span{display:block;font-size:12px;color:#adbeca}
.kt-comp-btns{display:flex;flex-direction:column;gap:6px}
.kt-comp-btns button{min-height:38px!important;padding:0 11px!important;border-radius:10px!important;font:650 12.5px Inter,sans-serif!important;cursor:pointer;white-space:nowrap}
.kt-comp-btns .kt-ver{background:var(--kt,#87dfc1)!important;background-image:var(--ak-grad)!important;color:#101820!important;border:0!important}
.kt-comp-btns .kt-cambiar{background:transparent!important;color:#f5f7fa!important;border:1px solid var(--kt-linea,#526671)!important}
#kp-prev .kt-comp{display:none!important}

/* ---- selector de tema (Personalizar) ---- */
.ak-palette.ak-palette-grad .ak-palette-sample{background:linear-gradient(110deg,var(--c) 0%,var(--c2) 55%,#101820 100%)}
.ak-palette.ak-palette-grad.on{border-image:none;border-color:var(--c2)}
.ak-palette[aria-checked="true"]{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}

@keyframes kt-llama{0%,100%{transform:scale(1) rotate(0)}30%{transform:scale(1.12) rotate(-6deg)}60%{transform:scale(.96) rotate(5deg)}}
@keyframes kt-respira{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-2px) scale(1.03,.975)}}
@keyframes kt-pop{0%{transform:scale(.7)}70%{transform:scale(1.12)}100%{transform:scale(1)}}
@media(max-width:370px){.kt-comp{margin:12px 14px 0;gap:9px}.kt-comp-pet{width:46px;height:46px}.kt-frase{margin:10px 14px 0}body .kp-card.ak-social-profile.kt-on .pp-stats b{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){.kt-frase .kt-frase-ico,.kt-comp-pet img,body .kp-card.kt-on .pp-stats .kt-ico,body .kp-card.kt-on .pp-stats b{animation:none!important}}