.learn-ink{border:2px solid var(--fg);background:var(--surface);box-shadow:4px 4px 0 var(--fg);border-radius:20px}.learn-ink-sm{border:2px solid var(--fg);background:var(--surface);box-shadow:3px 3px 0 var(--fg);border-radius:14px}.learn-btn{border:2px solid var(--fg);background:var(--surface);text-align:center;min-height:3.25rem;box-shadow:3px 3px 0 var(--fg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:700;line-height:1.2;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.learn-btn:active:not(:disabled){box-shadow:0 0 0 var(--fg);transform:translate(3px,3px)}.learn-btn:disabled{opacity:.55;box-shadow:none}.learn-btn-primary{background:var(--accent-button);color:#fff}.learn-flip{perspective:1400px}.learn-flip-inner{transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1);display:grid}.learn-flip-inner[data-flipped=true]{transform:rotateY(180deg)}.learn-face{backface-visibility:hidden;grid-area:1/1;min-width:0}.learn-face-back{transform:rotateY(180deg)}.learn-flip-inner[data-flipped=false] .learn-face-back{max-height:min(58svh,30rem);overflow:hidden}@keyframes learn-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.learn-rise{animation:.22s ease-out both learn-rise}.learn-row{content-visibility:auto;contain-intrinsic-size:auto 4.5rem}.learn-wrap{overflow-wrap:anywhere;word-break:normal;line-break:strict;-webkit-hyphens:auto;hyphens:auto}.learn-actions{z-index:10;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);margin-inline:-1rem;position:sticky;bottom:0}