body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}button{font-family:inherit}.App{align-items:stretch;background:radial-gradient(circle at top,#f8fafc 0,#e2e8f0 40%,#cbd5f5 100%);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:16px}.trainer-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:480px;width:100%}.story-progress{background:#94a3b859;border-radius:999px;height:3px;overflow:hidden}.story-progress-bar{background:linear-gradient(90deg,#2563eb,#4f46e5);border-radius:inherit;height:100%;transition:width .3s ease;width:0}.trainer-header{align-items:center;color:#4b5563;display:flex;font-size:12px;gap:8px;justify-content:space-between}.trainer-counter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0f172a0a;border:1px solid #94a3b899;border-radius:999px;padding:4px 10px}.trainer-header-actions{align-items:center;display:flex;gap:6px}.mode-toggle{background:#f8fafcf2;border:1px solid #94a3b8b3;border-radius:999px;color:#111827;cursor:pointer;font-size:12px;font-weight:500;padding:5px 10px}.mode-toggle-active{background:#2563eb1a;border-color:#2563eb;color:#1d4ed8}.reset-link{background:#f8fafcf2;border:1px solid #94a3b8b3;border-radius:999px;box-shadow:0 4px 10px #0f172a14;color:#111827;cursor:pointer;font-size:12px;font-weight:500;padding:5px 10px}.reset-link:disabled{cursor:default;opacity:.4}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-radius:24px;box-shadow:0 18px 45px #0f172a40,0 0 0 1px #94a3b840;display:flex;flex-direction:column;gap:16px;padding:20px 18px 18px}@media (min-width:600px){.card{padding:24px 22px 20px}}.card-main{text-align:center}.card-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.card-top-actions{align-items:center;display:flex;gap:8px}.word-label{color:#6b7280;font-size:12px;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.word-main{color:#111827;font-size:42px;font-weight:700;letter-spacing:.05em}.favorite-toggle{background:#f8fafce6;border:1px solid #0000;border-radius:999px;box-shadow:0 4px 10px #0f172a14;color:#9ca3af;cursor:pointer;font-size:18px;padding:6px 10px}.favorite-toggle-active{background:#fffbebf2;border-color:#f59e0bb3;color:#f59e0b}.speaker-toggle{font-size:18px}.card-actions{align-items:stretch;display:flex;flex-direction:column;gap:10px;margin-top:6px}@media (min-width:480px){.card-actions{align-items:center;flex-direction:row}}.icon-button{align-items:center;background:#f8fafce6;border:1px solid #94a3b8e6;border-radius:999px;box-shadow:0 8px 18px #0f172a1f,0 0 0 1px #94a3b833;color:#0f172a;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;outline:none;padding:14px 18px;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease,background-color .08s ease,filter .08s ease}.icon-button:hover{background-color:#e5e7eb;border-color:#4b5563;filter:brightness(1.03)}.icon-button:active{transform:scale(.97)}.icon-speaker{align-items:center;background:#2563eb14;border-radius:6px;color:#1d4ed8;display:inline-flex;flex-shrink:0;font-size:14px;height:22px;justify-content:center;width:22px}.primary-button{background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;border-radius:999px;box-shadow:0 10px 25px #2563eb66,inset 0 0 0 1px #fff6;color:#fff;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:13px 20px;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.primary-button:hover{box-shadow:0 12px 30px #2563eb73,inset 0 0 0 1px #fff9;filter:brightness(1.05)}.primary-button:active{box-shadow:0 5px 16px #2563eb59,inset 0 0 0 1px #fff9;transform:translateY(1px) scale(.99)}.translation-section{border-top:1px dashed #94a3b8e6;display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:16px}.translation-row{display:flex;flex-direction:column;gap:3px}.translation-row .label{color:#4b5563;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.translation-row .value{color:#111827;font-size:20px;font-weight:600}.translation-row .sentence{color:#0f172a;font-size:16px;line-height:1.55}.verb-section{display:flex;flex-direction:column;gap:8px;margin-top:14px}.verb-section-title{color:#4b5563;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.verb-grid-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.verb-grid{grid-gap:8px;display:grid;gap:8px;grid-auto-columns:minmax(120px,1fr);grid-auto-flow:column;padding-bottom:4px}.verb-cell{background:#f8fafcf2;border:1px solid #94a3b8b3;border-radius:12px;padding:8px 10px}.verb-label{color:#4b5563;font-size:12px;font-weight:500;margin-bottom:4px}.verb-form{color:#111827;font-size:14px;font-weight:500}.nav-buttons{display:flex;flex-direction:row;gap:12px;justify-content:space-between;margin-top:12px}.secondary-button{background:#f8fafcf5;border:1px solid #94a3b8e6;border-radius:999px;box-shadow:0 8px 20px #0f172a26,0 0 0 1px #94a3b833;color:#111827;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;outline:none;padding:14px 22px;transition:background-color .08s ease,border-color .08s ease,transform .08s ease,box-shadow .08s ease,filter .08s ease}.secondary-button:hover:not(:disabled){background-color:#e5e7eb;border-color:#4b5563}.secondary-button:active:not(:disabled){transform:translateY(1px)}.secondary-button:disabled{cursor:default;opacity:.45}.reset-button{margin-top:8px}.card-actions .icon-button,.card-actions .primary-button{width:100%}@media (min-width:480px){.card-actions .icon-button,.card-actions .primary-button{flex:1 1;width:auto}}
/*# sourceMappingURL=main.471e1d99.css.map*/