[data-cosmos-app=learn]{--learn-heart:#e55e7c;--learn-heart-soft:#ffe6ee;--learn-heart-ink:#6e1b33;--learn-character:#e3b130;--learn-character-soft:#fff3d4;--learn-character-ink:#6d4e0c;--learn-mind:#4f52d4;--learn-mind-soft:#e1e2fb;--learn-mind-ink:#1f2070;--learn-night:#060a1a;--learn-deep:#0b1228;--learn-violet:#1e1a4a;--app-paper:#ffffff0f;--app-soft:#ffffff1a;--app-line:#ffffff1f;--app-ink:#dce3f2;--app-text:#dce3f2;--app-text-mute:#dce3f2b3;--app-text-faint:#dce3f273;--app-accent:var(--learn-character);--app-now:var(--learn-character);--app-good:#3d9432;--app-watch:var(--learn-character);--app-risk:var(--learn-heart);--app-nav-surface:#0b1228eb;--app-nav-border:#ffffff14;background:radial-gradient(ellipse at top, var(--learn-violet) 0%, var(--learn-deep) 35%, var(--learn-night) 100%);color:#dce3f2;font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100dvh}[data-cosmos-app=learn] .star-field{pointer-events:none;opacity:.55;z-index:0;background-image:radial-gradient(2px 2px at 20% 30%,#ffffffb3,#0000 60%),radial-gradient(1px 1px at 75% 12%,#fff9,#0000 60%),radial-gradient(1.5px 1.5px at 45% 80%,#ffffff80,#0000 60%),radial-gradient(1px 1px at 88% 58%,#ffffff80,#0000 60%),radial-gradient(1px 1px at 12% 75%,#fff6,#0000 60%),radial-gradient(2px 2px at 60% 35%,#ffffff80,#0000 60%),radial-gradient(1px 1px at 35% 18%,#fff9,#0000 60%),radial-gradient(1px 1px at 90% 90%,#fff6,#0000 60%);background-size:1200px 800px;position:fixed;inset:0}[data-cosmos-app=learn] .learn-frame{z-index:1;flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}[data-cosmos-app=learn] .learn-main{flex:1;min-height:0;padding-bottom:88px;position:relative}@media (min-width:768px){[data-cosmos-app=learn]{padding-left:76px}[data-cosmos-app=learn] .learn-frame{max-width:680px;margin-inline:auto}[data-cosmos-app=learn] .learn-main{padding-bottom:24px}}[data-cosmos-app=learn]{--learn-radius-xl:28px;--learn-radius-lg:22px;--learn-radius-md:16px;--learn-spring:cubic-bezier(.34, 1.4, .64, 1)}[data-cosmos-app=learn] .learn-glass{-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border-radius:var(--learn-radius-lg);background:#ffffff0f;border:1px solid #ffffff1f;box-shadow:0 8px 32px #03061459}[data-cosmos-app=learn] .learn-press{transition:transform .22s var(--learn-spring), filter .22s ease;-webkit-tap-highlight-color:transparent}[data-cosmos-app=learn] .learn-press:active{filter:brightness(1.12);transform:scale(.94)}[data-cosmos-app=learn] .learn-app-icon{border:1px solid #ffffff2e;border-radius:24px;justify-content:center;align-items:center;width:74px;height:74px;font-size:34px;display:flex;box-shadow:inset 0 1px #ffffff40,0 6px 18px #03061473}[data-cosmos-app=learn] .learn-shelf-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:14px;padding:4px 22px 10px;scroll-padding-inline:22px;display:flex;overflow-x:auto}[data-cosmos-app=learn] .learn-shelf-row::-webkit-scrollbar{display:none}[data-cosmos-app=learn] .learn-shelf-row>*{scroll-snap-align:start}[data-cosmos-app=learn] .learn-chip-row{scrollbar-width:none;gap:8px;padding:2px 2px 10px;display:flex;overflow-x:auto}[data-cosmos-app=learn] .learn-chip-row::-webkit-scrollbar{display:none}@keyframes learn-orbit{to{transform:rotate(360deg)}}[data-cosmos-app=learn] .avatar-orbit{animation:30s linear infinite learn-orbit}@keyframes learn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.99)}}[data-cosmos-app=learn] .pillar-orb-glow{animation:4s ease-in-out infinite learn-pulse}@keyframes learn-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes learn-mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes learn-halo-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.72;transform:scale(1.07)}}@keyframes learn-affirm-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}[data-cosmos-app=learn] .login-logo{animation:6s ease-in-out infinite learn-logo-float}[data-cosmos-app=learn] .login-halo{animation:5s ease-in-out infinite learn-halo-breathe}[data-cosmos-app=learn] .login-mascot{animation:4.5s ease-in-out infinite learn-mascot-bob}[data-cosmos-app=learn] .login-affirm{animation:.5s ease-out learn-affirm-in}@media (prefers-reduced-motion:reduce){[data-cosmos-app=learn] .login-logo,[data-cosmos-app=learn] .login-halo,[data-cosmos-app=learn] .login-mascot,[data-cosmos-app=learn] .login-affirm{animation:none}}@keyframes learn-star-burst{0%{transform:rotate(var(--a)) translateY(-8px) scale(.2);opacity:0}30%{opacity:1}to{transform:rotate(var(--a)) translateY(var(--r,-72px)) scale(1);opacity:0}}[data-cosmos-app=learn] .login-star{opacity:0;animation:.9s ease-out forwards learn-star-burst}@keyframes learn-mascot-pop{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}[data-cosmos-app=learn] .login-pop{animation:.52s cubic-bezier(.2,.8,.2,1) both learn-mascot-pop}@keyframes learn-halo-swell{0%{opacity:0;transform:scale(.6)}55%{opacity:.85}to{opacity:.55;transform:scale(1)}}[data-cosmos-app=learn] .login-swell{animation:.7s ease-out both learn-halo-swell}@media (prefers-reduced-motion:reduce){[data-cosmos-app=learn] .login-star{opacity:0;animation:none}[data-cosmos-app=learn] .login-pop,[data-cosmos-app=learn] .login-swell{animation:none}}