:root{color-scheme:light dark;--bg: #fafaf7;--fg: #1a1a1a;--muted: #666;--accent: #c75d3a;--user-bg: #efebe3;--assistant-bg: #f7f3ea;--border: #e5e0d4;font-family:Georgia,Iowan Old Style,Palatino Linotype,Palatino,serif}@media(prefers-color-scheme:dark){:root{--bg: #1a1816;--fg: #f0ebe1;--muted: #999;--user-bg: #2a2622;--assistant-bg: #221f1c;--border: #3a352f}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.app{max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:2rem 1.5rem}header{text-align:center;margin-bottom:1.5rem}header h1{font-size:2.5rem;margin:0;font-style:italic;letter-spacing:.02em}.subtitle{color:var(--muted);margin:.25rem 0 0;font-size:.95rem}.transcript{flex:1;min-height:0;padding:1rem 0;max-height:60vh}.transcript-empty{display:flex;align-items:center;justify-content:center}.hint{color:var(--muted);text-align:center;font-style:italic;margin:auto}.turn{padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);max-width:85%;margin-bottom:.75rem}.turn-user{margin-left:auto;background:var(--user-bg)}.turn-assistant{margin-right:auto;background:var(--assistant-bg)}.role{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.replay{width:1.4rem;height:1.4rem;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);font-size:.6rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s,background .15s}.replay:hover{color:var(--fg);border-color:var(--fg);background:var(--user-bg)}.text{font-size:1.05rem;line-height:1.5;white-space:pre-wrap}.error{background:#b94a3a;color:#fff;padding:.75rem 1rem;border-radius:.5rem;margin:.5rem 0;font-size:.9rem}footer{display:flex;gap:.75rem;align-items:center;justify-content:center;padding-top:1rem}.mic{flex:1;max-width:300px;padding:1rem 1.5rem;font-size:1.1rem;font-family:inherit;border:2px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;cursor:pointer;transition:transform .1s,background .2s;font-style:italic;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mic:hover:not(:disabled){transform:scale(1.02)}.mic:active:not(:disabled){transform:scale(.98)}.mic-listening{background:#b94a3a;border-color:#b94a3a;animation:pulse 1.2s ease-in-out infinite}.mic-thinking,.mic-speaking{background:var(--muted);border-color:var(--muted)}.mic:disabled{cursor:not-allowed;opacity:.7}.reset{padding:.75rem 1rem;font-size:.9rem;font-family:inherit;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer}.reset:disabled{opacity:.4;cursor:not-allowed}.lang-bar{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:.5rem 0;font-size:.85rem}.lang-bar-label{color:var(--muted);font-style:italic;text-transform:lowercase}.lang-picker{position:relative;min-width:180px}.lang-picker-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.4rem .8rem;font-family:inherit;font-style:italic;font-size:.9rem;color:var(--fg);background:var(--user-bg);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:border-color .15s}.lang-picker-button:hover{border-color:var(--accent)}.lang-picker-caret{font-size:.7rem;color:var(--muted)}.lang-picker-open{background:var(--bg);border:1px solid var(--accent);border-radius:.5rem;overflow:hidden;position:absolute;bottom:calc(100% + 4px);left:0;width:max(100%,240px);z-index:10;box-shadow:0 -6px 24px #00000026;display:flex;flex-direction:column}.lang-picker-input{width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;color:var(--fg);background:var(--bg);border:none;border-top:1px solid var(--border);outline:none;box-sizing:border-box}.lang-picker-list{max-height:280px;overflow-y:auto;margin:0;padding:.25rem 0;list-style:none}.lang-picker-item{display:flex;align-items:baseline;gap:.5rem;padding:.4rem .75rem;font-size:.9rem;cursor:pointer}.lang-picker-item.is-highlight{background:var(--user-bg)}.lang-picker-item-label{font-style:italic}.lang-picker-item-sub{color:var(--muted);font-size:.8rem}.lang-picker-empty{padding:.5rem .75rem;color:var(--muted);font-size:.85rem;font-style:italic}.user-bar{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.85rem;color:var(--muted)}.user-email{font-style:italic}.signout{padding:.2rem .6rem;font-size:.75rem;font-family:inherit;font-style:italic;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.signout:hover{color:var(--fg);border-color:var(--fg)}.auth,.auth-loading{max-width:420px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.5rem}.auth header{text-align:center;margin-bottom:2rem}.auth header h1{font-size:2.5rem;margin:0;font-style:italic}.auth-form{display:flex;flex-direction:column;gap:1rem;background:var(--assistant-bg);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.auth-form h2{margin:0;font-size:1.25rem;font-style:italic;text-align:center}.auth-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.auth-form input{padding:.6rem .75rem;font-size:1rem;font-family:inherit;border:1px solid var(--border);border-radius:.4rem;background:var(--bg);color:var(--fg)}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-error{background:#b94a3a;color:#fff;padding:.6rem .75rem;border-radius:.4rem;font-size:.85rem}.auth-submit{padding:.75rem 1rem;font-size:1rem;font-family:inherit;font-style:italic;border:2px solid var(--accent);border-radius:.4rem;background:var(--accent);color:#fff;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:.85rem;font-style:italic;cursor:pointer;text-align:center}.auth-toggle:hover:not(:disabled){color:var(--fg)}@keyframes pulse{0%,to{box-shadow:0 0 #b94a3a80}50%{box-shadow:0 0 0 12px #b94a3a00}}.fc-widget{background:var(--assistant-bg);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:.75rem;max-width:85%}.fc-progress{font-size:.75rem;color:var(--muted);text-align:center;margin-bottom:.5rem;letter-spacing:.1em}.fc-word{font-size:1.5rem;font-style:italic;text-align:center;padding:1rem 0;line-height:1.3}.fc-options{display:flex;flex-direction:column;gap:.5rem}.fc-option{padding:.75rem 1rem;font-size:1rem;font-family:inherit;text-align:left;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--fg);cursor:pointer;transition:background .15s,border-color .15s}.fc-option:hover:not(:disabled){border-color:var(--accent);background:var(--user-bg)}.fc-option:disabled{cursor:default;opacity:.7}.fc-option-selected{border-color:var(--accent);background:var(--accent);color:#fff}.fc-result{text-align:center}.fc-score{font-size:2rem;font-style:italic;margin-bottom:.25rem}.fc-score-label{display:block;font-size:.8rem;color:var(--muted);font-style:normal;text-transform:lowercase;letter-spacing:.05em}.fc-result-cards{display:flex;flex-direction:column;gap:.35rem;margin:1rem 0;text-align:left}.fc-result-card{display:flex;align-items:baseline;gap:.5rem;padding:.35rem .5rem;border-radius:.35rem;font-size:.9rem}.fc-correct{background:#228b2214}.fc-incorrect{background:#b94a3a14}.fc-result-mark{font-size:.8rem;flex-shrink:0;width:1rem}.fc-correct .fc-result-mark{color:#228b22}.fc-incorrect .fc-result-mark{color:var(--accent)}.fc-result-word{font-style:italic;flex-shrink:0;min-width:0}.fc-result-answer{color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-retake{padding:.5rem 1.25rem;font-family:inherit;font-size:.85rem;font-style:italic;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s}.fc-retake:hover{border-color:var(--accent);background:var(--user-bg)}.gp-widget{background:var(--assistant-bg);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:.75rem;max-width:85%}.gp-progress{font-size:.75rem;color:var(--muted);text-align:center;margin-bottom:.5rem;letter-spacing:.1em}.gp-noun{font-size:1.5rem;font-style:italic;text-align:center;padding:1rem 0;line-height:1.3}.gp-options{display:flex;gap:.5rem;justify-content:center}.gp-option{padding:.75rem 1.25rem;font-size:1rem;font-family:inherit;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--fg);cursor:pointer;transition:background .15s,border-color .15s}.gp-option:hover:not(:disabled){border-color:var(--accent);background:var(--user-bg)}.gp-option:disabled{cursor:default;opacity:.7}.gp-option-selected{border-color:var(--accent);background:var(--accent);color:#fff}.gp-result{text-align:center}.gp-score{font-size:2rem;font-style:italic;margin-bottom:.25rem}.gp-score-label{display:block;font-size:.8rem;color:var(--muted);font-style:normal;text-transform:lowercase;letter-spacing:.05em}.gp-result-cards{display:flex;flex-direction:column;gap:.35rem;margin:1rem 0;text-align:left}.gp-result-card{display:flex;align-items:baseline;gap:.5rem;padding:.35rem .5rem;border-radius:.35rem;font-size:.9rem}.gp-correct{background:#228b2214}.gp-incorrect{background:#b94a3a14}.gp-result-mark{font-size:.8rem;flex-shrink:0;width:1rem}.gp-correct .gp-result-mark{color:#228b22}.gp-incorrect .gp-result-mark{color:var(--accent)}.gp-result-noun{font-style:italic;flex-shrink:0;min-width:0}.gp-result-answer{color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-retake{padding:.5rem 1.25rem;font-family:inherit;font-size:.85rem;font-style:italic;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s}.gp-retake:hover,.fc-retake:hover{border-color:var(--accent);background:var(--user-bg)}.def-widget{background:var(--assistant-bg);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:.75rem;max-width:85%}.def-progress{font-size:.75rem;color:var(--muted);text-align:center;margin-bottom:.5rem;letter-spacing:.1em}.def-word{font-size:1.5rem;font-style:italic;text-align:center;padding:1rem 0;line-height:1.3}.def-audio{display:block;width:100%;margin:.5rem 0}.def-input-area{display:flex;gap:.5rem;align-items:stretch}.def-input{flex:1;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--fg);transition:border-color .15s}.def-input:focus{outline:none;border-color:var(--accent)}.def-submit{padding:.75rem 1.25rem;font-size:1rem;font-family:inherit;border:1px solid var(--border);border-radius:.5rem;background:var(--accent);color:#fff;cursor:pointer;transition:opacity .15s}.def-submit:disabled{opacity:.5;cursor:not-allowed}.def-submit:hover:not(:disabled){opacity:.9}.def-result{text-align:center}.def-score{font-size:2rem;font-style:italic;margin-bottom:.25rem}.def-score-label{display:block;font-size:.8rem;color:var(--muted);font-style:normal;text-transform:lowercase;letter-spacing:.05em}.def-result-cards{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;text-align:left}.def-result-card{padding:.75rem;border-radius:.5rem;font-size:.9rem}.def-correct{background:#228b2214}.def-incorrect{background:#b94a3a14}.def-result-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.def-result-mark{font-size:.8rem;flex-shrink:0;width:1rem}.def-correct .def-result-mark{color:#228b22}.def-incorrect .def-result-mark{color:var(--accent)}.def-result-word{font-style:italic;font-size:1.1rem}.def-result-answers{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.def-result-row{display:flex;gap:.5rem;font-size:.85rem}.def-result-label{color:var(--muted);flex-shrink:0;min-width:5rem}.def-result-value{color:var(--fg)}.def-result-feedback{font-size:.8rem;color:var(--muted);font-style:italic;margin-top:.25rem}.def-retake{padding:.5rem 1.25rem;font-family:inherit;font-size:.85rem;font-style:italic;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s}.def-retake:hover{border-color:var(--accent);background:var(--user-bg)}.fb-widget{background:var(--assistant-bg);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:.75rem;max-width:85%}.fb-progress{font-size:.75rem;color:var(--muted);text-align:center;margin-bottom:.5rem;letter-spacing:.1em}.fb-sentence{font-size:1.25rem;text-align:center;padding:1rem 0;line-height:1.5}.fb-blank{color:var(--accent);font-weight:700;font-style:italic}.fb-hint{font-size:.85rem;color:var(--muted);text-align:center;font-style:italic;margin-bottom:.75rem}.fb-input-row{display:flex;gap:.5rem;align-items:center}.fb-input{flex:1;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--fg);transition:border-color .15s}.fb-input:focus{outline:none;border-color:var(--accent)}.fb-submit{padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--accent);color:#fff;cursor:pointer;transition:opacity .15s}.fb-submit:hover:not(:disabled){opacity:.9}.fb-submit:disabled{cursor:default;opacity:.5}.fb-result{text-align:center}.fb-score{font-size:2rem;font-style:italic;margin-bottom:.25rem}.fb-score-label{display:block;font-size:.8rem;color:var(--muted);font-style:normal;text-transform:lowercase;letter-spacing:.05em}.fb-result-cards{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;text-align:left}.fb-result-card{display:flex;gap:.5rem;padding:.5rem .75rem;border-radius:.35rem;font-size:.9rem}.fb-correct{background:#228b2214}.fb-incorrect{background:#b94a3a14}.fb-result-mark{font-size:.9rem;flex-shrink:0;width:1rem;margin-top:.1rem}.fb-correct .fb-result-mark{color:#228b22}.fb-incorrect .fb-result-mark{color:var(--accent)}.fb-result-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.fb-result-sentence{line-height:1.4}.fb-result-correction{display:flex;gap:.5rem;align-items:center;font-size:.8rem;color:var(--muted)}.fb-result-user-answer{color:var(--accent);font-style:italic}.fb-result-arrow{opacity:.5}.fb-result-expected{color:#228b22;font-weight:600}.fb-retake{padding:.5rem 1.25rem;font-family:inherit;font-size:.85rem;font-style:italic;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s}.fb-retake:hover{border-color:var(--accent);background:var(--user-bg)}.fcf-widget{background:var(--assistant-bg);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:.75rem;max-width:85%}.fcf-word{font-size:1.5rem;font-style:italic;text-align:center;padding:1rem 0;line-height:1.3}.fcf-input-container{margin:1rem 0}.fcf-input{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--fg);transition:border-color .15s}.fcf-input:focus{outline:none;border-color:var(--accent)}.fcf-input:disabled{opacity:.6;cursor:not-allowed}.fcf-buttons{display:flex;gap:.5rem}.fcf-pass{flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;font-style:italic;border:1px solid var(--border);border-radius:.5rem;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.fcf-pass:hover:not(:disabled){color:var(--fg);border-color:var(--fg)}.fcf-pass:disabled{opacity:.4;cursor:not-allowed}.fcf-submit{flex:2;padding:.75rem 1rem;font-family:inherit;font-size:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--accent);color:#fff;cursor:pointer;transition:opacity .15s}.fcf-submit:hover:not(:disabled){opacity:.9}.fcf-submit:disabled{opacity:.5;cursor:not-allowed}.fcf-result{text-align:center}.fcf-result-header{padding:.75rem;border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.fcf-correct{background:#228b2214}.fcf-incorrect{background:#b94a3a14}.fcf-result-mark{font-size:1.5rem}.fcf-correct .fcf-result-mark{color:#228b22}.fcf-incorrect .fcf-result-mark{color:var(--accent)}.fcf-result-word{font-size:1.25rem;font-style:italic}.fcf-result-details{text-align:left;margin:1rem 0}.fcf-result-row{display:flex;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.fcf-result-row:last-child{border-bottom:none}.fcf-result-label{font-weight:600;min-width:120px}.fcf-result-value{color:var(--muted)}.fcf-result-explanation{padding:.75rem;margin-top:.5rem;background:#c75d3a0d;border-left:3px solid var(--accent);border-radius:.25rem;font-size:.9rem;font-style:italic;color:var(--muted)}.fcf-retake{padding:.5rem 1.25rem;font-family:inherit;font-size:.85rem;font-style:italic;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s;margin-top:1rem}.fcf-retake:hover{border-color:var(--accent);background:var(--user-bg)}