@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;--bg: #f6efe4;--panel: rgba(255, 252, 246, .88);--panel-strong: #fffaf2;--ink: #1f2a33;--muted: #59656f;--line: rgba(31, 42, 51, .12);--accent: #d35f2d;--accent-strong: #b34718;--accent-soft: #f2c6a4;--success: #227c5d;--error: #b93f38;--shadow: 0 18px 50px rgba(64, 35, 12, .12)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(211,95,45,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(34,124,93,.14),transparent 24%),linear-gradient(180deg,#f8f2e9 0%,var(--bg) 100%);min-height:100vh}button,summary{font:inherit}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.vocab-batch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#1f2a3342;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vocab-batch-overlay-card{min-width:min(420px,calc(100vw - 48px));padding:28px 32px;border-radius:28px;background:linear-gradient(135deg,#d35f2d29,#227c5d24),#fffcf6f5;border:1px solid rgba(255,250,242,.75);box-shadow:0 28px 60px #1f2a3338;text-align:center}.vocab-batch-summary-card{width:min(720px,calc(100vw - 48px));max-height:min(85vh,900px);overflow:auto;padding:28px 32px;border-radius:28px;background:#fffcf6fa;border:1px solid rgba(255,250,242,.8);box-shadow:0 28px 60px #1f2a3338}.vocab-batch-summary-card h2{margin:0;font-family:Fraunces,serif;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.04em}.vocab-batch-summary-stats{margin:18px 0 0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.vocab-batch-summary-stat{min-width:132px;padding:12px 14px;border-radius:16px;background:#f6efe4e6;border:1px solid var(--line);display:grid;gap:4px}.vocab-batch-summary-stat strong{font-size:1.5rem;color:var(--ink)}.vocab-batch-summary-stat-label{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.vocab-batch-summary-list{margin:22px 0 24px;display:grid;gap:10px}.vocab-batch-summary-row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:16px;background:#f6efe4e6;border:1px solid var(--line);color:var(--ink)}.vocab-batch-summary-row span:last-child{color:var(--muted);font-weight:700;white-space:nowrap}.vocab-batch-overlay-card .eyebrow{margin-bottom:10px}.vocab-batch-overlay-card h2{margin:0;font-family:Fraunces,serif;font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.04em}.hero-card,.result-card,.question-panel,.response-panel{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero-card,.result-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 30px}.hero-card{position:relative}.hero-card-with-progress{padding-bottom:48px}.hero-brand{display:flex;align-items:center;gap:18px}.hero-icon{width:68px;height:68px;flex:0 0 auto;border-radius:18px;box-shadow:0 10px 24px #40230c29}.hero-card h1,.result-card h2,.question-text{font-family:Fraunces,serif;margin:0;letter-spacing:-.03em}.hero-card h1{font-size:clamp(2rem,4vw,3.5rem);max-width:12ch}.hero-meta{display:grid;gap:10px;color:var(--muted);justify-items:end;text-align:right}.header-actions{display:flex;gap:10px;justify-content:flex-end}.hero-progress-wrapper{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(560px,calc(100% - 60px));display:grid;justify-items:center;gap:8px}.hero-progress-status{margin:0;color:var(--muted);font-size:.95rem;font-weight:600;text-align:center}.hero-progress-dots{display:flex;gap:6px;justify-content:center;align-items:center}.progress-dot{width:12px;height:12px;border-radius:50%;transition:background-color .24s ease,box-shadow .24s ease}.dot-empty{background:#1f2a3326}.dot-correct{background:#227c5d;box-shadow:0 0 4px #227c5d66}.dot-wrong{background:red;box-shadow:0 0 4px #d35f2d66}.dot-active{animation:dot-pulse 1.2s ease-in-out infinite}@keyframes dot-pulse{0%,to{background:red}50%{background:#227c5d}}.dot-difficult{outline:2px solid #d4a017;outline-offset:1px}.header-button.active{background:#d35f2d24;color:var(--accent-strong)}.eyebrow,.panel-label{margin:0 0 12px;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(320px,.95fr);gap:24px;margin-top:24px;align-items:start}.question-panel,.response-panel{padding:28px}.quiz-search-button{background:none;border:none;cursor:pointer;font-size:.8em;padding:0 6px 0 0;opacity:.4;transition:opacity .2s;vertical-align:baseline}.quiz-search-button:hover{opacity:1}.response-panel{display:grid;gap:20px}.image-frame{min-height:300px;height:300px;border-radius:22px;padding:20px;background:linear-gradient(135deg,#d35f2d17,#227c5d14),var(--panel-strong);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.image-media{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.question-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:16px;display:block;background:#ffffffa6;border:1px solid var(--line)}.image-placeholder{flex:1;min-height:0;border-radius:16px;padding:24px;background:#ffffff8c;border:1px dashed rgba(31,42,51,.18);display:grid;align-content:center;justify-items:center;text-align:center;gap:8px}.response-panel-body{display:grid;align-content:start}.topic-tag{margin:0 0 16px;color:var(--muted);text-transform:capitalize}.question-text{font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.14}.translation-panel{margin-top:24px;border-radius:20px;background:#ffffff8c;border:1px solid var(--line);overflow:hidden}.translation-panel summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:700}.translation-panel summary::-webkit-details-marker{display:none}.translation-body{padding:0 20px 18px;color:var(--muted)}.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.answer-button,.primary-button,.secondary-button,.step-dot{border:0;border-radius:18px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.answer-button,.primary-button,.secondary-button{padding:16px 18px;font-weight:700}.answer-button{background:#fff;color:var(--ink);border:1px solid transparent}.answer-button.selected.true{background:#227c5d24;color:var(--success);border-color:#227c5d4d}.answer-button.selected.false{background:#b93f381f;color:var(--error);border-color:#b93f383d}.cheat-button{background:#d35f2d1f;color:var(--accent-strong);border:1px solid rgba(211,95,45,.2)}.answer-button:hover:not(:disabled),.primary-button:hover,.secondary-button:hover,.step-dot:hover{transform:translateY(-2px);box-shadow:0 12px 20px #1f2a3314}.feedback-banner{margin-top:20px;padding:16px 18px;border-radius:18px;display:grid;gap:6px}.feedback-banner.success{background:#227c5d1f;color:var(--success)}.feedback-banner.error{background:#b93f381f;color:var(--error)}.inline-error{margin:18px 0 0;color:var(--error);font-weight:700}.navigation-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:26px}.step-indicators{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.step-dot{width:38px;height:38px;background:#1f2a3314;color:var(--ink);font-size:.86rem}.step-dot.answered{background:#227c5d2e}.step-dot.wrong{background:#b93f3833;color:var(--error)}.step-dot.current{background:var(--accent);color:#fff}.step-dot.current.wrong{background:var(--error);color:#fff}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff}.secondary-button{background:#fff;color:var(--ink)}.navigation-row .secondary-button{min-width:52px;padding-left:14px;padding-right:14px}.finish-button{width:100%;margin-top:18px}.vocab-panel{margin-top:24px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:28px}.vocab-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.vocab-source-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.vocab-reset-button{background:#b93f3814;color:var(--error);border:1px solid rgba(185,63,56,.18)}.vocab-stream{max-height:68vh;overflow-y:auto;display:grid;gap:14px;padding-right:6px}.vocab-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;padding:18px 20px;border-radius:22px;border:1px solid var(--line);background:#ffffff94}.vocab-row.active{background:linear-gradient(135deg,#d35f2d14,#227c5d0f),#ffffffb8}.vocab-copy{min-width:0}.vocab-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;min-width:0}.vocab-language{margin:0;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}.vocab-word{margin:6px 0 0;font-family:Fraunces,serif;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-.03em;overflow-wrap:anywhere}.vocab-feedback-stats{margin:10px 0 0;display:flex;gap:12px;color:var(--muted);font-size:.9rem;font-weight:700}.vocab-translation{margin:6px 0 0;color:var(--muted);font-family:Fraunces,serif;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.vocab-translation-block{margin-top:6px;display:grid;gap:10px}.vocab-translation-block .vocab-translation{margin-top:0}.vocab-translation-hidden{color:#59656f94;font-style:italic}.vocab-translation-revealed-up{color:#1c6b4f;animation:vocabRevealGlowUp 1s ease-out forwards}.vocab-translation-revealed-down{color:#7d201a;animation:vocabRevealGlowDown 1s ease-out forwards}.vocab-translation-variants{display:grid;gap:6px}.vocab-translation-variants-label{margin:0;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.vocab-translation-variants-list{margin:0;padding-left:18px;color:var(--ink);display:grid;gap:4px;font-size:.96rem;line-height:1.35}@keyframes vocabRevealGlowUp{0%{color:#6cff9d;text-shadow:0 0 22px rgba(108,255,157,.75)}to{color:#1c6b4f;text-shadow:0 0 0 rgba(108,255,157,0)}}@keyframes vocabRevealGlowDown{0%{color:#ff6d6d;text-shadow:0 0 22px rgba(255,109,109,.72)}to{color:#7d201a;text-shadow:0 0 0 rgba(255,109,109,0)}}.vocab-action{display:flex;justify-content:flex-end;align-items:start;gap:10px}.vocab-action-placeholder{min-height:1px}.vocab-icon-button{min-width:56px;width:56px;height:56px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.45rem;line-height:1}.vocab-transition-button{width:100%;margin-bottom:12px;font-size:1.05rem;font-weight:700;padding:12px 24px}.vocab-transition-batch{background:linear-gradient(135deg,#227c5d,#1a5e47);border-color:#1a5e47}.vocab-icon-approve{background:#227c5d29;color:var(--success);border:1px solid rgba(34,124,93,.24)}.vocab-icon-reveal{background:linear-gradient(135deg,#e0b437,#c98f16);color:#fff}.vocab-icon-difficult{background:#e3b7371f;color:#b88405;border:1px solid rgba(201,143,22,.22)}.vocab-icon-difficult.active{background:linear-gradient(135deg,#f1ca5f,#c98f16);color:#fff}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 960px){.hero-card,.result-card,.content-grid,.navigation-row{grid-template-columns:1fr}.hero-card,.result-card{display:grid}.hero-meta{justify-items:start;text-align:left}.hero-card-with-progress{padding-bottom:56px}.hero-brand{align-items:start}.header-actions{justify-content:flex-start}.hero-progress-wrapper{width:calc(100% - 40px)}.hero-progress-dots{gap:4px}.progress-dot{width:10px;height:10px}.vocab-header,.vocab-row{grid-template-columns:1fr}.vocab-source-actions{justify-content:flex-start}.vocab-body{grid-template-columns:1fr}.vocab-action{justify-content:flex-start}}@media (max-width: 640px){.app-shell{width:min(100% - 20px,100%);padding-top:20px}.hero-card,.result-card,.question-panel,.response-panel{border-radius:22px;padding:20px}.image-frame{height:240px;min-height:240px}.answer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.login-panel{background:var(--panel-strong);border-radius:28px;box-shadow:var(--shadow);padding:32px;margin-top:20px;max-width:480px}.login-label{display:block;font-weight:500;margin-bottom:8px;color:var(--muted);font-size:.9rem}.login-select-row{display:flex;gap:8px;align-items:center}.login-select{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--line);font:inherit;font-size:1rem;background:var(--panel)}.login-delete-button{flex-shrink:0;font-size:.85rem;color:var(--error)}.login-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--line);font:inherit;font-size:1rem;background:var(--panel)}.login-new{margin-top:20px}.login-existing{margin-bottom:4px}.login-button{margin-top:24px;width:100%}.user-indicator{font-size:.8rem;color:var(--muted);opacity:.7}.history-panel{background:var(--panel-strong);border-radius:28px;box-shadow:var(--shadow);padding:32px;margin-top:20px}.history-table{width:100%;border-collapse:collapse;margin-top:16px}.history-table th,.history-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}.history-table th{font-weight:600;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.history-table td{font-size:.95rem}.vocab-search-button{background:none;border:none;cursor:pointer;font-size:1rem;padding:2px 6px;margin-left:12px;opacity:.5;transition:opacity .2s}.vocab-search-button:hover{opacity:1}.vocab-questions-modal-card{position:relative;width:min(720px,calc(100vw - 48px));max-height:min(85vh,900px);overflow:auto;padding:28px 32px;border-radius:28px;background:#fffcf6fa;border:1px solid rgba(255,250,242,.8);box-shadow:0 28px 60px #1f2a3338;text-align:left}.vocab-questions-modal-card h2{margin:0 0 4px;font-size:1.3rem}.vocab-questions-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:1.6rem;cursor:pointer;color:#666;line-height:1;padding:4px 8px}.vocab-questions-close:hover{color:#222}.vocab-questions-count{margin:0 0 16px;font-size:.85rem;color:#888}.vocab-questions-empty{text-align:center;color:#999;padding:32px 0}.vocab-questions-list{display:flex;flex-direction:column;gap:12px}.vocab-question-item{padding:12px 16px;border-radius:12px;background:#00000008;border:1px solid rgba(0,0,0,.06)}.vocab-question-text{margin-bottom:8px}.vocab-question-text p{margin:0;font-size:.95rem;line-height:1.5}.vocab-question-image{max-width:200px;max-height:120px;border-radius:8px;margin-bottom:8px;display:block}.vocab-question-meta{display:flex;align-items:center;gap:12px}.vocab-question-answer{font-size:.8rem;font-weight:700;padding:2px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.vocab-question-answer.vero{background:#227c5d26;color:#1a7a5a}.vocab-question-answer.falso{background:#d35f2d26;color:#b55a2a}.vocab-question-topic{font-size:.78rem;color:#999}.vocab-question-current{border-color:#227c5d4d;background:#227c5d0f}