:root{color:#171820;background:#f1f3f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}html,body,#app{width:100%;height:100%;overflow-x:hidden;overflow-y:clip;overscroll-behavior:none}*{box-sizing:border-box}body{min-width:320px;margin:0;overscroll-behavior:none}button{font:inherit}.app-shell{display:grid;grid-template-rows:1fr auto auto;width:100%;max-width:460px;height:100svh;margin:0 auto;padding:14px 14px 12px;overflow:visible}.study-area{position:relative;display:grid;min-height:0;place-items:center;overflow:visible;touch-action:manipulation}.flash-card,.stack-card{position:absolute;width:min(92vw,390px);height:min(74svh,560px);min-height:min(470px,calc(100svh - 64px));border:1px solid rgba(31,35,50,.09);border-radius:22px;background:#fff}.flash-card{z-index:2;display:grid;grid-template-rows:auto 1fr auto auto 1fr;padding:26px;box-shadow:0 24px 60px #2a2f4226;-webkit-user-select:none;user-select:none;transition:transform .24s cubic-bezier(.18,.82,.22,1),border-color .18s ease,box-shadow .18s ease,opacity .18s ease;will-change:transform;transform:translateZ(0)}.stack-card{z-index:1;transform:translateY(14px) scale(.975);background:#fbfcfe;box-shadow:0 16px 34px #2a2f4214;pointer-events:none}.is-exiting{pointer-events:none}.level-mark{justify-self:center;min-width:42px;padding:5px 9px 6px;border-radius:999px;background:#f3f5f8;color:#8e94a0;font-size:12px;font-weight:850;line-height:1;text-align:center}.word-panel{display:grid;align-items:end;justify-items:center;padding:0 0 8px;max-width:100%;text-align:center;font-size:clamp(42px,10vw,66px);font-weight:850;line-height:1.04;-webkit-hyphens:auto;hyphens:auto;white-space:nowrap}.word-panel.is-long{font-size:clamp(31px,7.2vw,46px);line-height:1.09;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.word-panel.is-xlong{font-size:clamp(24px,5.5vw,34px);line-height:1.14;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.transcription{max-width:100%;padding:0 10px 12px;color:#9aa0aa;font-size:clamp(18px,4.8vw,25px);font-weight:700;line-height:1.2;overflow-wrap:anywhere;text-align:center}.translation{display:block;width:100%;min-height:62px;margin:0;padding:0 12px;border:0;background:transparent;color:#22242c;text-align:center;cursor:pointer}.translation strong{display:inline-block;max-width:100%;color:#22242c;font-size:clamp(25px,6vw,35px);font-weight:750;line-height:1.16;filter:blur(9px);overflow-wrap:anywhere;word-break:break-word;transition:filter .16s ease}.translation.is-revealed strong{filter:blur(0)}.answer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 12px}.answer-button{height:46px;border:1px solid transparent;border-radius:10px;background:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}.answer-button:active{transform:translateY(1px) scale(.99)}.answer-button:disabled{cursor:default;opacity:.65}.answer-button.unknown{border-color:#c6503c38;background:#fff3f0;color:#bb4d39}.answer-button.known{border-color:#1c895b38;background:#effaf5;color:#16784f}.bottom-stats{display:flex;align-items:center;justify-content:center;gap:14px;height:34px;color:#8b909b;font-size:13px;font-weight:750}.bottom-stats button{border:0;background:transparent;color:#8b909b;cursor:pointer;font-weight:750}.finished{position:relative;width:min(88vw,360px);padding:34px;border:1px solid rgba(31,35,50,.09);border-radius:18px;background:#fff;text-align:center;box-shadow:0 24px 60px #2a2f4226}.finished h2{margin:0 0 22px;font-size:30px;letter-spacing:0}.finished button{min-height:42px;padding:0 18px;border:1px solid #d9dde6;border-radius:8px;background:#fff;color:#272a33;font-weight:800;cursor:pointer}.eyebrow{margin:0 0 6px;color:#8b909b;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}@media(max-width:420px){.app-shell{padding:10px 10px 9px}.flash-card,.stack-card{width:min(94vw,390px);height:min(76svh,560px);min-height:min(460px,calc(100svh - 56px));border-radius:20px}.flash-card{padding:22px}.word-panel{padding-bottom:7px}.transcription{padding-bottom:11px;font-size:clamp(17px,4.7vw,23px)}.bottom-stats{gap:11px;font-size:12px}.answer-actions{gap:8px;padding:0 4px 10px}.answer-button{height:45px;border-radius:10px}}