.learn-seal.grim-seal{width:44px;height:44px}.learn-seal.grim-seal svg{width:19px;height:19px}.learn-progress{align-items:center;gap:6px;display:flex}.learn-progress>span{background:#ecdcb424;border-radius:9999px;flex:1 1 0;height:6px;transition:background .3s;box-shadow:inset 0 1px 1px #0009}.learn-progress>span[data-state=done]{background:#f2c66b8c}.learn-progress>span[data-state=now]{background:linear-gradient(90deg,#ffd27a,#ff7a2a);box-shadow:0 0 10px #ff7a2ab3}@keyframes learn-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.learn-rise{animation:.52s cubic-bezier(.22,1,.36,1) both learn-rise;animation-delay:var(--delay,0s)}@keyframes learn-glow{0%,to{box-shadow:0 0 0 2px var(--grim-ember), 0 0 14px #ff7a2a73}50%{box-shadow:0 0 0 2px var(--grim-ember), 0 0 26px #ff7a2ad9}}.learn-tile{cursor:pointer;background:0 0;border:0;border-radius:14px;width:100%;padding:0;transition:transform .12s ease-out;display:block;position:relative}.learn-tile:active{transform:scale(.96)}.learn-tile[aria-pressed=true] .grim-card{animation:2.2s ease-in-out infinite learn-glow;transform:translateY(-3px)}.learn-tile:focus-visible{outline:2px solid var(--grim-gold);outline-offset:3px}.learn-done{z-index:4;color:#3a2205;background:radial-gradient(circle at 35% 30%,#fff1c4,#f2c66b 55%,#a8701f);border-radius:48% 52% 50% 50%/52% 48%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:inset 0 0 0 2px #78460a8c,0 2px #2a1604,0 3px 8px #0009}.learn-beads{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.learn-beads>li{opacity:.35;filter:grayscale(.9);border-radius:6px;width:34px;height:46px;transition:opacity .3s,filter .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 2px #000}.learn-beads>li[data-state=done]{opacity:.7;filter:grayscale(.4)}.learn-beads>li[data-state=now]{opacity:1;filter:none;box-shadow:0 0 0 2px var(--grim-ember), 0 0 16px #ff7a2ab3;transform:translateY(-4px)}.learn-beads>li[data-you=true]:after{content:"";background:var(--grim-gold);height:4px;position:absolute;inset:auto 0 0}.learn-coach{background:linear-gradient(#342210f2,#1a1008f2);border-radius:12px;position:relative;box-shadow:0 0 0 1px #f2c66b8c,0 0 18px #ff7a2a40,0 6px 16px #00000080}.learn-coach:after{content:"";background:#1a1008;width:14px;height:14px;position:absolute;bottom:-7px;left:32px;transform:rotate(45deg);box-shadow:1px 1px #f2c66b8c}.learn-swipe{touch-action:pan-y}