*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#1f2937;background:#f3f4f6}.ipa{font-family:Charis SIL,"Noto Serif",serif;color:#6b7280;font-size:.9em}.word-text{font-family:Inter,system-ui,sans-serif;font-weight:700}.word-card{perspective:800px;cursor:pointer}.word-card .card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease}.word-card.flipped .card-inner{transform:rotateY(180deg)}.word-card .card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:8px;box-shadow:0 2px 8px #00000014;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.word-card .card-back{transform:rotateY(180deg)}.el-progress--circle .el-progress__text{font-family:Inter,system-ui,sans-serif}.text-muted{color:#6b7280}.text-mastered{color:#10b981}.text-error{color:#ef4444}.text-learning{color:#3b82f6}.card-shadow{box-shadow:0 2px 8px #00000014;border-radius:8px}