:root{--bg: #ECEEF4;--surface: #FFFFFF;--ink: #191C33;--muted: #596081;--line: #D8DBE8;--accent: #3A55D4;--m-bg: #0D0F21;--m-ink: #F3F4FB;--m-muted: #A6ABC9;--m-glass: rgba(255,255,255,.08);--m-glass-line: rgba(255,255,255,.14);--brand: #3A55D4;--xp: #FFC94A;--ok: #3ECB8C;--bad: #FF6E6E;--f-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--f-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #090B17;--surface: #131628;--ink: #E7E9F6;--muted: #9096B6;--line: #252942;--accent: #8FA3FF;color-scheme:dark}}:root[data-theme=dark]{--bg: #090B17;--surface: #131628;--ink: #E7E9F6;--muted: #9096B6;--line: #252942;--accent: #8FA3FF;color-scheme:dark}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--xp);outline-offset:2px;border-radius:8px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.app{height:100dvh;display:flex;justify-content:center;align-items:center;background:var(--bg)}.phone{position:relative;width:100%;height:100%;overflow:hidden;background:var(--m-bg);color:var(--m-ink)}@media(min-width:700px){.phone{width:420px;height:min(880px,calc(100dvh - 32px));border-radius:30px;box-shadow:0 30px 60px -20px #0d0f2173,0 0 0 1px #0d0f211f}}.topbar{position:absolute;inset:0 0 auto 0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 16px 26px;background:linear-gradient(rgba(13,15,33,.7),transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;pointer-events:auto}.brand[disabled]{cursor:default}.mark{width:30px;height:30px;flex:0 0 auto;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:var(--brand);color:#fff;font-family:var(--f-display);font-weight:800;font-size:13px;letter-spacing:-.01em;box-shadow:inset 0 0 0 1px #ffffff2e}.mark img{width:100%;height:100%;object-fit:contain;background:#fff}.mark.logo{width:auto;max-width:132px;padding:5px 9px;background:#fff}.mark.logo img{width:auto;max-width:100%;height:100%}.brand-txt{display:grid;line-height:1.15;min-width:0}.brand-name{font-family:var(--f-display);font-weight:800;font-size:17px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.brand-by{font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;color:var(--m-muted)}.brand-by span{color:var(--xp)}.pills{display:flex;gap:6px}.pill{font-family:var(--f-mono);font-size:12px;font-weight:600;padding:4px 9px;border-radius:99px;white-space:nowrap;background:var(--m-glass);border:1px solid var(--m-glass-line)}.pill.xp{color:var(--xp)}.pill.bump{animation:bump .5s ease}@keyframes bump{40%{transform:scale(1.18)}}.feed{position:absolute;inset:0 0 calc(58px + env(safe-area-inset-bottom)) 0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.cap{--h: 210;position:relative;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:radial-gradient(120% 70% at 85% 10%,hsl(var(--h) 70% 34% / .9),transparent 60%),radial-gradient(90% 60% at 0% 100%,hsl(calc(var(--h) + 40) 60% 22%),transparent 70%),var(--m-bg)}.cap-info{position:absolute;left:16px;right:78px;bottom:18px;z-index:3;display:grid;gap:6px;pointer-events:none}.chip{justify-self:start;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:4px 10px 4px 8px;border-radius:99px;background:#0d0f218c;border:1px solid var(--m-glass-line)}.chip i{width:8px;height:8px;border-radius:50%;background:hsl(var(--h) 85% 62%)}.chip .done{color:var(--ok);margin-left:2px}.chip.ref{background:#f4b62533;border-color:#f5be3d80;color:var(--xp)}.cap-title{margin:0;font-family:var(--f-display);font-weight:700;font-size:19px;line-height:1.2;text-wrap:balance;text-shadow:0 1px 12px rgba(0,0,0,.4)}.cap-meta{font-family:var(--f-mono);font-size:11.5px;color:var(--m-muted);letter-spacing:.02em}.rail{position:absolute;right:8px;bottom:22px;z-index:4;display:flex;flex-direction:column;gap:14px;align-items:center}.rbtn{display:grid;justify-items:center;gap:2px;width:56px;font-size:11px;color:var(--m-ink)}.rbtn .ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0d0f2173;border:1px solid var(--m-glass-line);transition:transform .15s ease}.rbtn:active .ic{transform:scale(.9)}.rbtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rbtn.on.like svg{fill:var(--bad);stroke:var(--bad)}.rbtn.on.save svg{fill:var(--xp);stroke:var(--xp)}.rbtn .n{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.vstage{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.vbg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.vbg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0f218c,#0d0f21b8 45%,#0d0f21f0)}.vbg~.blob{opacity:.25}.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:drift 14s ease-in-out infinite alternate;animation-play-state:paused}.b1{width:260px;height:260px;left:-60px;top:18%;background:hsl(var(--h) 90% 55%)}.b2{width:200px;height:200px;right:-40px;top:46%;background:hsl(calc(var(--h) - 50) 90% 60%);animation-duration:11s}.cap.playing .blob{animation-play-state:running}@keyframes drift{to{transform:translate(60px,-50px) scale(1.25)}}.scene{position:absolute;left:22px;right:80px;top:26%;display:grid;gap:12px}.scene-k{font-family:var(--f-mono);font-size:12px;color:hsl(var(--h) 90% 78%);letter-spacing:.08em}.scene-t{margin:0;font-family:var(--f-display);font-weight:800;font-size:38px;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}.scene-s{margin:0;font-size:18px;line-height:1.4;color:#f3f4fbe0;max-width:30ch}.scene.in .scene-t{animation:rise .55s cubic-bezier(.2,.8,.2,1) both}.scene.in .scene-s{animation:rise .55s .12s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{transform:translateY(18px);opacity:0}}.vprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff26;z-index:4}.vprog i{display:block;height:100%;width:0;background:var(--m-ink)}.playicon{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#0d0f2180;border:1px solid var(--m-glass-line)}.playicon svg{width:32px;height:32px;fill:var(--m-ink)}.cards{position:absolute;top:70px;right:0;bottom:150px;left:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.cards::-webkit-scrollbar{display:none}.card{flex:0 0 100%;box-sizing:border-box;padding:0 76px 0 18px;scroll-snap-align:start}.card-in{height:100%;box-sizing:border-box;padding:24px 22px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:linear-gradient(160deg,hsl(var(--h) 40% 30% / .55),#ffffff0a);border:1px solid var(--m-glass-line);border-radius:22px;cursor:pointer}.card-in.has-img{justify-content:flex-end;background:linear-gradient(180deg,#0d0f2126,#0d0f21cc 55%,#0d0f21f2),var(--img) center / cover}.card-n{font-family:var(--f-mono);font-size:12px;color:hsl(var(--h) 90% 78%);letter-spacing:.08em}.card h3{margin:0;font-family:var(--f-display);font-weight:800;font-size:28px;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.card p{margin:0;font-size:17px;color:#f3f4fbe0}.card-hint{font-size:12.5px;color:var(--m-muted);margin-top:6px}.dots{position:absolute;left:18px;right:76px;bottom:124px;display:flex;gap:6px;justify-content:center}.dots i{width:22px;height:4px;border-radius:2px;background:#fff3;transition:background .2s}.dots i.on{background:var(--m-ink)}.quiz{position:absolute;left:16px;right:74px;top:74px;bottom:140px;display:flex;flex-direction:column;justify-content:center;gap:14px}.quiz-k{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--xp)}.quiz-q{margin:0;font-family:var(--f-display);font-weight:700;font-size:22px;line-height:1.22;text-wrap:balance}.opts{display:grid;gap:9px}.opt{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;text-align:left;padding:12px 14px;border-radius:14px;font-size:15px;line-height:1.35;background:var(--m-glass);border:1px solid var(--m-glass-line);transition:background .15s,border-color .15s}.opt:hover:not([disabled]){background:#ffffff24}.opt b{font-family:var(--f-mono);font-size:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f}.opt[disabled]{cursor:default}.opt.ok{border-color:var(--ok);background:#3ecb8c29}.opt.ok b{background:var(--ok);color:var(--m-bg)}.opt.bad{border-color:var(--bad);background:#ff6e6e24}.opt.bad b{background:var(--bad);color:var(--m-bg)}.fb{font-size:14px;line-height:1.45;padding:10px 12px;border-radius:12px;background:#0d0f2180;border-left:3px solid var(--ok)}.fb.bad{border-left-color:var(--bad)}.fb strong{display:block;margin-bottom:2px}.view{position:absolute;inset:0 0 calc(58px + env(safe-area-inset-bottom)) 0;z-index:5;overflow-y:auto;background:var(--m-bg);padding:64px 18px 24px;box-sizing:border-box}.view h2{margin:0 0 4px;font-family:var(--f-display);font-weight:800;font-size:28px;letter-spacing:-.02em}.view .lead{margin:0 0 18px;color:var(--m-muted);font-size:14px}.route{padding:14px 0;border-top:1px solid var(--m-glass-line)}.route-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.route-h h3{margin:0;font-size:16px;font-weight:700}.route-h .mono{font-size:12px;color:var(--m-muted);white-space:nowrap}.bar{height:6px;border-radius:3px;background:#ffffff1a;margin:8px 0 10px;overflow:hidden}.bar i{display:block;height:100%;border-radius:3px;background:hsl(var(--h) 85% 62%)}.route ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.route li button{width:100%;display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;text-align:left;padding:7px 6px;border-radius:8px;font-size:14px}.route li button:hover{background:var(--m-glass)}.st{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--m-muted);box-sizing:border-box}.st.done{background:var(--ok);border-color:var(--ok)}.route li .mono{font-size:11px;color:var(--m-muted)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat{padding:14px;border-radius:16px;background:var(--m-glass);border:1px solid var(--m-glass-line)}.stat .v{font-family:var(--f-display);font-weight:800;font-size:30px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .l{font-size:12px;color:var(--m-muted);margin-top:6px}.stat.xp .v{color:var(--xp)}.goal{padding:14px;border-radius:16px;border:1px solid var(--m-glass-line)}.goal .bar i{background:var(--xp)}.goal p{margin:0;font-size:13px;color:var(--m-muted)}.bench{margin-top:18px;padding:16px 14px;border-radius:16px;background:var(--m-glass);border:1px solid var(--m-glass-line);display:grid;gap:14px}.bench-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.bench-h h3{margin:0;font-size:15px}.seg{display:flex;padding:3px;border-radius:99px;background:#0d0f2199;border:1px solid var(--m-glass-line)}.seg button{font-size:12px;font-weight:600;padding:4px 11px;border-radius:99px;color:var(--m-muted)}.seg button[aria-selected=true]{background:var(--m-ink);color:var(--m-bg)}.bench-sum{margin:-4px 0 0;font-size:13px;color:var(--m-muted)}.bench-sum b{color:var(--m-ink)}.bm{display:grid;gap:6px}.bm-h,.bm-f{display:flex;justify-content:space-between;gap:10px;font-size:13px}.bm-h .mono{font-size:11.5px;color:var(--m-muted);white-space:nowrap}.bm-h .mono b{color:var(--m-ink);font-weight:600}.bm-f{font-size:12px;color:var(--m-muted)}.bm-f .mono{font-size:11px;white-space:nowrap}.bm-f .up{color:var(--ok)}.bm-f .down{color:var(--bad)}.bm-note{margin:0;font-size:12px;color:var(--m-muted)}.track{position:relative;height:18px;margin-inline:7px}.track:before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;border-radius:1px;background:#ffffff1f}.track .band{position:absolute;top:5px;height:8px;border-radius:4px;background:#a6abc94d}.track .med{position:absolute;top:1px;width:2px;height:16px;margin-left:-1px;border-radius:1px;background:var(--m-ink)}.track .you{position:absolute;top:3px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--xp);box-shadow:0 0 0 3px var(--m-bg)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--m-muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{display:inline-block}.lg-you{width:10px;height:10px;border-radius:50%;background:var(--xp)}.lg-med{width:2px;height:12px;background:var(--m-ink)}.lg-band{width:18px;height:8px;border-radius:4px;background:#a6abc94d}.bench-src{margin:0;font-family:var(--f-mono);font-size:10.5px;color:var(--m-muted);letter-spacing:.02em}.nav{position:absolute;inset:auto 0 0 0;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;z-index:7;display:grid;grid-template-columns:repeat(3,1fr);background:var(--m-bg);border-top:1px solid var(--m-glass-line)}.nav button{display:grid;justify-items:center;align-content:center;gap:2px;font-size:11px;color:var(--m-muted)}.nav button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav button[aria-current=page]{color:var(--m-ink);box-shadow:inset 0 2px 0 var(--brand)}.toast{position:absolute;left:50%;top:58px;translate:-50% 0;z-index:9;padding:8px 14px;border-radius:99px;font-size:13px;font-weight:600;white-space:nowrap;background:var(--m-ink);color:var(--m-bg);transition:opacity .2s,transform .2s}.toast.xp{background:var(--xp)}@media(max-width:380px){.scene-t{font-size:32px}.card h3{font-size:24px}}@media(prefers-reduced-motion:reduce){.blob,.scene.in .scene-t,.scene.in .scene-s,.pill.bump{animation:none}}.login{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:calc(32px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 90% 0%,hsl(228 70% 34% / .9),transparent 60%),radial-gradient(90% 60% at 0% 100%,hsl(268 60% 22%),transparent 70%),var(--m-bg)}.login .brand{pointer-events:none}.login h1{margin:0;font-family:var(--f-display);font-weight:800;font-size:34px;line-height:1.05;letter-spacing:-.025em}.login .lead{margin:6px 0 0;color:var(--m-muted);font-size:15px}.login form{display:grid;gap:14px}.field{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--m-muted)}.field input{font:inherit;font-size:16px;font-weight:500;color:var(--m-ink);padding:13px 14px;border-radius:14px;outline:none;background:var(--m-glass);border:1px solid var(--m-glass-line)}.field input:focus{border-color:var(--xp)}.btn{padding:14px;border-radius:14px;font-weight:700;font-size:16px;background:var(--m-ink);color:var(--m-bg)}.btn[disabled]{opacity:.6;cursor:default}.link{font-size:14px;color:var(--m-muted);text-decoration:underline;text-underline-offset:3px;justify-self:center}.err{margin:0;padding:10px 12px;border-radius:12px;font-size:14px;background:#ff6e6e24;border-left:3px solid var(--bad)}.note{margin:0;padding:10px 12px;border-radius:12px;font-size:14px;background:var(--m-glass);border-left:3px solid var(--ok)}.center-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:12px;padding:24px;text-align:center;color:var(--m-muted)}.center-msg h2{margin:0;color:var(--m-ink);font-family:var(--f-display);font-size:24px}.menu-salir{margin-top:24px;width:100%;padding:12px;border-radius:14px;font-weight:600;background:var(--m-glass);border:1px solid var(--m-glass-line)}button.brand{cursor:pointer}.caret{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:var(--m-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.esp-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.esp-list button{width:100%;display:grid;grid-template-columns:112px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;text-align:left;font-weight:600;background:var(--m-glass);border:1px solid var(--m-glass-line)}.esp-list button:hover{background:#ffffff24}.esp-list button[aria-current=true]{border-color:var(--brand)}.esp-list button[disabled]{opacity:.6;cursor:default}.esp-list .mark{width:36px;height:36px;justify-self:start}.esp-list .mark.logo{width:auto;max-width:112px;padding:6px 10px}.esp-list .mono{font-size:11px;color:var(--m-muted)}.topbar{gap:8px}.topbar .pills{flex:none}.brand-by{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:420px){.topbar .mark.logo~.brand-txt{display:none}}.instalar{position:absolute;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:8;display:grid;grid-template-columns:40px 1fr auto auto;gap:10px;align-items:center;padding:10px 10px 10px 12px;border-radius:16px;font-size:13px;line-height:1.35;background:var(--m-ink);color:var(--m-bg);box-shadow:0 12px 30px -10px #0009}.instalar img{width:40px;height:40px;border-radius:10px}.instalar strong{display:block;font-size:14px}.instalar svg{width:14px;height:14px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.instalar-si{padding:8px 12px;border-radius:10px;font-weight:700;background:var(--brand);color:#fff}.instalar-no{width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1;color:var(--muted)}.offline{position:absolute;left:50%;top:calc(56px + env(safe-area-inset-top));translate:-50% 0;z-index:9;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;background:#ff6e6eeb;color:#fff}.app{gap:28px}.lateral{width:420px;height:min(880px,calc(100dvh - 32px));overflow-y:auto;box-sizing:border-box;display:grid;align-content:start;gap:8px;padding:0 4px;color:var(--ink);--m-ink: var(--ink);--m-muted: var(--muted);--m-bg: var(--bg);--m-glass: var(--surface);--m-glass-line: var(--line)}.lateral .view{position:static;inset:auto;padding:0;overflow:visible;background:none}.lateral .view h2{font-size:22px}.lateral .view+.view{padding-top:18px;border-top:1px solid var(--line)}.lateral .seg{background:var(--bg)}.lateral .track .you{box-shadow:0 0 0 3px var(--surface)}.adm-cargando{min-height:100dvh;display:grid;place-content:center;background:var(--bg);color:var(--muted)}.vreal{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.vreal-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(13,15,33,.45) 0%,transparent 22%,transparent 58%,rgba(13,15,33,.85) 100%)}.sonido{position:absolute;right:14px;top:calc(64px + env(safe-area-inset-top));z-index:3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0d0f2180;border:1px solid var(--m-glass-line);color:var(--m-ink)}.sonido svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notif{margin-top:18px;padding:16px 14px;border-radius:16px;background:var(--m-glass);border:1px solid var(--m-glass-line);display:grid;gap:12px}.notif h3{margin:0;font-size:15px}.notif-op{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.notif-op span{display:grid;gap:2px;font-size:14px}.notif-op small{font-size:12px;color:var(--m-muted)}.notif-op input{width:40px;height:22px;flex:none;accent-color:var(--brand)}