.bp-hud{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.bp-hud-pts{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--accent)}.bp-hud-racha{font-weight:700;font-size:.85rem;opacity:.55;transition:transform .2s var(--ease),opacity .2s}.bp-hud-racha.fuego{opacity:1;transform:scale(1.12);color:var(--gold)}.bp-progreso{display:flex;gap:4px;align-items:center}.bp-dot{width:9px;height:9px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border)}.bp-dot.actual{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}.bp-dot.ok{background:var(--success);border-color:var(--success)}.bp-dot.mal{background:var(--danger);border-color:var(--danger)}.bp-dot.tiempo{background:var(--warning);border-color:var(--warning)}.bp-timer{position:relative;height:22px;border-radius:var(--r-pill);background:var(--surface-inset);border:1px solid var(--border);overflow:hidden}.bp-timer-barra{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint-500),var(--cyan-500));transition:width .2s linear}.bp-timer.urgente .bp-timer-barra{background:linear-gradient(90deg,var(--rose-500),var(--gold-500));animation:bpPulso .6s ease-in-out infinite}.bp-timer-num{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.35)}@keyframes bpPulso{50%{filter:brightness(1.35)}}.bp-pregunta{padding:.7rem .95rem;min-height:3.2rem;display:flex;align-items:center}.bp-pregunta-texto{font-size:.98rem;font-weight:600;line-height:1.35}.bp-pregunta-texto p{margin:.25rem 0 0}.bp-pregunta-texto blockquote{margin:.3rem 0 0;padding-left:.6rem;border-left:3px solid var(--accent);font-weight:500}.bp-arena{position:relative;height:clamp(380px,58vh,540px);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;background:radial-gradient(680px 380px at 18% -10%,color-mix(in srgb,var(--cyan-500) 22%,transparent) 0%,transparent 60%),radial-gradient(560px 340px at 105% 8%,color-mix(in srgb,var(--violet-500) 18%,transparent) 0%,transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--blue-500) 30%,var(--surface-inset)),var(--surface-inset));touch-action:manipulation}.bp-deco span{position:absolute;bottom:-60px;width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in srgb,var(--cyan-400) 35%,transparent);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,#ffffff 18%,transparent),transparent 55%);animation:bpSube 9s linear infinite;opacity:0}.bp-deco span:nth-child(2n){width:20px;height:20px;animation-duration:7s}.bp-deco span:nth-child(3n){width:48px;height:48px;animation-duration:12s}@keyframes bpSube{0%{transform:translateY(0);opacity:0}12%{opacity:.5}88%{opacity:.35}to{transform:translateY(-620px);opacity:0}}.bp-bubble{position:absolute;left:0;top:0;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:12%;border:1.5px solid color-mix(in srgb,var(--cyan-400) 55%,transparent);background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.3),transparent 46%),color-mix(in srgb,var(--cyan-500) 24%,var(--surface-2));color:var(--text);font-weight:700;font-size:.84rem;line-height:1.2;cursor:pointer;will-change:transform;box-shadow:0 6px 18px #00000047,inset 0 0 18px color-mix(in srgb,var(--cyan-500) 22%,transparent);transition:filter .15s,opacity .3s;-webkit-tap-highlight-color:transparent}.bp-bubble:hover:not(:disabled){filter:brightness(1.12)}.bp-bubble:focus-visible{outline:none;box-shadow:var(--ring),0 6px 18px #00000047}.bp-bubble-texto{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.bp-bubble-texto sup,.bp-bubble-texto sub{font-size:.72em}.bp-key{position:absolute;top:12%;left:16%;width:17px;height:17px;display:grid;place-items:center;font-size:.6rem;font-weight:800;border-radius:50%;background:color-mix(in srgb,var(--ink-900) 55%,transparent);color:var(--cyan-400);border:1px solid color-mix(in srgb,var(--cyan-400) 40%,transparent)}.bp-bubble.correcta{border-color:var(--success);background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.4),transparent 46%),color-mix(in srgb,var(--success) 40%,var(--surface-2));animation:bpPop .55s var(--ease) forwards;pointer-events:none}@keyframes bpPop{35%{transform:scale(1.22);opacity:1}to{transform:scale(.1);opacity:0}}.bp-bubble.incorrecta{border-color:var(--danger);background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.25),transparent 46%),color-mix(in srgb,var(--danger) 38%,var(--surface-2));animation:bpSacudida .45s ease-in-out}@keyframes bpSacudida{20%,60%{margin-left:-7px}40%,80%{margin-left:7px}}.bp-bubble.revelada{border-color:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 35%,transparent),0 6px 18px #00000047;animation:bpLatido .9s ease-in-out infinite}@keyframes bpLatido{50%{filter:brightness(1.25)}}.bp-bubble.apagada{opacity:.35}.bp-burst{position:absolute;width:0;height:0;pointer-events:none;z-index:4}.bp-burst span{position:absolute;border-radius:50%;animation:bpParticula .75s ease-out forwards}@keyframes bpParticula{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.25);opacity:0}}.bp-float{position:absolute;z-index:5;font-family:var(--font-display);font-weight:800;font-size:1.05rem;pointer-events:none;transform:translate(-50%,-50%);animation:bpFlota 1s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.45)}.bp-float.ok{color:var(--success)}.bp-float.combo{color:var(--gold);font-size:.9rem}@keyframes bpFlota{0%{opacity:0;translate:0 8px}20%{opacity:1}to{opacity:0;translate:0 -46px}}.bp-feedback{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:.5rem;max-width:min(92%,560px);padding:.55rem 1rem;border-radius:var(--r-pill);font-weight:700;font-size:.9rem;background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);animation:bpFeedback .25s var(--ease)}@keyframes bpFeedback{0%{opacity:0;transform:translate(-50%) translateY(12px)}}.bp-feedback.ok{border-color:var(--success);color:var(--success)}.bp-feedback.mal{border-color:var(--danger);color:var(--danger)}.bp-feedback.tiempo{border-color:var(--warning);color:var(--warning)}.bp-feedback.error{border-color:var(--danger);color:var(--text)}.bp-feedback-correcta{color:var(--text);font-weight:600;background:color-mix(in srgb,var(--success) 16%,transparent);border-radius:var(--r-xs);padding:.1rem .45rem}.bp-chip-modo{cursor:pointer;border:1px solid var(--border);transition:all .15s var(--ease)}.bp-chip-modo.activo{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.bp-nivel{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.95rem;color:var(--text);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.22),transparent 50%),var(--surface-2);border:1.5px solid var(--border-strong);cursor:pointer;transition:all .15s var(--ease)}.bp-nivel:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent)}.bp-nivel.activo{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);color:var(--accent)}.bp-nivel.bloqueado{cursor:not-allowed;opacity:.45}.bp-nivel-estrella{position:absolute;top:-3px;right:-3px;color:var(--gold);fill:var(--gold)}.bp-reglas{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}.bp-reglas span{display:inline-flex;align-items:center;gap:.3rem}.bp-resultado .bp-marcador{font-family:var(--font-display);font-size:clamp(2.2rem,1.6rem + 2.4vw,3.4rem);font-weight:800;color:var(--accent);line-height:1;animation:bpMarcador .5s var(--ease)}@keyframes bpMarcador{0%{transform:scale(.6);opacity:0}}.bp-resumen{display:flex;flex-wrap:wrap;gap:.45rem 1.2rem;font-size:.92rem;font-weight:600}.bp-resumen span{display:inline-flex;align-items:center;gap:.35rem}.bp-resumen .ok{color:var(--success)}.bp-resumen .mal{color:var(--danger)}.bp-logro{display:flex;align-items:center;gap:.45rem;color:var(--gold);font-weight:700}@media(prefers-reduced-motion:reduce){.bp-deco span,.bp-timer.urgente .bp-timer-barra,.bp-bubble.revelada{animation:none}.bp-bubble.correcta{animation:none;opacity:0;transition:opacity .4s}.bp-bubble.incorrecta{animation:none}}@media(max-width:640px){.bp-arena{height:clamp(340px,52vh,460px)}.bp-bubble{font-size:.76rem}.bp-hud-pts{font-size:.95rem}}.rl-page{max-width:720px;margin:0 auto;width:100%}.rl-ronda{flex-shrink:0;margin-right:.6rem}.rl-arena{position:relative;border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;background:#0c1130;touch-action:none;box-shadow:0 10px 30px #00000059}.rl-canvas{display:block;width:100%}.rl-opciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}@media(min-width:560px){.rl-opciones{grid-template-columns:repeat(4,minmax(0,1fr))}}.rl-opcion{display:flex;align-items:center;gap:.45rem;padding:.4rem .55rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);font-size:.82rem;font-weight:600;line-height:1.25;min-height:2.4rem;transition:all .2s var(--ease)}.rl-letra{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:.72rem;font-weight:800;color:#0c1130;background:#a78bfa}.rl-opcion-texto{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.rl-opcion-texto img{max-height:52px;max-width:100%;border-radius:var(--r-xs)}.rl-opcion-texto sup,.rl-opcion-texto sub{font-size:.72em}.rl-opcion.correcta,.rl-opcion.revelada{border-color:var(--success);background:color-mix(in srgb,var(--success) 14%,var(--surface-2))}.rl-opcion.correcta .rl-letra,.rl-opcion.revelada .rl-letra{background:var(--success)}.rl-opcion.revelada{animation:bpLatido .9s ease-in-out infinite}.rl-opcion.incorrecta{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,var(--surface-2))}.rl-opcion.incorrecta .rl-letra{background:var(--danger)}.rl-opcion.apagada{opacity:.45}.rl-como{display:grid;gap:.5rem;font-size:.88rem}.rl-como span{display:flex;align-items:baseline;gap:.55rem}.rl-como b{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.75rem}.rl-pad{display:none;grid-template-areas:". arriba ." "izquierda abajo derecha";gap:6px;justify-content:center}.rl-pad-btn{width:52px;height:44px;display:grid;place-items:center;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}.rl-pad-btn:active{background:var(--accent-soft);border-color:var(--accent)}.rl-pad-btn.arriba{grid-area:arriba}.rl-pad-btn.izquierda{grid-area:izquierda}.rl-pad-btn.abajo{grid-area:abajo}.rl-pad-btn.derecha{grid-area:derecha}@media(pointer:coarse){.rl-pad{display:grid}}@media(prefers-reduced-motion:reduce){.rl-opcion.revelada{animation:none}}.arc-carta{display:grid;place-items:center;min-height:clamp(140px,26vh,220px);padding:1.25rem;border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);box-shadow:var(--shadow-md);transition:border-color .15s var(--ease),background .15s var(--ease)}.arc-carta.ok{border-color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--surface-2))}.arc-carta.mal{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface-2))}.arc-carta.sacude{animation:arc-sacude .34s var(--ease)}@keyframes arc-sacude{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.arc-enunciado{margin:0;text-align:center;font-size:clamp(1.05rem,4.2vw,1.5rem);line-height:1.35;font-weight:600;text-wrap:balance}.arc-enunciado.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}.arc-enunciado.grande{font-size:clamp(1.4rem,7vw,2.4rem)}.arc-igual{opacity:.5}.arc-binario{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.arc-boton-binario{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:clamp(56px,11vh,76px);padding:.6rem 1rem;border:2px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);color:var(--text);font-size:clamp(.95rem,3.4vw,1.15rem);font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease),border-color .12s var(--ease),background .12s var(--ease)}.arc-boton-binario.si{border-color:color-mix(in srgb,var(--success) 55%,var(--border-strong))}.arc-boton-binario.no{border-color:color-mix(in srgb,var(--danger) 55%,var(--border-strong))}.arc-boton-binario:hover:not(:disabled){transform:translateY(-2px)}.arc-boton-binario:active:not(:disabled){transform:translateY(1px)}.arc-boton-binario:focus-visible{outline:none;box-shadow:var(--ring)}.arc-boton-binario:disabled{cursor:default;opacity:.75}.arc-boton-binario.acierto{background:var(--success);border-color:var(--success);color:var(--ink-900);opacity:1}.arc-boton-binario.error{background:var(--danger);border-color:var(--danger);color:#fff;opacity:1}.arc-consigna{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0;padding:.5rem .75rem;border-radius:var(--r-md);background:var(--surface-inset);font-size:clamp(.85rem,3.2vw,1rem);text-align:center}.arc-tablero{display:grid;place-items:center;padding:.75rem}.arc-tablero:empty{display:none}.arc-ranura{display:inline-block;min-width:2.2em;margin:0 .15em;padding:0 .2em;border-bottom:3px solid var(--accent);border-radius:var(--r-xs);background:var(--accent-soft);text-align:center}.arc-ranura.llena{background:color-mix(in srgb,var(--accent) 28%,transparent)}.arc-fichas{display:grid;gap:.55rem;grid-template-columns:repeat(2,1fr)}.arc-fichas.n-3,.arc-fichas.n-6{grid-template-columns:repeat(3,1fr)}.arc-fichas.forma-compuertas{grid-template-columns:1fr}.arc-ficha{display:grid;place-items:center;min-height:clamp(52px,10vh,72px);padding:.5rem .75rem;border:2px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);color:var(--text);font-size:clamp(.95rem,3.6vw,1.25rem);font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease),border-color .12s var(--ease),background .12s var(--ease)}.arc-ficha.anima:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent)}.arc-ficha:active:not(:disabled){transform:translateY(1px)}.arc-ficha:focus-visible{outline:none;box-shadow:var(--ring)}.arc-ficha:disabled{cursor:default}.arc-ficha.acierto{background:var(--success);border-color:var(--success);color:var(--ink-900)}.arc-ficha.error{background:var(--danger);border-color:var(--danger);color:#fff}.arc-ficha.revelada{border-color:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 35%,transparent)}.arc-cuerda{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.5rem .25rem}.arc-cuerda-lado{font-size:clamp(.9rem,3.4vw,1.1rem);font-weight:700;white-space:nowrap}.arc-cuerda-pista{position:relative;height:10px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--success),var(--surface-3),var(--danger))}.arc-cuerda-nudo{position:absolute;top:50%;font-size:1.5rem;line-height:1;transform:translate(-50%,-50%)}.arc-cuerda-nudo.anima{transition:left .45s var(--ease)}.arc-marcador{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-radius:var(--r-md);background:var(--surface-inset);font-weight:700;font-size:clamp(.85rem,3.2vw,1.05rem)}.arc-marcador-yo{display:inline-flex;align-items:center;gap:.35rem;color:var(--success)}.arc-marcador-rival{display:inline-flex;align-items:center;gap:.35rem;color:var(--danger)}.arc-marcador-vs{opacity:.55;font-size:.8em}.arc-piensa{height:6px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.arc-piensa-barra{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--gold-500),var(--rose-500))}.arc-pregunta-larga{padding:.9rem 1rem;font-size:clamp(.98rem,3.6vw,1.2rem);line-height:1.45;text-wrap:pretty}.arc-opciones{display:grid;gap:.5rem}.arc-opcion{display:flex;align-items:center;gap:.6rem;min-height:clamp(48px,9vh,62px);padding:.55rem .8rem;border:2px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);color:var(--text);font-size:clamp(.92rem,3.4vw,1.05rem);font-weight:600;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease),border-color .12s var(--ease),background .12s var(--ease)}.arc-opcion:hover:not(:disabled){transform:translate(3px);border-color:var(--accent)}.arc-opcion:focus-visible{outline:none;box-shadow:var(--ring)}.arc-opcion:disabled{cursor:default}.arc-opcion.acierto{background:var(--success);border-color:var(--success);color:var(--ink-900)}.arc-opcion.error{background:var(--danger);border-color:var(--danger);color:#fff}.arc-opcion.revelada{border-color:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 35%,transparent)}.arc-inciso{display:grid;place-items:center;flex:0 0 auto;width:1.7em;height:1.7em;border-radius:var(--r-pill);background:var(--surface-3);font-size:.85em;font-weight:800}.arc-balanza{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.5rem;min-height:clamp(110px,22vh,180px)}.arc-balanza.sola{grid-template-columns:1fr}.arc-plato{display:grid;place-items:center;padding:.75rem;border:2px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1.2rem,6vw,2rem);font-weight:700;text-align:center;word-break:break-word}.arc-balanza-vs{display:grid;place-items:center;min-width:2ch;font-size:clamp(1.3rem,6vw,2rem);font-weight:800;color:var(--accent)}.arc-comparadores{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.arc-comparador{display:grid;place-items:center;min-height:clamp(56px,11vh,76px);border:2px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);color:var(--text);font-size:clamp(1.3rem,6vw,1.9rem);font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease),border-color .12s var(--ease),background .12s var(--ease)}.arc-comparador:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent)}.arc-comparador:focus-visible{outline:none;box-shadow:var(--ring)}.arc-comparador:disabled{cursor:default}.arc-comparador.acierto{background:var(--success);border-color:var(--success);color:var(--ink-900)}.arc-comparador.error{background:var(--danger);border-color:var(--danger);color:#fff}.arc-comparador.revelada{border-color:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 35%,transparent)}@media(prefers-reduced-motion:reduce){.arc-carta.sacude{animation:none}.arc-cuerda-nudo.anima,.arc-boton-binario,.arc-ficha,.arc-opcion,.arc-comparador{transition:none}.arc-boton-binario:hover:not(:disabled),.arc-ficha.anima:hover:not(:disabled),.arc-opcion:hover:not(:disabled),.arc-comparador:hover:not(:disabled){transform:none}}:root{--ink-980: #0a0c11;--ink-950: #0f1218;--ink-900: #13161c;--ink-850: #171b23;--ink-800: #1c2029;--ink-750: #222733;--ink-700: #2a3040;--cyan-400: #4fe0f7;--cyan-500: #0dcaf0;--cyan-600: #0aa5c6;--mint-400: #35d6a4;--mint-500: #1ba27c;--mint-600: #14805f;--gold-400: #ffc93c;--gold-500: #f9b701;--gold-600: #cf9700;--wine-400: #d8407e;--wine-500: #a10058;--wine-700: #70003b;--blue-500: #2257a3;--violet-500: #8b5cff;--rose-500: #ff5d73;--inst-comipems: #8000ff;--inst-ipn: #9c3350;--inst-uam: #b9c0cb;--inst-unam: #3a4a9e;--sub-mat: #0dcaf0;--sub-esp: #f9b701;--sub-fis: #8b5cff;--sub-qui: #1ba27c;--sub-his: #ff8a4c;--sub-bio: #35d6a4;--sub-hab: #d8407e;--r-xs: 8px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--container: 1280px;--sidebar-w: 244px;--topbar-h: 62px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display: "Sora", "Inter", var(--font-sans);--ease: cubic-bezier(.22, 1, .36, 1);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent)}:root,:root[data-theme=dark]{color-scheme:dark;--bg-canvas: var(--ink-900);--bg: radial-gradient(1100px 620px at 12% -14%, #0b2e3d 0%, transparent 58%), radial-gradient(880px 560px at 108% -6%, #2a0b26 0%, transparent 52%), var(--ink-900);--surface: #171b23;--surface-2: #1c212b;--surface-3: #232936;--surface-inset: #11141a;--surface-glass: rgba(19, 22, 28, .82);--text: #e9eef6;--text-soft: #b3bdcc;--text-mut: #8492a5;--text-faint: #5d6b7d;--border: #262d3a;--border-soft: #1e242f;--border-strong: #384254;--accent: var(--cyan-500);--accent-ink: #04222b;--accent-strong: var(--cyan-400);--accent-soft: color-mix(in srgb, var(--cyan-500) 16%, transparent);--brand2: var(--mint-400);--brand2-soft: color-mix(in srgb, var(--mint-500) 20%, transparent);--gold: var(--gold-500);--gold-soft: color-mix(in srgb, var(--gold-500) 18%, transparent);--wine: var(--wine-400);--wine-soft: color-mix(in srgb, var(--wine-400) 18%, transparent);--success: #35d6a4;--success-soft: color-mix(in srgb, #35d6a4 16%, transparent);--warning: #f9b701;--warning-soft: color-mix(in srgb, #f9b701 16%, transparent);--danger: #ff5d73;--danger-soft: color-mix(in srgb, #ff5d73 16%, transparent);--info: #4fe0f7;--info-soft: color-mix(in srgb, #4fe0f7 14%, transparent);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 14px 34px rgba(0, 0, 0, .46);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .58);--glow: 0 6px 26px color-mix(in srgb, var(--cyan-500) 32%, transparent);--hairline: rgba(255, 255, 255, .06);--skeleton: linear-gradient(90deg, #1c212b 25%, #262d3a 37%, #1c212b 63%)}:root[data-theme=light]{color-scheme:light;--bg-canvas: #eef2f8;--bg: radial-gradient(1000px 600px at 10% -12%, #d9f2fa 0%, transparent 56%), radial-gradient(820px 520px at 106% -8%, #fde7f1 0%, transparent 50%), #eef2f8;--surface: #ffffff;--surface-2: #f6f8fc;--surface-3: #eaeff7;--surface-inset: #f2f5fa;--surface-glass: rgba(255, 255, 255, .86);--text: #131b26;--text-soft: #3c4a5c;--text-mut: #64748b;--text-faint: #93a1b3;--border: #dde5ef;--border-soft: #e8eef6;--border-strong: #c3d0e0;--accent: #0a91b1;--accent-ink: #ffffff;--accent-strong: #06788f;--accent-soft: color-mix(in srgb, #0dcaf0 16%, transparent);--brand2: #12876a;--brand2-soft: color-mix(in srgb, #1ba27c 15%, transparent);--gold: #b07f00;--gold-soft: color-mix(in srgb, #f9b701 22%, transparent);--wine: #8d0049;--wine-soft: color-mix(in srgb, #a10058 12%, transparent);--success: #12875f;--success-soft: color-mix(in srgb, #1ba27c 15%, transparent);--warning: #a97400;--warning-soft: color-mix(in srgb, #f9b701 22%, transparent);--danger: #d02e46;--danger-soft: color-mix(in srgb, #ff5d73 15%, transparent);--info: #0a91b1;--info-soft: color-mix(in srgb, #0dcaf0 14%, transparent);--shadow-sm: 0 1px 3px rgba(19, 27, 38, .08), 0 2px 10px rgba(19, 27, 38, .05);--shadow-md: 0 12px 30px rgba(19, 27, 38, .1);--shadow-lg: 0 26px 60px rgba(19, 27, 38, .14);--glow: 0 8px 24px color-mix(in srgb, #0dcaf0 26%, transparent);--hairline: rgba(19, 27, 38, .06);--skeleton: linear-gradient(90deg, #eef2f8 25%, #e2e9f3 37%, #eef2f8 63%)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);background-attachment:fixed;background-color:var(--bg-canvas);color:var(--text);line-height:1.55;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:1.14;letter-spacing:-.022em;font-weight:700}h1{font-size:clamp(1.65rem,1.1rem + 2.4vw,3.2rem)}h2{font-size:clamp(1.35rem,1rem + 1.5vw,2.1rem)}h3{font-size:1.05rem}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}ul,ol{list-style:none;padding:0}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-xs)}::selection{background:var(--accent);color:var(--accent-ink)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:padding-box}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(.75rem,3vw,2rem)}.container-narrow{max-width:880px}.stack{display:flex;flex-direction:column;min-width:0}.row{display:flex;align-items:center;min-width:0}.row-top{align-items:flex-start}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.end{justify-content:flex-end}.grow{flex:1;min-width:0}.ml-auto{margin-left:auto}.mt-auto{margin-top:auto}.gap-1{gap:.35rem}.gap-2{gap:.6rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:2.25rem}.muted{color:var(--text-mut)}.soft{color:var(--text-soft)}.faint{color:var(--text-faint)}.tnum{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fs-xs{font-size:.72rem}.fs-sm{font-size:.82rem}.fs-md{font-size:.92rem}.fw-6{font-weight:600}.fw-7{font-weight:700}.display{font-family:var(--font-display)}.text-accent{color:var(--accent)}.text-gold{color:var(--gold)}.text-mint{color:var(--brand2)}.text-wine{color:var(--wine)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.center-text{text-align:center}.grad-text{background:linear-gradient(100deg,var(--cyan-400),var(--mint-400) 55%,var(--gold-400));-webkit-background-clip:text;background-clip:text;color:transparent}.only-sm{display:none!important}@media(max-width:860px){.hide-sm{display:none!important}.only-sm{display:flex!important;align-items:center}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position-x:-200%}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.45}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}to{box-shadow:0 0 0 12px transparent}}.animate-in{animation:fade-up .5s var(--ease) both}.animate-pop{animation:pop-in .35s var(--ease) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root[data-reduced-motion="1"] *,:root[data-reduced-motion="1"] *:before,:root[data-reduced-motion="1"] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root[data-large-text="1"]{font-size:112.5%}.btn{--btn-bg: var(--surface-3);--btn-fg: var(--text);--btn-bd: var(--border);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.05rem;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);font-weight:600;font-size:.9rem;line-height:1.2;white-space:nowrap;transition:transform .16s var(--ease),filter .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease),border-color .16s var(--ease)}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn:active{transform:translateY(0) scale(.985)}.btn svg{width:1.05em;height:1.05em;flex:none}.btn-primary{--btn-bg: linear-gradient(120deg, var(--cyan-500), var(--mint-500));--btn-fg: #04222b;--btn-bd: transparent;box-shadow:var(--glow)}.btn-gold{--btn-bg: linear-gradient(120deg, var(--gold-400), var(--gold-500));--btn-fg: #2a1d00;--btn-bd: transparent}.btn-wine{--btn-bg: linear-gradient(120deg, var(--wine-500), var(--wine-700));--btn-fg: #fff;--btn-bd: transparent}.btn-outline{--btn-bg: transparent;--btn-bd: var(--border-strong)}.btn-outline:hover{--btn-bd: var(--accent);color:var(--accent)}.btn-ghost{--btn-bg: transparent;--btn-bd: transparent;color:var(--text-soft)}.btn-ghost:hover{--btn-bg: var(--surface-3);color:var(--text)}.btn-danger{--btn-bg: var(--danger-soft);--btn-fg: var(--danger);--btn-bd: color-mix(in srgb, var(--danger) 35%, transparent)}.btn-sm{padding:.38rem .75rem;font-size:.8rem}.btn-lg{padding:.8rem 1.5rem;font-size:1rem}.btn-block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.icon-btn{display:inline-grid;place-items:center;justify-content:center;align-items:center;width:38px;height:38px;border-radius:var(--r-pill);color:var(--text-soft);border:1px solid transparent;position:relative;flex:none;transition:background .16s var(--ease),color .16s var(--ease)}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);position:relative;min-width:0}.card-flat{box-shadow:none;background:var(--surface-2)}.card-inset{background:var(--surface-inset);box-shadow:none}.card-pad{padding:1.05rem 1.15rem}.card-hover{transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.card-hover:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-head{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.15rem;border-bottom:1px solid var(--border-soft)}.card-head h3{display:flex;align-items:center;gap:.5rem;font-size:.98rem;min-width:0}.card-head .ml-auto{flex:none}.card-body{padding:1.05rem 1.15rem}.card-foot{padding:.75rem 1.15rem;border-top:1px solid var(--border-soft)}.card-ribbon{overflow:hidden}.card-ribbon:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--ribbon, var(--accent))}.logo-mark{display:grid;place-items:center;flex:none;font-family:var(--font-display);font-weight:800;color:#04222b;background:linear-gradient(135deg,var(--cyan-400),var(--mint-500));box-shadow:var(--glow);-webkit-user-select:none;user-select:none}.logo-img{display:inline-flex;align-items:center;flex:none;-webkit-user-select:none;user-select:none}.logo-img img{width:auto;display:block}.logo-img .logo-img-oscuro{display:none}:root[data-theme=light] .logo-img:not(.logo-img-fija) .logo-img-claro{display:none}:root[data-theme=light] .logo-img:not(.logo-img-fija) .logo-img-oscuro{display:block}.chip{display:inline-flex;align-items:center;gap:.32rem;padding:.2rem .6rem;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border);color:var(--text-soft);font-size:.74rem;font-weight:600;line-height:1.5;white-space:nowrap}.chip svg{width:.86em;height:.86em}.chip-accent{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.chip-mint{background:var(--brand2-soft);color:var(--brand2);border-color:color-mix(in srgb,var(--brand2) 30%,transparent)}.chip-gold{background:var(--gold-soft);color:var(--gold);border-color:color-mix(in srgb,var(--gold) 32%,transparent)}.chip-wine{background:var(--wine-soft);color:var(--wine);border-color:color-mix(in srgb,var(--wine) 32%,transparent)}.chip-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 32%,transparent)}.chip-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 32%,transparent)}.chip-lg{padding:.32rem .8rem;font-size:.8rem}.chip-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--cyan-600),var(--wine-500));color:#fff;font-weight:700;font-family:var(--font-display);overflow:hidden;flex:none;-webkit-user-select:none;user-select:none;letter-spacing:.01em}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:26px;height:26px;font-size:.6rem}.avatar-sm{width:34px;height:34px;font-size:.72rem}.avatar-md{width:42px;height:42px;font-size:.85rem}.avatar-lg{width:58px;height:58px;font-size:1.1rem}.avatar-xl{width:96px;height:96px;font-size:1.9rem}.avatar-ring{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.avatar-story{box-shadow:0 0 0 2px var(--surface),0 0 0 4px transparent;background-image:linear-gradient(135deg,var(--cyan-600),var(--wine-500))}.bar{height:7px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden;width:100%}.bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan-500),var(--mint-400));transition:width .8s var(--ease)}.bar-gold>span{background:linear-gradient(90deg,var(--gold-500),var(--gold-400))}.bar-wine>span{background:linear-gradient(90deg,var(--wine-500),var(--wine-400))}.bar-thin{height:5px}.bar-thick{height:10px}.ring{--size: 92px;--thick: 9px;--p: 0;--ring-color: var(--accent);width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(var(--ring-color) calc(var(--p) * 1%),color-mix(in srgb,var(--text-faint) 24%,transparent) 0);position:relative;transition:background .8s var(--ease)}.ring:before{content:"";position:absolute;inset:var(--thick);border-radius:50%;background:var(--surface)}.ring>*{position:relative;z-index:1;text-align:center;line-height:1.1}.ring-onsurface2:before{background:var(--surface-2)}.stat{display:flex;flex-direction:column;gap:.28rem;padding:.9rem 1rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);min-width:0}.stat-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent);flex:none}.subject-pic{width:46px;height:46px;border-radius:11px;object-fit:cover;flex:none;border:1px solid var(--border)}.stat-val{font-family:var(--font-display);font-weight:800;font-size:1.32rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.stat-lbl{font-size:.74rem;color:var(--text-mut);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.trend{font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:var(--r-pill)}.trend-up{color:var(--success);background:var(--success-soft)}.trend-down{color:var(--danger);background:var(--danger-soft)}.field{display:flex;flex-direction:column;gap:.32rem}.label{font-size:.78rem;font-weight:700;color:var(--text-soft);letter-spacing:.01em}.input,.select,.textarea{width:100%;padding:.62rem .85rem;border-radius:var(--r-md);background:var(--surface-inset);border:1px solid var(--border);color:var(--text);font-size:.9rem;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.textarea{resize:vertical;min-height:88px;line-height:1.5}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-mut) 50%),linear-gradient(135deg,var(--text-mut) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2.2rem}.hint{font-size:.74rem;color:var(--text-mut)}.input-group{display:flex;align-items:center;gap:.55rem;padding:0 .85rem;border-radius:var(--r-pill);background:var(--surface-inset);border:1px solid var(--border);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.input-group:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.input-group svg{width:17px;height:17px;color:var(--text-mut);flex:none}.input-group .input{border:none;background:none;padding-inline:0;padding-block:.55rem}.input-group .input:focus{box-shadow:none}.switch{--w: 40px;--h: 23px;position:relative;width:var(--w);height:var(--h);border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border);flex:none;transition:background .2s var(--ease),border-color .2s var(--ease)}.switch:after{content:"";position:absolute;top:50%;left:3px;translate:0 -50%;width:calc(var(--h) - 8px);height:calc(var(--h) - 8px);border-radius:50%;background:var(--text-mut);transition:left .2s var(--ease),background .2s var(--ease)}.switch[aria-checked=true]{background:linear-gradient(120deg,var(--cyan-500),var(--mint-500));border-color:transparent}.switch[aria-checked=true]:after{left:calc(100% - var(--h) + 5px);background:#fff}.check{width:19px;height:19px;border-radius:6px;border:1.5px solid var(--border-strong);display:grid;place-items:center;flex:none;color:transparent;transition:all .16s var(--ease)}.check[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.check svg{width:13px;height:13px}.tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-pill);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:.42rem .9rem;border-radius:var(--r-pill);font-size:.84rem;font-weight:600;color:var(--text-mut);white-space:nowrap;transition:all .16s var(--ease);display:inline-flex;align-items:center;gap:.4rem}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tab-count{font-size:.68rem;padding:0 .35rem;border-radius:var(--r-pill);background:var(--surface-3)}.utabs{display:flex;gap:1.2rem;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.utabs::-webkit-scrollbar{display:none}.utab{padding:.6rem .1rem;font-size:.86rem;font-weight:600;color:var(--text-mut);border-bottom:2px solid transparent;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;transition:all .16s var(--ease)}.utab:hover{color:var(--text)}.utab.active{color:var(--text);border-bottom-color:var(--accent)}.rail{position:relative}.rail-track{display:flex;gap:.85rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:.25rem .15rem .75rem;scrollbar-width:none}.rail-track::-webkit-scrollbar{display:none}.rail-track>*{scroll-snap-align:start;flex:none}.rail-nav{position:absolute;top:50%;translate:0 -50%;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow-md);z-index:2;opacity:0;transition:opacity .2s var(--ease),transform .2s var(--ease)}.rail:hover .rail-nav{opacity:1}.rail-nav:hover{background:var(--accent);color:var(--accent-ink);border-color:transparent}.rail-nav[disabled]{opacity:0!important;pointer-events:none}.rail-nav.prev{left:-14px}.rail-nav.next{right:-14px}@media(max-width:900px){.rail-nav{display:none}}.panel{border-radius:var(--r-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 62%,transparent);padding:.95rem 1.05rem .35rem}.panel-accent{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 70%)}.panel-warn{background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 10%,var(--surface)),var(--surface) 70%)}.panel-wine{background:linear-gradient(180deg,color-mix(in srgb,var(--wine) 10%,var(--surface)),var(--surface) 70%)}.panel-head{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}.panel-title{font-family:var(--font-display);font-weight:700;font-size:1.02rem;display:flex;align-items:center;gap:.5rem}.panel-sub{font-size:.8rem;color:var(--text-mut)}.list-row{display:flex;align-items:center;gap:.75rem;padding:.62rem 0;border-bottom:1px solid var(--border-soft);min-width:0}.list-row:last-child{border-bottom:none}.list-hover{border-radius:var(--r-md);padding-inline:.55rem;margin-inline:-.55rem;transition:background .16s var(--ease)}.list-hover:hover{background:var(--surface-2)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.86rem}.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-mut);font-weight:700;padding:.5rem .7rem;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:.7rem;border-bottom:1px solid var(--border-soft);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.acc-item{border-bottom:1px solid var(--border)}.acc-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.95rem .2rem;text-align:left;font-weight:600;font-size:.94rem}.acc-btn svg{flex:none;transition:transform .24s var(--ease);color:var(--text-mut)}.acc-btn[aria-expanded=true] svg.chev{transform:rotate(180deg);color:var(--accent)}.acc-panel{padding:0 .2rem 1rem;color:var(--text-soft);font-size:.9rem;animation:fade-up .28s var(--ease) both}.modal-scrim{position:fixed;inset:0;background:#06080cad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;display:grid;place-items:center;padding:1rem;animation:pop-in .2s var(--ease) both}.modal{width:min(560px,100%);max-height:88dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:pop-in .28s var(--ease) both}.toast-wrap{position:fixed;z-index:120;bottom:calc(1rem + env(safe-area-inset-bottom));left:50%;translate:-50% 0;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);font-size:.87rem;font-weight:600;animation:fade-up .25s var(--ease) both}.toast svg{color:var(--success);width:17px;height:17px;flex:none}.empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.6rem 1rem;text-align:center;color:var(--text-mut)}.empty-ico{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--surface-3);color:var(--text-faint)}.sk{background:var(--skeleton);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-sm)}.hr{height:1px;background:var(--border);border:none;margin:0}.divider-glow{display:flex;align-items:center;gap:.6rem}.divider-glow:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(to right,var(--mint-400),transparent)}.grid{display:grid;gap:1rem}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(246px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.achv{border-radius:var(--r-lg);padding:1.3rem 1.2rem;display:grid;place-items:center;gap:.35rem;text-align:center;color:#fff;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--achv-a, var(--cyan-600)),var(--achv-b, var(--wine-500)))}.achv:after{content:"";position:absolute;inset:-40% -10% auto;height:160%;background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent);z-index:-1}.achv-val{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,6vw,2.8rem);line-height:1;letter-spacing:-.03em}.achv-cap{font-size:.82rem;opacity:.92;font-weight:600}.achv-tag{position:absolute;top:.7rem;left:.7rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#00000038;padding:.16rem .5rem;border-radius:var(--r-pill)}.pub-nav{position:sticky;top:0;z-index:50;background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.pub-nav-inner{display:flex;align-items:center;gap:1rem;height:68px;padding-inline:clamp(.75rem,1.6vw,1.5rem)}@media(max-width:420px){.pub-nav-inner{gap:.55rem}.pub-nav-inner .btn-primary{padding-inline:.6rem;font-size:.78rem}}@media(max-width:344px){.pub-nav-inner .btn-primary{display:none}}.pub-nav-brand,.pub-nav-actions{flex:none}.pub-links{display:flex;align-items:center;gap:.3rem;margin-inline:auto}@media(max-width:860px){.pub-nav-actions{margin-left:auto}}.pub-link{padding:.45rem .75rem;border-radius:var(--r-pill);font-size:.88rem;font-weight:600;color:var(--text-soft);transition:all .16s var(--ease);display:inline-flex;align-items:center;gap:.3rem}.pub-link:hover,.pub-link.active{color:var(--text);background:var(--surface-3)}.pub-drawer{position:fixed;inset:0;z-index:80;background:var(--bg-canvas);padding:1rem;overflow-y:auto;animation:fade-up .2s var(--ease) both}.hero{position:relative;padding:clamp(2.6rem,6vw,5rem) 0 clamp(2rem,4vw,3.5rem);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.6rem,4vw,3.4rem);align-items:center}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .75rem .3rem .35rem;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--text-soft);width:fit-content}.eyebrow b{background:var(--accent-soft);color:var(--accent);padding:.1rem .5rem;border-radius:var(--r-pill);font-size:.72rem}.hero h1{margin-block:.7rem .6rem}.hero-lead{font-size:clamp(.98rem,.9rem + .3vw,1.14rem);color:var(--text-soft);max-width:54ch}.showcase{position:relative;border-radius:var(--r-xl);border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg);padding:.85rem;animation:fade-up .7s var(--ease) both}.showcase:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,color-mix(in srgb,var(--cyan-500) 55%,transparent),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.showcase-bar{display:flex;align-items:center;gap:.35rem;padding:.15rem .35rem .6rem}.showcase-bar i{width:9px;height:9px;border-radius:50%;background:var(--border-strong);display:block}.float-card{position:absolute;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);padding:.6rem .8rem;animation:float-y 5s ease-in-out infinite;z-index:2}@media(max-width:620px){.float-card{display:none}}.section{padding:clamp(2.4rem,5vw,4.2rem) 0}#cursos{scroll-margin-top:84px}.section-tight{padding:clamp(1.6rem,3vw,2.6rem) 0}.section-head{max-width:60ch;margin-bottom:clamp(1.4rem,3vw,2.2rem)}.section-head.center{margin-inline:auto;text-align:center}.section-head p{color:var(--text-mut);margin-top:.5rem}.kicker{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:1rem}.bento-item{padding:1.25rem;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);transition:transform .2s var(--ease),border-color .2s var(--ease)}.bento-item:hover{transform:translateY(-3px);border-color:var(--border-strong)}.bento-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;margin-bottom:.8rem}.step{display:flex;gap:.9rem;padding:1.1rem;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);position:relative}.step-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;background:linear-gradient(135deg,var(--cyan-500),var(--mint-500));color:#04222b;flex:none}.catalog-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}.catalog-filters{display:flex;flex-wrap:wrap;gap:.35rem}.filter-pill{min-height:36px;padding:.42rem .9rem;border-radius:var(--r-pill, 999px);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.filter-pill:hover{border-color:var(--border-strong);color:var(--text)}.filter-pill-on,.filter-pill-on:hover{background:var(--text);border-color:var(--text);color:var(--bg-canvas)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.course-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.course-cover{height:190px;position:relative;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.6rem;letter-spacing:-.02em;overflow:hidden}.course-cover:not(:has(.course-cover-img)):after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.28),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 8px,transparent 8px 16px)}.course-cover>span{position:relative;z-index:1;text-shadow:0 2px 14px rgba(0,0,0,.35)}.course-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .28s var(--ease)}.course-card:hover .course-cover-img{transform:scale(1.04)}.course-badge{position:absolute;z-index:2;top:.7rem;left:.7rem;padding:.28rem .6rem;border-radius:999px;background:#090e14db;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.01em;text-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.course-level{color:var(--brand2);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.course-meta{margin-top:auto;padding-top:.8rem}.course-rating{display:inline-flex;align-items:center;gap:.34rem;font-size:.78rem;font-weight:700;color:var(--text-soft)}.chip-soft{background:var(--surface-inset);border-color:transparent;font-size:.72rem}.course-actions{margin-top:.35rem;padding-top:.75rem;border-top:1px solid var(--border)}@media(max-width:560px){.course-card .card-pad{padding:.95rem .9rem}.course-cover{height:168px}.catalog-bar{flex-direction:column;align-items:stretch;gap:.55rem;margin-bottom:1.1rem}.catalog-filters{flex-wrap:nowrap;overflow-x:auto;min-width:0;width:calc(100% + 2*clamp(.75rem,3vw,2rem));margin-inline:calc(-1*clamp(.75rem,3vw,2rem));padding-inline:clamp(.75rem,3vw,2rem);scrollbar-width:none}.catalog-filters::-webkit-scrollbar{display:none}.filter-pill{flex:none;padding:.4rem .72rem;font-size:.79rem}.catalog-count{align-self:flex-end}}.hero-detalle{padding-top:clamp(3.4rem,7vw,6rem);padding-bottom:clamp(1.5rem,3vw,2.4rem)}.course-aside{position:sticky;top:90px;overflow:hidden}.course-aside-cover{height:190px;border-radius:0}.course-cta{align-self:center;margin-top:1.6rem}.detail-grid{grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}}@media(max-width:980px){.course-aside{position:static}.course-cta{align-self:center}}.tree-node>summary{display:flex;align-items:center;gap:.6rem;padding:.6rem .2rem;cursor:pointer;list-style:none;border-radius:var(--r-sm, 8px)}.tree-node>summary::-webkit-details-marker{display:none}.tree-node>summary:hover{background:var(--surface-2)}.tree-caret{flex:none;color:var(--text-faint);transition:transform .16s var(--ease)}.tree-node[open]>summary .tree-caret{transform:rotate(180deg)}.tree-dot{width:9px;height:9px;border-radius:50%;flex:none}.tree-children{padding-left:1.35rem;border-left:1px solid var(--border);margin-left:.55rem}.tree-node-sub>summary{padding:.42rem .2rem;color:var(--text-soft)}.tree-leaf{display:flex;align-items:center;gap:.6rem;padding:.34rem .2rem .34rem 1.35rem;color:var(--text-soft)}.quote{width:330px;padding:1.15rem;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:.7rem}.quote-mark{font-family:var(--font-display);font-size:2.4rem;line-height:.7;color:var(--accent);opacity:.5}.plan{display:flex;flex-direction:column;gap:.85rem;padding:1.4rem;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);position:relative}.plan-hl{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),var(--shadow-md);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 55%)}.plan-tag{position:absolute;top:-11px;left:50%;translate:-50% 0;padding:.14rem .7rem;border-radius:var(--r-pill);background:linear-gradient(120deg,var(--cyan-500),var(--mint-500));color:#04222b;font-size:.7rem;font-weight:800;white-space:nowrap}.plan-price{font-family:var(--font-display);font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1}.plan-feat{display:flex;gap:.55rem;align-items:flex-start;font-size:.87rem;color:var(--text-soft)}.plan-feat svg{flex:none;margin-top:2px}.cta-band{border-radius:var(--r-xl);padding:clamp(1.8rem,4vw,3rem);text-align:center;background:linear-gradient(135deg,var(--cyan-600),var(--wine-700));color:#fff;position:relative;overflow:hidden;isolation:isolate}.cta-band:after{content:"";position:absolute;inset:-50% -20% auto;height:200%;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);z-index:-1}.footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 50%,transparent);padding:2.6rem 0 1.4rem;margin-top:3rem}.footer-grid{display:flex;flex-wrap:wrap;gap:1.6rem}.footer-grid>:first-child{flex:1 1 22rem}.footer-grid>:not(:first-child){flex:0 1 9rem}@media(max-width:900px){.footer-grid>:first-child{flex-basis:100%}.footer-grid>:not(:first-child){flex:1 1 8rem}}.footer h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mut);margin-bottom:.7rem}.footer a{display:block;font-size:.87rem;color:var(--text-soft);padding:.22rem 0;transition:color .14s var(--ease)}.footer a:hover{color:var(--accent)}.footer-wa{display:inline-flex!important;align-items:center;color:inherit}.footer-wa:hover{color:var(--brand2)}.auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}@media(max-width:940px){.auth{grid-template-columns:minmax(0,1fr)}}.auth-side{position:relative;padding:clamp(1.6rem,4vw,3rem);display:flex;flex-direction:column;gap:1.4rem;color:#fff;background:linear-gradient(150deg,#0b2e3d 0%,var(--ink-900) 46%,#33082b 100%);overflow:hidden}.auth-side:after{content:"";position:absolute;inset:auto -20% -30%;height:60%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cyan-500) 30%,transparent),transparent);pointer-events:none}@media(max-width:940px){.auth-side{display:none}}.auth-main{display:grid;place-items:center;padding:clamp(1.2rem,4vw,2.6rem) clamp(1rem,4vw,2rem)}.auth-box{width:min(430px,100%);display:flex;flex-direction:column;gap:1.05rem}.auth-demo{border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);border-radius:var(--r-md);padding:.75rem .9rem;font-size:.82rem}.role-card{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);text-align:left;width:100%;transition:all .16s var(--ease)}.role-card:hover{border-color:var(--border-strong)}.role-card[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.role-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);color:var(--accent);flex:none}.stepper{display:flex;align-items:center;gap:.4rem}.stepper-dot{height:5px;flex:1;border-radius:var(--r-pill);background:var(--surface-3);transition:background .3s var(--ease)}.stepper-dot.on{background:linear-gradient(90deg,var(--cyan-500),var(--mint-500))}.shell{min-height:100dvh}.topbar{position:fixed;inset:0 0 auto;height:var(--topbar-h);z-index:60;display:flex;align-items:center;gap:.7rem;padding-inline:clamp(.7rem,2vw,1.2rem);background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.levelblock{display:grid;gap:.42rem;padding:.7rem .8rem .62rem;border-radius:var(--r-md);background:var(--surface-inset);border:1px solid var(--border-soft)}.levelblock-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.levelblock-level{min-width:0;overflow:hidden;font-size:.73rem;font-weight:800;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.levelblock-mr{flex:none;font-size:.79rem;color:var(--accent)}.levelblock-next{font-size:.68rem;color:var(--text-mut)}.levelblock-next b{color:var(--text-soft)}.levelblock-streak{display:flex;align-items:center;gap:.42rem;margin-top:.1rem;padding-top:.52rem;border-top:1px solid var(--border-soft);font-size:.72rem;color:var(--text-soft)}.levelblock-streak svg{flex:none;color:var(--gold)}.levelblock-streak small{margin-left:auto;flex:none;font-size:.65rem;color:var(--text-mut)}@media(max-width:480px){.topbar{gap:.35rem;padding-inline:.5rem}.topbar>.row{gap:.2rem}}@media(max-width:350px){.topbar-theme{display:none}}.course-switch{display:inline-flex;align-items:center;gap:.4rem;flex:none;max-width:11rem;padding:.34rem .6rem;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);font-size:.8rem;font-weight:700;line-height:1.4;transition:border-color .16s var(--ease),background .16s var(--ease)}.course-switch:hover,.course-switch.active{border-color:var(--accent);background:var(--surface-3)}.course-switch-dot{width:8px;height:8px;border-radius:50%;flex:none}.course-switch-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-switch-chev{flex:none;opacity:.65}@media(max-width:640px){.course-switch{max-width:6.5rem;font-size:.74rem;padding-inline:.5rem}}.course-option{display:flex;gap:.55rem;align-items:flex-start;width:100%;text-align:left;padding:.5rem .6rem;border-radius:var(--r-md);border-left:3px solid transparent;transition:background .14s var(--ease)}.course-option:hover{background:var(--surface-2)}.course-option.active{background:var(--accent-soft);border-left-color:var(--accent)}.course-dot{width:9px;height:9px;border-radius:50%;flex:none;margin-top:5px}.submenu{padding-left:.9rem;margin-left:.55rem;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:2px;animation:fade-up .18s var(--ease) both}.topbar-search{max-width:340px;flex:1}.topbar-search-toggle{display:none}@media(max-width:1080px){.topbar-search{display:none}.topbar-search-toggle{display:grid}}.search-scrim{position:fixed;inset:var(--topbar-h) 0 0;z-index:58;background:color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search-panel{position:fixed;top:calc(var(--topbar-h) + .65rem);left:50%;z-index:70;width:min(640px,calc(100vw - 1.6rem));overflow:hidden;translate:-50% 0;border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:pop-in .16s var(--ease) both}.search-panel-form{margin:.75rem;width:auto;background:var(--surface-inset);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-panel-form .input{height:40px}.search-panel-results{display:grid;gap:.2rem;padding:0 .65rem .65rem}.search-panel-label{padding:.2rem .45rem .35rem;color:var(--text-faint);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.search-result{display:flex;align-items:center;gap:.65rem;padding:.65rem .7rem;border-radius:var(--r-md);color:var(--text-soft);font-size:.88rem;font-weight:650;transition:background .14s var(--ease),color .14s var(--ease)}.search-result:hover,.search-result:focus-visible{color:var(--text);background:var(--surface-2);outline:none}.search-result-icon{width:31px;height:31px;display:grid;flex:none;place-items:center;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.search-result-icon svg{width:16px;height:16px}.search-empty{min-height:8rem}@media(max-width:620px){.search-panel{top:var(--topbar-h);width:100%;max-height:calc(100dvh - var(--topbar-h));border-right:0;border-left:0;border-radius:0 0 var(--r-lg) var(--r-lg)}.search-panel-results{max-height:calc(100dvh - var(--topbar-h) - 9.5rem);overflow-y:auto}}.badge-dot{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--danger);color:#fff;font-size:.6rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--surface);font-variant-numeric:tabular-nums}.pop{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 1.6rem));background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:70;overflow:hidden;animation:pop-in .16s var(--ease) both}.pop-left{left:0;right:auto}.pop-course{width:min(320px,calc(100vw - 1.6rem))}@media(max-width:620px){.pop-left,.notif-pop{position:fixed;top:var(--topbar-h);left:.8rem;right:.8rem;width:auto}}.pop-head{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid var(--border-soft);font-weight:700;font-size:.9rem}.pop-list{max-height:340px;overflow-y:auto}.pop-foot{padding:.55rem .9rem;border-top:1px solid var(--border-soft);text-align:center}.pop-item{display:flex;gap:.65rem;padding:.7rem .9rem;border-left:3px solid transparent;transition:background .14s var(--ease);width:100%;text-align:left}.pop-item:hover{background:var(--surface-2)}.pop-item.unread{background:color-mix(in srgb,var(--accent) 6%,transparent)}.pop-item.p1{border-left-color:var(--danger)}.pop-item.p2{border-left-color:var(--warning)}.pop-item.p3{border-left-color:var(--accent)}.sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;width:var(--sidebar-w);z-index:55;background:var(--surface);border-right:1px solid var(--border);padding:.85rem .7rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem;transition:transform .26s var(--ease)}.side-user{display:flex;align-items:center;gap:.6rem;padding:.55rem;border-radius:var(--r-md);background:var(--surface-inset);margin-bottom:.65rem;transition:background .16s var(--ease)}.side-user:hover{background:var(--surface-3)}.nav-group{font-size:.64rem;font-weight:800;letter-spacing:.12em;color:var(--text-faint);padding:.8rem .6rem .3rem;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.52rem .6rem;border-radius:var(--r-md);color:var(--text-soft);font-size:.875rem;font-weight:600;position:relative;transition:background .14s var(--ease),color .14s var(--ease)}.nav-item svg{width:18px;height:18px;flex:none;color:var(--text-mut);transition:color .14s var(--ease)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item:hover svg{color:var(--text-soft)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active svg{color:var(--accent)}.nav-badge{flex:none;min-width:1.15rem;height:1.15rem;padding-inline:.28rem;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:.64rem;font-weight:800}.nav-item.active:before{content:"";position:absolute;left:-.7rem;top:50%;translate:0 -50%;width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-badge{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:var(--r-pill);background:var(--danger);color:#fff;font-size:.66rem;font-weight:800;display:grid;place-items:center;font-variant-numeric:tabular-nums}.main-col{padding-top:var(--topbar-h);padding-left:var(--sidebar-w);transition:padding-left .26s var(--ease)}.shell[data-collapsed=true] .sidebar{transform:translate(calc(-1 * var(--sidebar-w)))}.shell[data-collapsed=true] .main-col{padding-left:0}.page{padding:clamp(.9rem,2vw,1.5rem);max-width:1480px;margin-inline:auto;animation:fade-up .34s var(--ease) both}.page-flush{padding:0;max-width:none;height:calc(100dvh - var(--topbar-h));overflow:hidden}.tabbar{display:none}@media(max-width:1000px){.sidebar-toggle,.sidebar{display:none}.main-col{padding-left:0}.page{padding-bottom:5.6rem}.tabbar{display:flex;position:fixed;inset:auto 0 0;z-index:65;background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:.35rem .15rem calc(.35rem + env(safe-area-inset-bottom))}.tab-link{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:2px;padding:.3rem .15rem;border-radius:var(--r-md);color:var(--text-mut);font-size:.6rem;font-weight:700;position:relative;text-align:center}.tab-link span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-link svg{width:20px;height:20px;flex:none}.tab-link.active{color:var(--accent)}}@media(min-width:1001px){.sheet,.sheet-scrim{display:none}}.sheet-scrim{position:fixed;inset:0;background:#06080c9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:63;animation:pop-in .18s var(--ease) both}.sheet{position:fixed;inset:auto 0 0;z-index:64;background:var(--surface);border-top:1px solid var(--border-strong);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-lg);padding:.4rem .8rem calc(4.1rem + env(safe-area-inset-bottom));max-height:80dvh;overflow-y:auto;animation:sheet-up .26s var(--ease) both}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet-grab{width:38px;height:4px;border-radius:var(--r-pill);background:var(--border-strong);margin:.4rem auto .7rem}.sheet .nav-item{padding:.7rem .6rem;font-size:.92rem}.sheet-progress{display:none}@media(max-width:1000px){.sheet-progress{display:block;margin-bottom:.75rem}}.panel-hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .7rem;padding-block:.2rem}.hero-title{font-size:clamp(1.25rem,1.05rem + .9vw,1.6rem);margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.metric{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start;gap:.45rem;padding:.9rem 1rem;min-width:0}.metric+.metric{border-left:1px solid var(--border)}.metric-lbl{font-size:.74rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-mut);line-height:1.25}.metric-val{font-family:var(--font-display);font-weight:800;font-size:clamp(1.55rem,1.15rem + 1.4vw,2.05rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric-unit{font-size:.52em;margin-left:.08em;color:var(--text-mut)}.metric-rule{height:5px}.metric-foot{font-size:.74rem;color:var(--text-mut);line-height:1.3}.nextstep{display:flex;flex-direction:column;gap:.6rem;padding:1.15rem 1.25rem;border-radius:var(--r-lg);border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface) 62%)}.nextstep-done{border-color:color-mix(in srgb,var(--mint-400) 34%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--mint-400) 10%,var(--surface)),var(--surface) 62%)}.nextstep-eyebrow{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.nextstep-eyebrow.is-done{color:var(--mint-400)}.goal-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .7rem}.goal-strip .goal-dot{width:22px;height:5px}.nextstep-title{font-family:var(--font-display);font-size:clamp(1.15rem,1rem + .85vw,1.5rem);line-height:1.2;letter-spacing:-.02em}.nextstep-why{font-size:.95rem;line-height:1.5;color:var(--text-soft);max-width:64ch}.nextstep-meta{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;font-size:.78rem;color:var(--text-mut)}.nextstep-meta>span{display:inline-flex;align-items:center;gap:.32rem}.nextstep-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.2rem}.nextstep-alts{display:grid;gap:.5rem;margin-top:.4rem;padding-top:.75rem;border-top:1px solid var(--border);animation:fade-up .18s var(--ease) both}.nextstep-alt{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);transition:border-color .16s var(--ease)}.nextstep-alt:hover{border-color:var(--accent)}.rc-suggested{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.explore-head{display:flex;align-items:center;gap:.7rem;margin-top:.5rem;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mut)}.explore-head:after{content:"";flex:1;height:1px;background:var(--border)}@media(max-width:640px){.home-feed>.nextstep{border-inline:0;border-radius:0}.home-feed>.explore-head{padding-inline:.75rem}}.metrics-foot{grid-column:1 / -1;display:flex;justify-content:flex-end;padding:.55rem 1rem;border-top:1px solid var(--border)}.rc{width:268px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.rc:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.rc-body{padding:.8rem .85rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.rc-foot{padding:.5rem .85rem;font-size:.78rem;font-weight:700;text-align:center;color:var(--accent-ink);background:linear-gradient(120deg,var(--cyan-500),var(--mint-500))}.rc-foot-soft{background:var(--surface-3);color:var(--text-soft)}.rc-narrow{width:208px}.rc-wide{width:300px}.subject-card{width:288px;display:flex;gap:.75rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);overflow:hidden;padding-right:.85rem;transition:transform .18s var(--ease),border-color .18s var(--ease)}.subject-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.subject-thumb{width:74px;flex:none;display:grid;place-items:center;font-size:1.7rem;color:#fff;position:relative}.subject-thumb:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 6px,transparent 6px 12px)}.game-card{width:240px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:transform .18s var(--ease)}.game-card:hover{transform:translateY(-3px)}.game-cover{height:104px;display:grid;place-items:center;font-size:2.4rem;position:relative}.game-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 30% 0%,rgba(255,255,255,.3),transparent 65%)}.person-card{width:186px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);padding:.9rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;transition:transform .18s var(--ease),border-color .18s var(--ease)}.person-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.dash-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1rem;align-items:start}@media(max-width:1180px){.dash-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-home{padding-inline:0}.home-feed{gap:.5rem}.home-feed>.hero{padding-inline:.75rem}.home-feed>.metrics{border-inline:0;border-radius:0}.home-feed .metric{padding:.75rem .6rem;gap:.35rem}.home-feed .metric-lbl{font-size:.66rem}.home-feed .panel{padding:.75rem 0 .15rem;border:0;border-radius:0;box-shadow:none}.home-feed .panel-head{margin-bottom:.35rem;padding-inline:.75rem}.home-feed .rail-track{gap:.5rem;padding:2px 2px .55rem;scroll-padding-inline:2px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.home-feed .rail-track>*{scroll-snap-stop:always}.home-feed .rc,.home-feed .subject-card,.home-feed .game-card{width:min(86vw,340px);border:0;box-shadow:none}.home-feed .rc-narrow{width:min(70vw,280px)}.home-feed .person-card{width:min(58vw,230px);border:0;box-shadow:none}.home-feed .dash-grid,.home-feed .dash-grid>.stack{gap:.5rem}.home-feed .card{border:0;border-radius:0;box-shadow:none}.home-feed .card-head,.home-feed .card-foot{padding:.75rem;border:0}.home-feed .card-body,.home-feed .card-pad{padding:.75rem}.home-feed .list-row{border-bottom:0}}.goal-dots{display:flex;gap:5px}.goal-dot{width:26px;height:6px;border-radius:var(--r-pill);background:var(--surface-3)}.goal-dot.on{background:linear-gradient(90deg,var(--cyan-500),var(--mint-400))}.group-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:1.2rem}@media(max-width:780px){.group-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.doubt-row{flex-direction:column;align-items:stretch}.doubt-row .btn{justify-content:center}}.live{border-color:color-mix(in srgb,var(--danger) 38%,var(--border));background:linear-gradient(150deg,color-mix(in srgb,var(--danger) 7%,var(--surface)),var(--surface) 55%)}.live-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--danger);box-shadow:0 0 color-mix(in srgb,var(--danger) 60%,transparent);animation:live-pulse 1.8s ease-out infinite}@keyframes live-pulse{70%{box-shadow:0 0 0 8px transparent}}.cluster{overflow:hidden}.cluster.done{border-color:color-mix(in srgb,var(--success) 32%,var(--border))}.cluster-head{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem .75rem;text-align:left;transition:background .14s var(--ease)}.cluster-head:hover{background:var(--surface-2)}.cluster-ico{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--surface-3);color:var(--text-mut)}.cluster-ico.done{background:var(--success-soft);color:var(--success)}.cluster-body{padding:.2rem .85rem .85rem;border-top:1px solid var(--border-soft);animation:fade-up .18s var(--ease) both}.cluster-samples{margin:0;padding-left:1.1rem;display:grid;gap:.25rem;font-size:.78rem;color:var(--text-mut)}.diag{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:var(--r-pill);font-size:.72rem;font-weight:700;white-space:nowrap;cursor:help}.diag.ok{background:var(--success-soft);color:var(--success)}.diag.warn{background:color-mix(in srgb,var(--gold-500) 18%,transparent);color:var(--gold-500)}.diag.bad{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.diag.mute{background:var(--surface-3);color:var(--text-mut)}.stack-bar{display:flex;height:9px;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-3)}.stack-bar>span{height:100%;transition:width .6s var(--ease)}.examtype{display:flex}.examtype>.card-body{flex:1}.examtype.locked{opacity:.82}.examtype-ico{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--surface-3);color:var(--text-mut)}.examtype-ico[data-kind=simulacro]{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.examtype-ico[data-kind=express]{background:color-mix(in srgb,var(--gold-500) 18%,transparent);color:var(--gold-500)}.examtype-ico[data-kind=materia]{background:color-mix(in srgb,var(--violet-500) 18%,transparent);color:var(--violet-500)}.examtype-pic{width:46px;height:46px;border-radius:14px;object-fit:cover;flex:none;border:1px solid var(--border)}.examtype-cost{display:flex;flex-wrap:wrap;gap:.2rem 1rem;font-size:.78rem;color:var(--text-mut)}.examtype-cost b{font-size:1.02rem;color:var(--text-soft);margin-right:.15rem}.shell[data-exam=true] .sidebar,.shell[data-exam=true] .tabbar,.shell[data-exam=true] .sidebar-toggle{display:none}.shell[data-exam=true] .main-col{padding-left:0}.shell[data-exam=true] .page{padding-bottom:1.5rem}.exam-gate{max-width:980px;margin-inline:auto;padding-block:clamp(1rem,4vh,3rem)}.exam-gate-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1rem;align-items:start}@media(max-width:820px){.exam-gate-grid{grid-template-columns:minmax(0,1fr)}}.exam-tips{margin:0;padding-left:1.1rem;display:grid;gap:.3rem;font-size:.86rem;color:var(--text-soft)}.exam-bar{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.7rem .9rem;margin-bottom:.75rem;border-radius:var(--r-lg);border:1px solid var(--border-strong);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.exam-clock{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;padding:.3rem .7rem;border-radius:var(--r-pill);background:var(--surface-3);font-size:1.05rem;font-weight:800}.exam-clock.alert{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger);animation:pulse-soft 1.4s ease-in-out infinite}@keyframes pulse-soft{50%{opacity:.6}}.exam-map{padding:.85rem;margin-bottom:.75rem;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);animation:fade-up .18s var(--ease) both}.exam-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:.35rem;max-height:240px;overflow-y:auto}.exam-cell{height:34px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);font-size:.74rem;font-weight:700;color:var(--text-mut)}.exam-cell.done{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.exam-cell.flag{border-color:var(--gold-500);color:var(--gold-500)}.exam-dot{display:inline-block;width:9px;height:9px;border-radius:3px;border:1px solid var(--border);background:var(--surface-2);vertical-align:middle;margin-right:.15rem}.exam-dot.done{background:var(--accent);border-color:var(--accent)}.exam-dot.flag{border-color:var(--gold-500);background:transparent}.exam-flag{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);color:var(--text-mut)}.exam-flag.on{border-color:var(--gold-500);color:var(--gold-500);background:color-mix(in srgb,var(--gold-500) 14%,transparent)}.qopt.pick{cursor:pointer;border:1px solid transparent}.qopt.pick:hover{background:var(--surface-2)}.qopt.pick.chosen{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text)}.exam-paused{border-color:color-mix(in srgb,var(--gold-500) 42%,var(--border))}.revacc-head{display:flex;align-items:center;gap:.6rem;width:100%;padding:.85rem 1rem;text-align:left;transition:background .14s var(--ease);border-radius:inherit}.revacc-head:hover{background:var(--surface-2)}.revacc-body{display:grid;gap:.6rem;padding:.2rem 1rem 1rem;border-top:1px solid var(--border-soft);animation:fade-up .18s var(--ease) both}.qcard{display:flex;flex-direction:column;gap:.45rem;padding:.85rem .95rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-inset)}.qpassage{padding:.6rem .75rem;border-radius:var(--r-md);border:1px dashed var(--border-strong);background:var(--surface);font-size:.82rem;color:var(--text-soft)}.qopts{display:grid;gap:.25rem}.qopt{display:flex;align-items:center;gap:.45rem;padding:.28rem .5rem;border-radius:var(--r-sm, 8px);font-size:.82rem;color:var(--text-mut)}.qopt.ok{background:var(--success-soft);color:var(--success);font-weight:700}.qopt.bad{color:var(--danger);text-decoration:line-through}.qopt-tag{font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.75;text-decoration:none}.qexplain{font-size:.82rem;color:var(--text-soft);padding-left:.5rem;border-left:2px solid var(--border-strong)}.qask{align-self:flex-start;color:var(--violet-500)}.ans-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:var(--r-pill);font-size:.72rem;font-weight:700}.ans-tag.ok{background:var(--success-soft);color:var(--success)}.ans-tag.bad{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.ans-tag.blank{background:var(--surface-3);color:var(--text-mut)}.mrow{display:grid;grid-template-columns:4.1rem 1fr 2.5rem;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-mut)}.mrow>span:last-child{text-align:right}.temario-grid{display:grid;position:relative;grid-template-columns:380px minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.temario-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden;background:var(--surface);border-right:1px solid var(--border)}.temario-side-close,.temario-side-toggle,.temario-side-scrim{display:none}.temario-side-head{display:flex;flex-direction:column;gap:.7rem;padding:.8rem .9rem .9rem;border-bottom:1px solid var(--border-soft)}.temario-side-list{min-height:0;overflow-y:auto;padding:.5rem .55rem .8rem}.temario-side-label{font-size:.62rem;font-weight:800;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;padding:.35rem .45rem .3rem}.temario-side-foot{padding:.7rem .9rem;border-top:1px solid var(--border-soft);background:var(--surface-inset)}.temario-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden}.temario-main>.card-head{border-bottom:1px solid var(--border-soft)}.temario-main-body{min-height:0;overflow-y:auto;padding:1.1rem;display:grid;align-content:center}.temario-main-body-visor{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0}@media(max-width:1000px){.temario-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.temario-side{position:absolute;inset:0 auto 0 0;z-index:8;width:min(340px,calc(100% - 3rem));border-right:1px solid var(--border-strong);box-shadow:var(--shadow-lg);transform:translate(0);transition:transform .24s var(--ease)}.temario-side.closed{transform:translate(-102%)}.temario-side-close,.temario-side-toggle{display:grid}.temario-side-scrim{position:absolute;inset:0;z-index:7;display:block;width:100%;background:#06080c94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.temario-main{height:100%}.temario-main>.card-head{padding-inline:.65rem}.temario-main-body{padding:.85rem .75rem}.temario-main-body-visor{padding:0}}.tnode-head{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .45rem;border-radius:var(--r-md);text-align:left;transition:background .14s var(--ease)}.tnode-head:hover{background:var(--surface-2)}.tnode-head.sub{padding-block:.4rem;color:var(--text-soft)}.tnode-title{font-size:.85rem;font-weight:650;min-width:0}.tnode-head.sub .tnode-title{font-size:.8rem;font-weight:600}.tnode-chev{flex:none;color:var(--text-mut);transition:transform .18s var(--ease)}.tnode-chev.open{transform:rotate(90deg)}.tnode-num{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--text-mut);font-size:.66rem;font-weight:800}.tnode-num.done{background:var(--success-soft);color:var(--success)}.tnode-num.current{background:var(--accent-soft);color:var(--accent)}.tnode-kids{margin-left:.55rem;padding-left:.55rem;border-left:1px solid var(--border)}.tnode-leaf{padding:.35rem 0 .35rem .3rem}.tnode-leaf-title{display:block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding-bottom:.25rem}.mat-row{display:flex;align-items:center;gap:.55rem;width:100%;padding:.4rem .45rem;border-radius:var(--r-md);border:1px solid transparent;text-align:left;transition:background .14s var(--ease),border-color .14s var(--ease)}.mat-row:hover{background:var(--surface-2)}.mat-row.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.mat-ico{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);color:var(--text-mut)}.mat-ico[data-kind=video]{background:color-mix(in srgb,var(--wine-400) 18%,transparent);color:var(--wine-400)}.mat-ico[data-kind=pdf],.mat-ico[data-kind=ensayo],.mat-ico[data-kind=lectura]{background:color-mix(in srgb,var(--cyan-500) 16%,transparent);color:var(--cyan-400)}.mat-ico[data-kind=apunte],.mat-ico[data-kind=referencia]{background:color-mix(in srgb,var(--gold-500) 18%,transparent);color:var(--gold-500)}.mat-ico[data-kind=interactivo],.mat-ico[data-kind=esquema],.mat-ico[data-kind=cronologia],.mat-ico[data-kind=mapa],.mat-ico[data-kind=lamina]{background:color-mix(in srgb,var(--violet-500) 18%,transparent);color:var(--violet-500)}.mat-ico[data-kind=audio]{background:color-mix(in srgb,var(--mint-500) 18%,transparent);color:var(--mint-400)}.mat-viewer{flex:1;min-width:0;min-height:0;gap:0}.mat-stage{display:grid;place-items:center;min-height:0;width:100%;height:100%;border:0;border-radius:0;background:var(--surface-inset)}.mat-frame,.mat-media{width:100%;min-height:min(420px,100%);height:100%;border:0;border-radius:0;background:#fff}.mat-media{object-fit:contain;background:#05070a}.mat-audio{width:min(640px,90%)}.mat-progress-controls{justify-content:flex-end;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.mat-page-input{width:76px;min-height:32px;padding:.35rem .5rem}.mat-stage[data-kind=video],.mat-stage[data-kind=audio]{background:linear-gradient(140deg,var(--surface-3),var(--surface-inset))}.mat-play{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink)}.mat-sheet{display:grid;gap:.55rem;width:min(70%,320px)}.mat-sheet i{height:8px;border-radius:var(--r-pill);background:var(--surface-3)}.mat-sheet i:nth-child(2){width:85%}.mat-sheet i:nth-child(3){width:92%}.mat-sheet i:nth-child(4){width:60%}.lesson-row{display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--surface);transition:border-color .16s var(--ease),transform .16s var(--ease)}.lesson-row:hover{border-color:var(--border-strong);transform:translate(2px)}.lesson-row.locked{opacity:.55}.lesson-ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none}.kc-row{display:grid;grid-template-columns:92px minmax(0,1fr) 44px;gap:.7rem;align-items:center;font-size:.8rem}.kc-code{font-family:var(--font-mono, monospace);font-size:.7rem;color:var(--text-mut);letter-spacing:-.02em}.exam-row{display:flex;align-items:center;gap:.9rem;padding:.85rem .95rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);transition:border-color .16s var(--ease)}.exam-row:hover{border-color:var(--border-strong)}.score-pill{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-family:var(--font-display);font-weight:800;font-size:.95rem;flex:none}.tutor-grid{display:grid;position:relative;grid-template-columns:300px minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.tutor-brand{width:34px;height:34px;flex:none;background:var(--violet-500);color:#fff}.tutor-title{font-size:1.05rem}.tutor-thread-icon{width:28px;height:28px;flex:none;background:var(--surface-3);color:var(--text-mut)}.tutor-online{width:6px;height:6px;background:var(--success)}.tutor-message-avatar{width:30px;height:30px}.tutor-context,.tutor-notice,.tutor-welcome{width:min(100%,820px);margin-inline:auto}.tutor-context,.tutor-notice{padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.tutor-context{color:var(--violet-500)}.tutor-context .muted{color:var(--text-mut)}.tutor-notice{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--gold)}.tutor-notice-error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.tutor-chat>.card-head .input{min-height:34px;padding-block:.35rem}.tutor-side{display:grid;grid-template-rows:auto 1fr auto;min-height:0;overflow:hidden;background:var(--surface);border-right:1px solid var(--border)}.tutor-side-close,.tutor-history-toggle,.tutor-side-scrim{display:none}.tutor-side-head{padding:1rem 1.05rem;border-bottom:1px solid var(--border-soft);display:flex;flex-direction:column;gap:.55rem}.tutor-side-list{min-height:0;overflow-y:auto;padding:.55rem;display:flex;flex-direction:column;gap:2px}.tutor-side-foot{padding:.85rem 1rem;border-top:1px solid var(--border-soft);background:var(--surface-inset)}.tutor-side-label{font-size:.62rem;font-weight:800;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;padding:.35rem .6rem .2rem}.thread{display:flex;gap:.6rem;align-items:flex-start;width:100%;text-align:left;padding:.55rem .6rem;border-radius:var(--r-md);transition:background .14s var(--ease)}.thread:hover{background:var(--surface-2)}.thread.active{background:var(--accent-soft)}.thread.active .thread-title{color:var(--accent)}.tutor-chat{display:grid;grid-template-rows:auto 1fr auto;min-height:0;overflow:hidden}.tutor-chat>.card-head{border-bottom:0}.chat-scroll{min-height:0;overflow-y:auto;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.9rem}.chat-scroll>.row{width:min(100%,820px);margin-inline:auto}@media(max-width:1000px){.page-flush{padding:0;height:calc(100dvh - var(--topbar-h) - 3.7rem - env(safe-area-inset-bottom))}}@media(max-width:1000px){.tutor-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.tutor-side{position:absolute;inset:0 auto 0 0;z-index:8;width:min(320px,calc(100% - 3rem));grid-template-rows:auto minmax(0,1fr) auto;border-right:1px solid var(--border-strong);box-shadow:var(--shadow-lg);transform:translate(-102%);transition:transform .24s var(--ease)}.tutor-side.open{transform:translate(0)}.tutor-side-close,.tutor-history-toggle{display:grid}.tutor-side-scrim{position:absolute;inset:0;z-index:7;display:block;width:100%;background:#06080c94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tutor-chat{height:100%}.tutor-chat>.card-head{padding-inline:.65rem}.chat-scroll,.chat-bar{padding-inline:.75rem}}.bubble{max-width:min(78%,560px);padding:.75rem .95rem;border-radius:var(--r-lg);font-size:.9rem;line-height:1.55;white-space:pre-wrap;animation:pop-in .25s var(--ease) both}.bubble-ai{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:6px;align-self:flex-start}.bubble-me{background:linear-gradient(120deg,var(--cyan-600),var(--mint-600));color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.chat-bar{padding:.7rem .9rem .8rem;background:transparent}.chat-bar-inner{width:min(100%,820px);margin-inline:auto;display:flex;gap:.6rem;align-items:flex-end;padding:.4rem .45rem .4rem .85rem;border:1px solid var(--border-strong);border-radius:22px;background:var(--surface-2);box-shadow:var(--shadow-sm);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.chat-bar-inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-bar-inner .textarea{flex:1;min-height:40px;max-height:132px;padding:.55rem .15rem;resize:none;overflow-y:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:1.45}.chat-bar-inner .textarea:focus{border:0;box-shadow:none;outline:none}.chat-send{width:38px;height:38px;min-width:38px;padding:0;display:grid;place-items:center;border-radius:50%}.chat-send:disabled{opacity:.38}.typing{display:inline-flex;gap:4px;align-items:center}.typing i{width:6px;height:6px;border-radius:50%;background:var(--text-mut);animation:pulse-soft 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.profile-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;align-items:center}@media(max-width:640px){.profile-head{grid-template-columns:auto minmax(0,1fr);gap:1rem}}.profile-stats{display:flex;gap:1.6rem}.profile-stats b{font-variant-numeric:tabular-nums}.grid-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}.grid-post{aspect-ratio:1;border-radius:4px;display:grid;place-items:center;text-align:center;padding:.5rem;color:#fff;font-weight:700;font-size:.78rem;position:relative;overflow:hidden}.grid-post-audience{position:absolute;z-index:2;left:.35rem;bottom:.35rem}.grid-post-audience .audience-chip{background:#080a0e9e;border-color:#ffffff3d;color:#fff}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.6rem}.lib-card{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--surface-2)}.lib-ico{flex:none;width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-3);color:var(--text-mut)}.lib-ico[data-kind=material]{background:var(--accent-soft);color:var(--accent)}.lib-ico[data-kind=tutor]{background:color-mix(in srgb,var(--violet-500) 18%,transparent);color:var(--violet-500)}.lib-ico[data-kind=reactivo]{background:var(--gold-soft);color:var(--gold)}.lib-ico[data-kind=post]{background:var(--wine-soft);color:var(--wine)}.notes-panel{display:flex;flex-direction:column;gap:.55rem;margin-top:.9rem;padding:.85rem .9rem;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--surface-inset)}.notes-panel-bare{margin-top:0;padding:0;border:0;background:transparent}.foot-actions{justify-content:flex-end}@media(max-width:560px){.foot-actions .btn-label{display:none}.foot-actions .btn-outline{padding-inline:.6rem}}.sheet-veil{position:fixed;inset:0;z-index:70;background:color-mix(in srgb,var(--bg-canvas) 45%,transparent);animation:sheet-veil-in .16s var(--ease)}.sheet{position:fixed;z-index:71;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.7rem;max-height:min(70dvh,34rem);padding:.6rem clamp(.9rem,3vw,1.6rem) clamp(.9rem,3vw,1.4rem);border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);box-shadow:var(--shadow-lg);animation:sheet-in .2s var(--ease)}@media(min-width:900px){.sheet{left:auto;right:clamp(1rem,3vw,2.5rem);width:min(30rem,100%);bottom:clamp(1rem,3vw,2rem);border-radius:var(--r-lg);border:1px solid var(--border)}}.sheet-grip{width:38px;height:4px;border-radius:999px;background:var(--border-strong);align-self:center;flex:none}.sheet-head{flex:none}.sheet-body{min-height:0;overflow-y:auto}@keyframes sheet-in{0%{transform:translateY(12px);opacity:0}}@keyframes sheet-veil-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.sheet,.sheet-veil{animation:none}}.note-row{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .6rem;border-radius:var(--r-sm);border:1px solid var(--border-soft);background:var(--surface)}.note-row svg{flex:none;margin-top:3px;color:var(--gold)}.note-card{display:flex;flex-direction:column;gap:.4rem;padding:.75rem .85rem;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--surface-2);border-left:3px solid var(--gold)}.link-card{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface)}.code-box{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:.16em;padding:.85rem 1rem;border-radius:var(--r-md);border:1.5px dashed var(--border-strong);background:var(--surface-inset);text-align:center}.badge-tile{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.95rem .6rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);text-align:center;transition:transform .18s var(--ease)}.badge-tile:hover{transform:translateY(-3px)}.badge-emoji{font-size:1.9rem;line-height:1;filter:none}.badge-tile.off{opacity:.5}.badge-tile.off .badge-emoji{filter:grayscale(1)}.social{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.2rem;align-items:start;max-width:1120px;margin-inline:auto}@media(max-width:1100px){.social{grid-template-columns:minmax(0,1fr)}.social-aside{position:static}}.social-feed{display:flex;flex-direction:column;gap:1rem;max-width:620px;width:100%;margin-inline:auto}.social-aside{position:sticky;top:calc(var(--topbar-h) + 1rem);display:flex;flex-direction:column;gap:1rem}.stories{display:flex;gap:.9rem;overflow-x:auto;padding:.9rem 1rem;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:none;width:68px}.story-ring{width:62px;height:62px;border-radius:50%;padding:2.5px;background:conic-gradient(from 210deg,var(--cyan-400),var(--gold-500),var(--wine-400),var(--cyan-400));display:grid;place-items:center;transition:transform .18s var(--ease)}.story:hover .story-ring{transform:scale(1.05)}.story-ring.seen{background:var(--border-strong)}.story-inner{width:100%;height:100%;border-radius:50%;padding:2.5px;background:var(--surface);display:grid;place-items:center}.story-name{font-size:.68rem;color:var(--text-mut);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.story-add{position:absolute;right:0;bottom:0;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;border:2px solid var(--surface)}.story-viewer{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem}.story-scrim{position:absolute;inset:0;background:#000000b8;border:0}.story-card{position:relative;width:min(420px,100%);max-height:min(720px,90dvh);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg, 0 20px 60px rgb(0 0 0 / .4))}.story-progress{display:flex;gap:3px;padding:.55rem .9rem 0}.story-bar{flex:1;height:3px;border-radius:2px;background:var(--border-strong)}.story-bar.on{background:var(--accent)}.story-body{flex:1;min-height:260px;display:grid;place-items:center;padding:1.4rem;background:linear-gradient(155deg,var(--violet-500),var(--wine-500));color:#fff;text-align:center}.story-body p{font-size:1.25rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.story-body img{max-width:100%;max-height:100%;border-radius:var(--r-md);object-fit:contain}.composer{display:flex;gap:.75rem;padding:.9rem 1rem;align-items:flex-start}.composer textarea{border:none;background:none;resize:none;width:100%;min-height:40px;font-size:.94rem;line-height:1.5;padding:.4rem 0}.composer textarea:focus{outline:none}.composer-tools{display:flex;gap:.3rem;align-items:center;padding-top:.4rem;border-top:1px solid var(--border-soft)}.post{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;animation:fade-up .35s var(--ease) both}.post-head{display:flex;align-items:center;gap:.65rem;padding:.8rem .95rem}.post-auto-tag{display:inline-flex;align-items:center;gap:.28rem;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:.08rem .42rem;border-radius:var(--r-pill)}.post-text{padding:0 .95rem .85rem;font-size:.93rem;line-height:1.55;white-space:pre-wrap}.post-actions{display:flex;align-items:center;gap:.15rem;padding:.5rem .6rem;border-top:1px solid var(--border-soft)}.act{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .65rem;border-radius:var(--r-pill);color:var(--text-mut);font-size:.8rem;font-weight:700;transition:all .16s var(--ease)}.act:hover{background:var(--surface-2);color:var(--text)}.act.on{color:var(--danger)}.act.on svg{fill:var(--danger)}.act.saved{color:var(--gold)}.act.saved svg{fill:var(--gold)}.act svg{width:17px;height:17px;transition:transform .18s var(--ease)}.act:active svg{transform:scale(.82)}.comments{padding:.2rem .95rem .85rem;display:flex;flex-direction:column;gap:.55rem}.comment{display:flex;gap:.5rem;align-items:flex-start;font-size:.86rem;line-height:1.45}.comment-bubble{background:var(--surface-2);border-radius:var(--r-md);padding:.4rem .65rem;min-width:0}.comment-form{display:flex;gap:.5rem;align-items:center;padding:.55rem .95rem .85rem}.comment-form input{flex:1;border:none;background:var(--surface-inset);border-radius:var(--r-pill);padding:.5rem .85rem;font-size:.86rem}.comment-form input:focus{outline:none;box-shadow:var(--ring)}.suggest-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0}.rank-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;font-size:.85rem}.rank-pos{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:.72rem;font-weight:800;background:var(--surface-3);color:var(--text-mut);flex:none}.rank-row.you{background:var(--accent-soft);border-radius:var(--r-md);padding-inline:.5rem;margin-inline:-.5rem}.rank-row.you .rank-pos{background:var(--accent);color:var(--accent-ink)}.rank-1{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:#2a1d00}.rank-2{background:linear-gradient(135deg,#d6dde8,#9aa6b6);color:#1b222c}.rank-3{background:linear-gradient(135deg,#e0a06a,#b06f3a);color:#2a1500}.trend-row{display:flex;flex-direction:column;padding:.35rem 0}.trend-tag{font-weight:700;font-size:.88rem;color:var(--accent)}.person-link{color:inherit;min-width:0;display:inline-flex;align-items:center;border-radius:var(--r-xs)}.person-link:hover,.person-link:hover b{color:var(--accent)}.person-link:focus-visible{outline:none;box-shadow:var(--ring)}.audience-chip{display:inline-flex;align-items:center;gap:.25rem;flex:none;padding:.06rem .42rem;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-mut);font-size:.64rem;font-weight:700}.audience-chip svg{width:11px;height:11px}.audience-picker{display:inline-flex;gap:2px;padding:2px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);align-self:flex-start}.audience-option{display:inline-flex;align-items:center;gap:.32rem;padding:.24rem .62rem;border-radius:var(--r-pill);font-size:.72rem;font-weight:700;color:var(--text-mut);transition:background .16s var(--ease),color .16s var(--ease)}.audience-option:hover{color:var(--text)}.audience-option.active{background:var(--accent);color:var(--accent-ink)}.audience-option svg{width:12px;height:12px}.safety-card{border-color:color-mix(in srgb,var(--brand2) 26%,var(--border))}.safety-card .card-head h3{color:var(--brand2)}.safety-compact .card-body{gap:.35rem}.safety-compact .card-body p{font-size:.8rem}.safety-hint{display:flex;align-items:flex-start;gap:.45rem;padding:.5rem .6rem;border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--warning) 38%,transparent);background:var(--warning-soft);color:var(--text-soft);font-size:.76rem;line-height:1.4}.safety-hint svg{flex:none;margin-top:2px;color:var(--warning)}.kbd{display:inline-block;padding:0 .28rem;border-radius:5px;border:1px solid var(--border-strong);background:var(--surface-2);font-size:.82em;font-weight:700;line-height:1.5}.pop-label{padding:.4rem .6rem .25rem;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.comment-report{flex:none;align-self:flex-start;padding:0 .3rem;color:var(--text-faint);opacity:0;transition:opacity .16s var(--ease)}.comment:hover .comment-report,.comment-report:focus-visible{opacity:1}.action-toast{position:fixed;z-index:60;left:50%;bottom:1.4rem;transform:translate(-50%);display:flex;align-items:center;gap:.55rem;width:min(30rem,calc(100vw - 2rem));padding:.65rem .75rem;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-md);font-size:.84rem;animation:fade-up .22s var(--ease) both}.action-toast svg{flex:none;color:var(--accent)}@media(max-width:1000px){.action-toast{bottom:5rem}}.profile-actions{flex:none;width:11rem}@media(max-width:720px){.profile-actions{width:100%}}.msg-grid{display:grid;grid-template-columns:330px minmax(0,1fr);position:relative;height:100%;min-height:0;overflow:hidden}.msg-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden;background:var(--surface);border-right:1px solid var(--border)}.msg-side-close,.msg-side-toggle,.msg-side-scrim{display:none}.msg-side-head{display:flex;flex-direction:column;gap:.55rem;padding:1rem 1.05rem;border-bottom:1px solid var(--border-soft)}.msg-side-list{min-height:0;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:2px}.msg-side-foot{padding:.75rem 1rem;border-top:1px solid var(--border-soft);background:var(--surface-inset)}.msg-row{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .6rem;border-radius:var(--r-sm);text-align:left;transition:background .16s var(--ease)}.msg-row:hover{background:var(--surface-2)}.msg-row.active{background:var(--accent-soft)}.msg-unread{flex:none;min-width:1.25rem;height:1.25rem;padding-inline:.3rem;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:.66rem;font-weight:800}.msg-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden;background:var(--surface)}.msg-body{min-height:0;overflow-y:auto;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.msg-safety{display:flex;align-items:flex-start;gap:.45rem;margin-bottom:.4rem;padding:.55rem .7rem;border-radius:var(--r-sm);background:var(--surface-inset);border:1px solid var(--border-soft);color:var(--text-mut);font-size:.75rem;line-height:1.45}.msg-safety svg{flex:none;margin-top:2px;color:var(--brand2)}.msg-bubble{max-width:min(30rem,78%);padding:.5rem .7rem;border-radius:var(--r-md);font-size:.87rem;line-height:1.45}.msg-bubble small{display:block;margin-top:.15rem;font-size:.63rem;opacity:.7}.msg-bubble.mine{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:5px}.msg-bubble.theirs{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border-soft);border-bottom-left-radius:5px}.msg-composer{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-soft);background:var(--surface-inset)}@media(max-width:1000px){.msg-grid{grid-template-columns:minmax(0,1fr)}.msg-side{position:absolute;inset:0 auto 0 0;z-index:8;width:min(330px,calc(100% - 3rem));border-right:1px solid var(--border-strong);box-shadow:var(--shadow-lg);transform:translate(-102%);transition:transform .24s var(--ease)}.msg-side.open{transform:translate(0)}.msg-side-close,.msg-side-toggle{display:grid}.msg-side-scrim{position:absolute;inset:0;z-index:7;display:block;width:100%;background:#06080c94}}:root,:root[data-theme=dark]{--bg-canvas: #060f1c;--bg: radial-gradient(1200px 800px at 15% -10%, #122b4d 0%, transparent 55%), radial-gradient(900px 700px at 110% 10%, #2a1330 0%, transparent 50%), #060f1c;--surface: #0c1c33;--surface-2: #102844;--surface-3: #16304f;--surface-inset: #0a1728;--surface-glass: rgba(6, 15, 28, .82);--text: #eaf1fb;--text-soft: #b6c6dc;--text-mut: #7f93ad;--text-faint: #566a85;--border: #1e3a5c;--border-soft: #17304d;--border-strong: #2b4d75;--accent: #f36b3b;--accent-ink: #ffffff;--accent-strong: #ff8757;--accent-soft: color-mix(in srgb, #f36b3b 20%, transparent);--glow: 0 4px 14px color-mix(in srgb, #f36b3b 30%, transparent);--hairline: rgba(255, 255, 255, .06);--skeleton: linear-gradient(90deg, #102844 25%, #16304f 37%, #102844 63%)}:root[data-theme=light]{--bg-canvas: #eef3fa;--bg: radial-gradient(1100px 700px at 12% -8%, #e6f0ff 0%, transparent 55%), radial-gradient(900px 700px at 108% 6%, #ffe9e0 0%, transparent 50%), #eef3fa;--surface: #ffffff;--surface-2: #f6f9fe;--surface-3: #eef3fb;--surface-inset: #f0f4fa;--surface-glass: rgba(255, 255, 255, .86);--text: #11233d;--text-soft: #38506e;--text-mut: #64758f;--text-faint: #93a3ba;--border: #dce6f2;--border-soft: #e8eff7;--border-strong: #c6d5e8;--accent: #e8542f;--accent-ink: #ffffff;--accent-strong: #c93f1c;--accent-soft: color-mix(in srgb, #e8542f 14%, transparent);--glow: 0 4px 14px color-mix(in srgb, #e8542f 24%, transparent);--hairline: rgba(17, 35, 61, .06);--skeleton: linear-gradient(90deg, #eef3fb 25%, #f6f9fe 37%, #eef3fb 63%)}.btn-primary{--btn-bg: linear-gradient(120deg, var(--accent), var(--accent-strong));--btn-fg: #ffffff;--btn-bd: transparent}:root[data-theme=light] .btn-primary{--btn-fg: #ffffff}.grad-text{background:linear-gradient(100deg,var(--accent-strong),#f2b134 70%,#ffd27a);-webkit-background-clip:text;background-clip:text;color:transparent}.cta-band{background:linear-gradient(135deg,#102844,#7a1e2e 62%,#e8542f)}.logo-mark{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#fff}.auth-side{background:linear-gradient(150deg,#122b4d,#060f1c 48%,#4a1220)}.auth-side:after{background:radial-gradient(closest-side,color-mix(in srgb,#f36b3b 32%,transparent),transparent)}