*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#a64f3c;--primary-light:#bf7059;--primary-dark:#843c31;--primary-soft:#f5e9e3;--primary-line:#d8a899;--accent:#657a6e;--success:#39765f;--warning:#a56d26;--error:#b54742;--text:#302821;--text-secondary:#75695e;--bg-root:#f5f0e8;--bg-default:#fffcf7;--bg-secondary:#efe7dc;--bg-tertiary:#e4d8ca;--border:#ddd0c2;--input-bg:#f8f2ea;--button-text:#fff;--font-body:"Avenir Next", Avenir, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;--font-display:Georgia, "Times New Roman", "Yu Mincho", serif;font-family:var(--font-body)}[data-theme=dark]{--primary:#e0a18d;--primary-light:#e9b8a6;--primary-dark:#c77f69;--primary-soft:#49322f;--primary-line:#815849;--accent:#a8b9a9;--success:#82b49a;--warning:#e3b66f;--error:#e18d83;--text:#f3e9df;--text-secondary:#bcaea1;--bg-root:#211b18;--bg-default:#2b2420;--bg-secondary:#3a302b;--bg-tertiary:#4a3d36;--border:#55463d;--input-bg:#302823;--button-text:#2d1d18}html,body,#root{background-color:var(--bg-root);height:100%;color:var(--text)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button,input,textarea,select{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 62%, transparent)!important;outline-offset:3px!important}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);border-color:var(--primary)!important}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.4s forwards fadeIn}.fade-in-down{animation:.4s forwards fadeInDown}:root{--conversation-accent:#a64f3c;--conversation-accent-soft:#f5e9e3;--conversation-button-ink:#fff;--conversation-paper:color-mix(in srgb, var(--bg-default) 94%, #f0d9cb);--conversation-ink:var(--text);--conversation-line:color-mix(in srgb, var(--border) 76%, #bd8e78)}[data-theme=dark]{--conversation-accent:#e0a18d;--conversation-accent-soft:#49322f;--conversation-button-ink:#241917;--conversation-paper:color-mix(in srgb, var(--bg-default) 93%, #6f4338);--conversation-line:color-mix(in srgb, var(--border) 78%, #a56a59)}.conversation-experience{width:100%}.conversation-experience button{transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s}.conversation-experience button:focus-visible{outline:3px solid color-mix(in srgb, var(--conversation-accent) 58%, transparent);outline-offset:3px}.conversation-setup{animation:.38s both fadeInDown;max-width:760px!important;padding:clamp(22px,5vw,52px) clamp(12px,3vw,28px) 56px!important}.conversation-setup-hero{border-bottom:1px solid var(--conversation-line);padding:10px 4px 27px;position:relative;margin-bottom:24px!important}.conversation-setup-hero:after{content:"ÉLOQ  /  LANGUE VIVANTE";color:var(--text-secondary);letter-spacing:.18em;margin:17px 0 0 48px;font:600 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.conversation-setup-title{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif!important;font-size:clamp(30px,6vw,43px)!important;font-weight:500!important}.conversation-setup-card{box-shadow:0 12px 35px color-mix(in srgb, var(--text) 5%, transparent);border:1px solid var(--conversation-line)!important;background:var(--conversation-paper)!important;border-radius:18px!important;margin-bottom:16px!important;padding:clamp(17px,3vw,25px)!important}.conversation-setup-card h2{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:19px!important;font-weight:500!important}.conversation-option{min-height:70px;background:color-mix(in srgb, var(--bg-root) 78%, var(--conversation-paper))!important;border-radius:12px!important}.conversation-option:hover{transform:translateY(-2px);border-color:var(--conversation-accent)!important}.conversation-option[aria-pressed=true]{border-color:var(--conversation-accent)!important;background:color-mix(in srgb, var(--conversation-accent) 10%, var(--bg-default))!important;color:var(--conversation-accent)!important}.conversation-duration-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}.conversation-duration-option{letter-spacing:-.03em;min-height:78px;font-family:Georgia,Times New Roman,serif;border-radius:13px!important;font-size:21px!important}.conversation-duration-option[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--conversation-accent);background:color-mix(in srgb, var(--conversation-accent) 12%, var(--bg-default))!important;border-color:var(--conversation-accent)!important;color:var(--conversation-accent)!important}.conversation-start-button{min-height:58px;box-shadow:0 9px 20px color-mix(in srgb, var(--conversation-accent) 24%, transparent);margin-top:6px;background:var(--conversation-accent)!important;color:var(--conversation-button-ink)!important;border-radius:14px!important}.conversation-start-button:disabled{opacity:.65;box-shadow:none}.conversation-start-button:hover:not(:disabled){box-shadow:0 13px 26px color-mix(in srgb, var(--conversation-accent) 31%, transparent);transform:translateY(-2px)}.conversation-chat{padding:0 12px 8px;max-width:780px!important;height:calc(100dvh - 64px)!important}.conversation-chat-header{background:var(--conversation-paper);min-height:74px;box-shadow:0 8px 24px color-mix(in srgb, var(--text) 5%, transparent);border-radius:0 0 18px 18px;border:1px solid var(--conversation-line)!important;border-top:0!important;padding:12px clamp(10px,3vw,22px)!important}.conversation-chat-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.conversation-chat-meta>span:first-child{color:var(--conversation-accent)!important;background:var(--conversation-accent-soft)!important;padding:6px 10px!important}.conversation-timer{justify-items:end;line-height:1.15;display:grid}.conversation-timer-value{font-variant-numeric:tabular-nums;letter-spacing:.035em!important;font:700 21px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace!important}.conversation-timer-caption{color:var(--text-secondary);letter-spacing:.08em;margin-top:4px;font-size:10px}.conversation-end-button{min-height:40px;border-color:var(--conversation-line)!important;border-radius:10px!important}.conversation-end-button:hover{border-color:var(--conversation-accent)!important;color:var(--conversation-accent)!important}@media (width<=520px){.conversation-setup-hero:after{margin-left:42px;font-size:9px}.conversation-duration-option{min-height:67px;font-size:18px!important}.conversation-chat{padding:0 5px 5px;height:calc(100dvh - 76px)!important}.conversation-chat-header{gap:8px;align-items:flex-start!important}.conversation-chat-header>div:last-child{gap:8px!important}.conversation-timer-value{font-size:17px!important}}@media (prefers-reduced-motion:reduce){.conversation-experience,.conversation-experience button{transition:none!important;animation:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.eloq-layout{width:100%;background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--primary) 5%, transparent), transparent 42%), var(--bg-root)!important;max-width:780px!important;min-height:100dvh!important}.eloq-header{background:color-mix(in srgb, var(--bg-root) 88%, transparent)!important;border-bottom-color:var(--border)!important;padding:14px clamp(16px,4vw,28px)!important}.eloq-header h1{font-family:var(--font-display);letter-spacing:-.025em!important;font-size:20px!important;font-weight:500!important}.eloq-mode-header h1{font-size:30px!important}.eloq-header button{min-width:40px;min-height:40px;transition:background-color .18s,color .18s,transform .18s;border-radius:50%!important}.eloq-header button:hover{background:var(--primary-soft)!important;color:var(--primary)!important}.eloq-main{width:100%;color:var(--text);padding:clamp(18px,4vw,30px) clamp(16px,4vw,28px) 36px!important}.eloq-main h2,.eloq-main h3{font-family:var(--font-display);letter-spacing:-.025em;font-weight:500!important}.eloq-main button:not(.eloq-button){transition:transform .17s,border-color .17s,background-color .17s,box-shadow .17s,color .17s}.eloq-main button:not(.eloq-button):hover{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}.eloq-main button:disabled{opacity:.62;cursor:not-allowed!important}.eloq-button{box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 17%, transparent);border-radius:13px!important;min-height:52px!important;transition:transform .16s,box-shadow .16s,background-color .16s!important}.eloq-button-primary:hover:not(:disabled){box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 25%, transparent);transform:translateY(-2px)}.eloq-button-secondary{box-shadow:none}.eloq-surface{box-shadow:0 10px 27px color-mix(in srgb, var(--text) 5%, transparent);border:1px solid var(--conversation-line)!important;background:var(--conversation-paper)!important;border-radius:17px!important}.eloq-choice-card{position:relative;overflow:hidden}.eloq-choice-card:hover{box-shadow:0 14px 30px color-mix(in srgb, var(--primary) 13%, transparent);transform:translateY(-2px)!important}.eloq-choice-card[aria-pressed=true]{background:var(--primary-soft)!important;border-color:var(--primary)!important}.eloq-menu-item{min-height:67px;transition:background-color .16s,transform .16s!important}.eloq-menu-item:hover{transform:translate(2px)}.eloq-settings-section{background:var(--conversation-paper);box-shadow:0 8px 22px color-mix(in srgb, var(--text) 4%, transparent);border-color:var(--conversation-line)!important}.eloq-settings-section>div{background:var(--conversation-paper)!important}.eloq-assessment-result .eloq-surface{border-color:var(--conversation-line)!important}.eloq-composition .eloq-choice-card{border-radius:14px!important}.eloq-login form .eloq-button{margin-top:8px}.eloq-main input,.eloq-main textarea,.eloq-login input{border-radius:12px}.eloq-level-select button.fade-in-down,.eloq-theme-select button.fade-in-down,.eloq-question-list button.fade-in-down{box-shadow:0 8px 22px color-mix(in srgb, var(--text) 5%, transparent);background:var(--conversation-paper)!important;border-color:var(--conversation-line)!important}.eloq-level-select button.fade-in-down:hover,.eloq-theme-select button.fade-in-down:hover,.eloq-question-list button.fade-in-down:hover{box-shadow:0 13px 26px color-mix(in srgb, var(--primary) 11%, transparent)}.eloq-mode-select>div:last-child>button{box-shadow:0 9px 25px color-mix(in srgb, var(--text) 6%, transparent);background:var(--conversation-paper)!important;border-color:var(--conversation-line)!important}.eloq-mode-select>div:last-child>button:hover{box-shadow:0 15px 30px color-mix(in srgb, var(--primary) 12%, transparent);transform:translateY(-2px)!important}.eloq-mascot-hero{border:1px solid var(--conversation-line);background:radial-gradient(circle at 78% 34%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 42%), var(--conversation-paper);min-height:248px;box-shadow:0 14px 38px color-mix(in srgb, var(--text) 7%, transparent);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(210px,.78fr);align-items:center;gap:18px;margin-bottom:28px;padding:clamp(20px,5vw,34px);animation:.42s both fadeInDown;display:grid;overflow:hidden}.eloq-mascot-copy{z-index:2;position:relative}.eloq-eyebrow{color:var(--primary);letter-spacing:.18em;margin-bottom:12px;font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.eloq-mascot-copy h2{font-family:var(--font-display);margin-bottom:12px;line-height:1.2;font-size:clamp(27px,5vw,38px)!important}.eloq-mascot-copy>p:last-child{max-width:29em;color:var(--text-secondary);font-size:13px;line-height:1.8}.eloq-mascot-viewer{touch-action:pan-y;width:100%;min-width:0;height:220px;position:relative}.eloq-mascot-canvas,.eloq-mascot-canvas canvas{width:100%;height:100%;display:block}.eloq-mascot-canvas canvas{cursor:grab;touch-action:pan-y}.eloq-mascot-canvas canvas:active{cursor:grabbing}.eloq-mascot-status,.eloq-mascot-hint{width:max-content;max-width:95%;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-default) 78%, transparent);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:5px 9px;font-size:10px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.eloq-mascot-viewer[data-status=loading]:before{content:"";border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite spin;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px)}.eloq-mode-select>div:nth-last-child(2) h2,.eloq-level-select h2,.eloq-theme-select h2{font-family:var(--font-display);font-size:clamp(20px,4vw,26px)!important}.eloq-question-list h2{font-family:var(--font-display);font-size:clamp(23px,5vw,30px)!important}.eloq-question-prep>div>div:nth-child(2),.eloq-recording>div>div:first-child,.eloq-assessment-result>div>div,.eloq-composition [style*="border-radius: 20px"],.eloq-composition [style*="border-radius: 18px"],.eloq-admin [style*="border-radius: 16px"]{border-color:var(--conversation-line)}.eloq-question-prep>div>div:nth-child(2),.eloq-recording>div>div:first-child{border:1px solid var(--conversation-line);box-shadow:0 12px 30px color-mix(in srgb, var(--text) 5%, transparent);background:var(--conversation-paper)!important}.eloq-assessment-result>div>div:not(:first-child),.eloq-assessment-result>div>button{box-shadow:0 8px 24px color-mix(in srgb, var(--text) 4%, transparent);border:1px solid var(--conversation-line)!important}.eloq-settings [style*="border-radius: 16px"]{box-shadow:0 8px 23px color-mix(in srgb, var(--text) 4%, transparent);border-radius:16px;border-color:var(--conversation-line)!important}.eloq-settings [style*="border-bottom: 1px solid rgba"]{border-bottom-color:var(--border)!important}.eloq-admin input,.eloq-admin textarea{background-color:var(--input-bg)!important}.eloq-admin [style*="border-radius: 10px"],.eloq-admin [style*="border-radius: 12px"]{border-color:var(--conversation-line)}.eloq-admin input,.eloq-admin textarea,.eloq-admin select{max-width:100%}.eloq-admin>div>div[style*="border-radius: 16px"]{box-shadow:0 9px 24px color-mix(in srgb, var(--text) 5%, transparent)}.eloq-composition h2,.eloq-composition h3{font-family:var(--font-display)}.eloq-composition>div[style*="position: fixed"]>div{border:1px solid var(--conversation-line);box-shadow:0 -18px 60px color-mix(in srgb, var(--text) 16%, transparent)}.eloq-assessment-result>div>div:first-child{box-shadow:0 16px 35px color-mix(in srgb, var(--primary) 22%, transparent);background:linear-gradient(145deg, var(--primary-dark), var(--primary))!important;color:var(--button-text)!important}.eloq-assessment-result>div>div:first-child>*,.eloq-assessment-result>div>div:first-child>div>div{color:var(--button-text)}.eloq-main .eloq-empty-state{background:var(--conversation-paper);border:1px dashed var(--conversation-line);border-radius:18px}.eloq-main .eloq-empty-state svg{color:var(--primary)}.eloq-admin [style*="border-radius: 8px"]{border-color:var(--conversation-line)}.eloq-settings [style*="border-radius: 16px"] button:hover{background:color-mix(in srgb, var(--primary) 6%, var(--bg-default))!important}.eloq-login{--login-panel:var(--conversation-paper);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 55%), var(--bg-root)!important;width:min(100%,480px)!important;min-height:100dvh!important;padding:clamp(28px,7vh,70px) 24px!important}.eloq-login h1{font-family:var(--font-display);letter-spacing:-.04em;font-size:39px!important;font-weight:500!important}.eloq-login form{border:1px solid var(--conversation-line);background:var(--login-panel);box-shadow:0 20px 48px color-mix(in srgb, var(--text) 7%, transparent);border-radius:22px;padding:clamp(20px,5vw,30px)}:is(.eloq-login form>div:has(input[type=email]),.eloq-login form>div:has(input[type=password])){gap:8px!important}.eloq-login label{letter-spacing:.01em}.eloq-login input::placeholder,.eloq-main input::placeholder,.eloq-main textarea::placeholder{color:var(--text-secondary);opacity:.7}.eloq-recording .eloq-button,.eloq-question-prep .eloq-button,.eloq-assessment-result .eloq-button{min-height:52px}@media (width<=600px){.eloq-main{padding:18px 16px 28px!important}.eloq-theme-select>div[style*=grid-template-columns]{grid-template-columns:1fr 1fr!important}.eloq-mode-select>div:last-child>button{padding:16px!important}.eloq-mascot-hero{grid-template-columns:1fr;gap:0;min-height:330px;padding:22px 20px 12px}.eloq-mascot-copy{text-align:center}.eloq-mascot-copy>p:last-child{margin-inline:auto}.eloq-mascot-viewer{height:190px}.eloq-theme-select>div[style*="display: grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.eloq-admin input[type=datetime-local]{min-width:0}.eloq-admin [style*="align-items: center"]>input[type=datetime-local]{flex-basis:100%}.eloq-admin [style*="align-items: center"]>input[type=datetime-local]+button{flex:1}.eloq-login{padding-top:max(35px, env(safe-area-inset-top))!important;justify-content:flex-start!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.fade-in,.fade-in-down,.eloq-recording *,.eloq-composition *,.eloq-main .eloq-button{animation:none!important}.eloq-main button,.eloq-header button,.eloq-button{transition:none!important}.eloq-mascot-hero,.eloq-mascot-viewer[data-status=loading]:before{animation:none!important}}