[data-miniapp=hiragana-master]{--color-background:#f5f1ec;--color-foreground:#1c1917;--color-surface:#ffffff;--color-surface-soft:#faf8f5;--color-accent:#dc2626;--color-accent-soft:#fbf0df;--color-muted:#78716c;--color-border:#e7e5e4;--color-mastery-0:transparent;--color-mastery-1:#fcd34d;--color-mastery-2:#fb923c;--color-mastery-3:#16a34a;--font-display:var(--font-jp);background:linear-gradient(135deg,#faf8f5,#f5f1ec);min-height:100vh}[data-miniapp=hiragana-master] .jp{font-family:var(--font-jp);font-weight:500}[data-miniapp=hiragana-master] .flip-container{perspective:1200px}[data-miniapp=hiragana-master] .flip-card{transition:transform .55s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;position:relative}[data-miniapp=hiragana-master] .flip-card.flipped{transform:rotateY(180deg)}[data-miniapp=hiragana-master] .flip-face{backface-visibility:hidden}[data-miniapp=hiragana-master] .flip-back{transform:rotateY(180deg);backface-visibility:hidden;position:absolute;inset:0}@keyframes hiragana-master-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}60%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}[data-miniapp=hiragana-master] .stroke-num{animation:hiragana-master-pop .35s ease-out both}@keyframes hiragana-master-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}[data-miniapp=hiragana-master] .shake{animation:hiragana-master-shake .35s ease}@media (prefers-reduced-motion:reduce){[data-miniapp=hiragana-master] .flip-card{transition:none}[data-miniapp=hiragana-master] .shake,[data-miniapp=hiragana-master] .stroke-num{animation:none}}