@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Nunito:wght@400;500;600;700&display=swap";:root{--clr-bg:#f5f0e4;--clr-surface:#fffef9;--clr-border:#ddd5c0;--clr-text:#1c1611;--clr-muted:#7a7060;--clr-accent:#2d6a4f;--clr-accent-lt:#d8efe4;--clr-gold:#b07d2a;--clr-gold-lt:#f5edd6;--clr-success:#1a6040;--clr-success-bg:#d4eddf;--clr-error:#9b2424;--clr-error-bg:#fadadb;--font-serif:"Lora", Georgia, serif;--font-sans:"Nunito", system-ui, sans-serif;--sp-xs:.375rem;--sp-sm:.75rem;--sp-md:1.25rem;--sp-lg:2rem;--sp-xl:3rem;--sp-xxl:4rem;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-card:0 2px 16px #2d230a14, 0 1px 4px #2d230a0f;--shadow-sm:0 1px 4px #2d230a1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;line-height:1.5}.screen{max-width:600px;min-height:100dvh;padding:var(--sp-lg) var(--sp-md);flex-direction:column;margin:0 auto;display:flex}.top-links{justify-content:center;gap:var(--sp-md);margin-bottom:var(--sp-sm);color:var(--clr-muted);font-size:1.3rem;display:flex}.top-links--bottom{bottom:var(--sp-md);justify-content:center;position:fixed;left:0;right:0}.top-links a{color:var(--clr-muted);transition:color .15s}.top-links a:hover{color:var(--clr-accent)}.screen--home{justify-content:center;gap:var(--sp-lg)}.home-header{text-align:center}.home-header__title{font-family:var(--font-serif);color:var(--clr-accent);letter-spacing:-.02em;font-size:3rem;font-weight:700;line-height:1.1}.home-header__subtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--clr-gold);margin-top:var(--sp-xs);font-size:.95rem;font-weight:600}.home-actions{gap:var(--sp-md);flex-direction:column;display:flex}.home-card{align-items:center;gap:var(--sp-md);padding:var(--sp-lg);border-radius:var(--radius-lg);background:var(--clr-surface);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--clr-text);border:2px solid #0000;font-size:1.15rem;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.home-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2d230a21}.home-card:active{transform:translateY(0)}.home-card--settings{border-color:var(--clr-border)}.home-card--settings:hover{border-color:var(--clr-gold)}.home-card--train{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent)}.home-card--train:hover{background:#235a40;border-color:#235a40}.home-card__icon{flex-shrink:0;font-size:1.6rem}.home-card__label{flex:1}.home-footer{text-align:center}.score-badge{align-items:center;gap:var(--sp-sm);font-size:1rem;font-weight:700;display:inline-flex}.score-badge__correct{color:var(--clr-success)}.score-badge__wrong{color:var(--clr-error)}.score-badge__divider{color:var(--clr-muted)}.screen--training{padding-top:var(--sp-md);padding-bottom:var(--sp-xxl);gap:var(--sp-lg)}.training-header__left{gap:var(--sp-xs);display:flex}.training-header{justify-content:space-between;align-items:center;display:flex}.training-header__score{align-items:center;gap:var(--sp-sm);font-size:1.05rem;font-weight:700;display:flex}.training-main{gap:var(--sp-xl);padding-top:var(--sp-xl);flex-direction:column;display:flex}.verb-display{text-align:center;gap:var(--sp-sm);flex-direction:column;animation:.35s both fadeSlideIn;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.verb-display--loading{color:var(--clr-muted)}.verb-display__prompt{color:var(--clr-muted);font-size:1rem;font-weight:500}.verb-display__verb{font-family:var(--font-serif);color:var(--clr-accent);letter-spacing:-.02em;font-size:clamp(2.4rem,8vw,3.5rem);font-weight:700;line-height:1.1}.verb-display__person{color:var(--clr-text);font-size:1.1rem}.verb-display__pronoun{color:var(--clr-muted);font-style:italic}.verb-display__tense{color:var(--clr-gold);font-size:1rem;font-weight:600}.verb-display__tense em{font-family:var(--font-serif);font-style:italic}.answer-section{gap:var(--sp-md);flex-direction:column;display:flex}.answer-input-row{gap:var(--sp-sm);width:100%;max-width:420px;margin:0 auto;display:flex}.answer-input{padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-md);border:2px solid var(--clr-border);background:var(--clr-surface);font-family:var(--font-serif);color:var(--clr-text);text-align:center;outline:none;flex:1;font-size:1.2rem;transition:border-color .2s,box-shadow .2s}.answer-input:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-lt)}.answer-input:disabled{opacity:.6;background:var(--clr-bg)}.answer-input::placeholder{color:var(--clr-border)}.feedback-card{border-radius:var(--radius-md);padding:var(--sp-md);gap:var(--sp-sm);flex-direction:column;animation:.25s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.feedback-card--correct{background:var(--clr-success-bg);border:1.5px solid #a8d5bf}.feedback-card--wrong{background:var(--clr-error-bg);border:1.5px solid #e8aaac}.feedback-card__message{font-size:1rem;font-weight:700}.feedback-card__correct{color:var(--clr-muted);font-size:.95rem}.feedback-card__correct strong{font-family:var(--font-serif);color:var(--clr-text);font-size:1.1rem}.feedback-card__actions{gap:var(--sp-sm);margin-top:var(--sp-xs);flex-wrap:wrap;display:flex}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;padding:.55rem 1.2rem;font-size:.95rem;font-weight:700;transition:transform .12s,opacity .12s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--clr-accent);color:#fff;padding-left:var(--sp-lg);padding-right:var(--sp-lg)}.btn--primary:hover:not(:disabled){background:#235a40}.btn--success{background:var(--clr-success);color:#fff}.btn--danger{background:var(--clr-error);color:#fff}.btn--outline{color:var(--clr-text);border:1.5px solid var(--clr-border);background:0 0}.btn--outline:hover:not(:disabled){border-color:var(--clr-muted)}.btn--icon{background:var(--clr-gold-lt);border:2.5px solid var(--clr-border);border-radius:var(--radius-sm);width:2.4rem;height:2.4rem;color:var(--clr-text);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:border-color .15s;display:flex}.btn--icon:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.screen--settings{padding:0}.settings-panel{flex-direction:column;max-width:600px;min-height:100dvh;margin:0 auto;display:flex}.settings-panel__header{align-items:center;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-md);background:var(--clr-bg);border-bottom:1.5px solid var(--clr-border);z-index:10;display:flex;position:sticky;top:0}.settings-panel__title{font-family:var(--font-serif);color:var(--clr-accent);font-size:1.4rem;font-weight:700}.settings-panel__body{padding:var(--sp-sm) var(--sp-md) var(--sp-xl);gap:var(--sp-sm);flex-direction:column;display:flex;overflow-y:auto}.settings-section{background:var(--clr-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.settings-section__title{letter-spacing:.1em;text-transform:uppercase;color:var(--clr-gold);padding:var(--sp-sm) var(--sp-md);padding-bottom:var(--sp-xs);font-size:.7rem;font-weight:700}.toggle-row{justify-content:space-between;align-items:center;gap:var(--sp-sm);padding:.65rem var(--sp-md);border-top:1px solid var(--clr-border);cursor:pointer;transition:background .12s;display:flex}.toggle-row:hover{background:var(--clr-bg)}.toggle-row__label{color:var(--clr-text);font-size:.9rem;font-weight:500;line-height:1.35}.toggle-switch{flex-shrink:0;position:relative}.toggle-switch__input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__track{background:var(--clr-border);border-radius:999px;width:44px;height:26px;transition:background .2s;display:block;position:relative}.toggle-switch--on .toggle-switch__track{background:var(--clr-accent)}.toggle-switch__thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-switch--on .toggle-switch__thumb{transform:translate(18px)}@media (width<=400px){.screen{padding:var(--sp-md) var(--sp-sm)}.home-header__title{font-size:2.4rem}.verb-display__verb{font-size:2.2rem}.feedback-card__actions{flex-direction:column}.feedback-card__actions .btn{text-align:center;width:100%}}.score-badge__total{color:var(--clr-muted);align-items:center;gap:.2rem;font-weight:600;display:inline-flex}