.learn-visual-root{--learn-elev-1:0 1px 2px #4a2a210a, 0 2px 8px -4px #4a2a210f;--learn-elev-2:0 2px 6px -2px #4a2a210f, 0 8px 20px -8px #4a2a211a;--learn-elev-3:0 4px 10px -4px #4a2a2112, 0 18px 44px -14px #4a2a2129;--learn-ease-expo:cubic-bezier(.16, 1, .3, 1);--learn-ease-quart:cubic-bezier(.25, 1, .5, 1);position:relative}.learn-visual-root>*{z-index:1;position:relative}.learn-head{border-bottom:1px solid var(--color-border-2);justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.learn-brand{flex-wrap:wrap;align-items:baseline;gap:9px;min-width:0;display:flex}.learn-brand-mark{letter-spacing:-.02em;color:var(--color-pink-strong);font-family:Fraunces,serif;font-size:26px;font-style:italic;font-weight:700}.learn-brand-kr{color:var(--color-ink-2);font-family:Noto Sans KR,Malgun Gothic,sans-serif;font-size:17px;font-weight:800}.learn-brand-kr:before{content:"🐾";margin-right:5px;font-size:12px}.learn-brand-sub{color:var(--color-pink-strong);font-family:Fraunces,serif;font-size:13px;font-style:italic;font-weight:500}.learn-head-status{color:var(--color-ink-3);flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.learn-status-num{color:var(--color-pink-strong);font-weight:800}.learn-status-dot{background:#35c98a;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite learnLivePulse;box-shadow:0 0 #35c98a99}@keyframes learnLivePulse{0%{box-shadow:0 0 #35c98a80}70%{box-shadow:0 0 0 8px #35c98a00}to{box-shadow:0 0 #35c98a00}}@keyframes learnFadeUp{0%{opacity:0;transform:translateY(26px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.learn-enter{animation:learnFadeUp .62s var(--learn-ease-expo) backwards;animation-delay:calc(min(var(--i,0), 8) * 75ms)}.learn-visual-root .tori-card{box-shadow:var(--learn-elev-2)!important;transition:transform .25s var(--learn-ease-quart), box-shadow .25s var(--learn-ease-quart), border-color .2s var(--learn-ease-quart)!important}@media (hover:hover){.learn-visual-root a:hover .tori-card,.learn-visual-root .tori-card:hover{transform:translateY(-3px);box-shadow:var(--learn-elev-3)!important;border-color:var(--color-pink-base)!important}}.learn-visual-root section>div:first-child h2{position:relative}@media (prefers-reduced-motion:reduce){.learn-visual-root:before,.learn-enter,.learn-status-dot,.learn-hero-float{animation:none}.learn-visual-root .tori-card{transition:none!important}.learn-visual-root a:hover .tori-card,.learn-visual-root .tori-card:hover{transform:none}}