*,:before,:after{box-sizing:border-box}body{color:#000;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:480px;height:100dvh;padding:20px calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));flex-direction:column;margin:0 auto;display:flex}.header{text-align:center;margin-bottom:12px}.header-title{margin:0;font-size:20px;font-weight:600}.header-subtitle{margin:2px 0 0;font-size:13px}.card-area{flex:1;min-height:0;display:flex}.card{perspective:1200px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;flex:1;width:100%;min-height:0;max-height:560px;margin:0 auto;position:relative}.card:focus-visible{outline-offset:4px;border-radius:24px;outline:2px solid #000}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;position:relative}.card-inner.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;text-align:center;background:#fff;border:2px solid #000;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}.card-face p{margin:0}.card-face-front{font-size:clamp(96px,38vmin,200px);line-height:1}.card-face-back{gap:14px;transform:rotateY(180deg)}.card-name{letter-spacing:.08em;font-size:20px;font-weight:700}.card-sound{font-size:34px;font-weight:700}.card-sound-long{font-size:17px;font-weight:500;line-height:1.45}.card-sound-note{margin-top:6px;font-size:13px;font-weight:400;display:block}.card-russian{font-size:20px}.card-russian-long{font-size:16px;line-height:1.45}.card-slide-next{animation:.18s ease-out card-slide-next}.card-slide-prev{animation:.18s ease-out card-slide-prev}@keyframes card-slide-next{0%{opacity:0;transform:translateY(20px)}}@keyframes card-slide-prev{0%{opacity:0;transform:translateY(-20px)}}.hints{text-align:center;margin:14px 0 10px}.hints p{margin:2px 0;font-size:13px}.button{min-height:48px;font:inherit;color:#000;cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:12px;padding:0 16px;font-size:15px}.button:hover{background:#f5f5f5}.button:active{color:#fff;background:#000}.nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.counter{text-align:center;font-variant-numeric:tabular-nums;min-width:72px;font-size:15px}.deck-controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}@media (prefers-reduced-motion:reduce){.card-inner{transition:none}.card-slide-next,.card-slide-prev{animation:none}}