:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1018;--surface:#191c29;--surface-2:#20263a;--border:#2e344a;--text:#e9ebf2;--text-dim:#a0a2b1;--accent:#f1bd7b;--again:#f0616e;--hard:#e0a34a;--good:#6dc48c;--easy:#5cc2e8;--mark:color-mix(in srgb, var(--accent) 22%, transparent);--fond-accent:color-mix(in srgb, var(--accent) 15%, transparent);--fond-juste:color-mix(in srgb, var(--good) 12%, transparent);--fond-succes:color-mix(in srgb, var(--good) 10%, transparent);--fond-faux:color-mix(in srgb, var(--again) 12%, transparent);--fond-erreur:color-mix(in srgb, var(--again) 10%, transparent);--ombre:#00000059;--voile:#0009;--rayon-petit:8px;--rayon-moyen:12px;--rayon-grand:16px;--rayon-pastille:999px;--texte-1:12px;--texte-2:14px;--texte-3:16px;--texte-4:20px;--texte-5:26px;--texte-6:34px;--texte-mot:44px;--texte-mot-etroit:36px;--texte-orbe:4rem;--espace-1:4px;--espace-2:8px;--espace-3:12px;--espace-4:16px;--espace-5:20px;--espace-6:24px;--espace-7:32px;--espace-8:48px;--espace-9:64px;--jp-font:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif}*{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit}.hors-vue{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, var(--jp-font);min-height:100vh}.topbar{padding:var(--espace-3) var(--espace-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.brand{font-weight:700;font-size:var(--texte-4);letter-spacing:.04em;color:var(--text);text-decoration:none}.topbar-cours{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-pastille);color:var(--text);font-size:var(--texte-2);padding:var(--espace-2) var(--espace-3);margin-left:var(--espace-3);cursor:pointer}.topbar nav{justify-content:flex-end;gap:var(--espace-5);flex-wrap:wrap;display:flex}.topbar nav a{color:var(--text-dim);font-size:var(--texte-2);text-decoration:none;transition:color .12s}.topbar nav a:hover,.topbar nav a.nav-active{color:var(--text)}.topbar nav a.nav-active{font-weight:600}main{max-width:760px;padding:var(--espace-7) var(--espace-6) var(--espace-9);margin:0 auto}main:has(.ecran-large){max-width:1200px}.session-status{gap:var(--espace-2);margin-bottom:var(--espace-6);justify-content:center;display:flex}.stat-pill{align-items:center;gap:var(--espace-1);min-width:84px;padding:var(--espace-2) var(--espace-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-moyen);color:var(--text-dim);font-size:var(--texte-1);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;display:flex}.stat-pill strong{color:var(--text);font-size:var(--texte-4)}.courses{text-align:center}.ecran-large .cours-grille{gap:var(--espace-3);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.ecran-large .cours-grille .course-card{margin-bottom:0}.ecran-large .cours-grille .course-danger{grid-column:1/-1}.courses-sub{color:var(--text-dim);margin:var(--espace-1) 0 var(--espace-6)}.course-card{align-items:center;gap:var(--espace-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-grand);width:100%;padding:var(--espace-4) var(--espace-5);margin-bottom:var(--espace-3);color:var(--text);cursor:pointer;transition:transform 80ms,border-color .12s;display:flex}.course-card:hover{border-color:var(--accent);transform:translateY(-1px)}.course-flag{width:52px;height:52px;font-family:var(--jp-font);font-size:var(--texte-5);background:var(--surface-2);border-radius:var(--rayon-moyen);color:var(--accent);flex:none;justify-content:center;align-items:center;display:flex}.course-body{gap:var(--espace-1);flex-direction:column;flex:1;display:flex}.course-name{font-size:var(--texte-4);font-weight:650}.course-from{color:var(--text-dim);font-size:var(--texte-2)}.course-cta{background:var(--accent);color:var(--bg);border-radius:var(--rayon-pastille);padding:var(--espace-2) var(--espace-4);font-weight:650;font-size:var(--texte-2);flex:none}.courses-head{justify-content:space-between;align-items:center;gap:var(--espace-3);display:flex}.courses-head h1{margin:0}.courses-actions{gap:var(--espace-2);display:flex}.courses-manage,.courses-add,.course-cancel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-pastille);color:var(--text);font-size:var(--texte-2);padding:var(--espace-2) var(--espace-4);cursor:pointer}.courses-add{border-color:var(--accent);color:var(--accent);font-weight:650}.course-open{align-items:center;gap:var(--espace-4);color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;flex:1;padding:0;display:flex}.course-remove{border:1px solid var(--again);border-radius:var(--rayon-pastille);color:var(--again);font-size:var(--texte-2);padding:var(--espace-2) var(--espace-4);cursor:pointer;background:0 0;flex:none}.course-actions{gap:var(--espace-2);flex:none;display:flex}.course-reset{border:1px solid var(--hard);border-radius:var(--rayon-pastille);color:var(--hard);font-size:var(--texte-2);padding:var(--espace-2) var(--espace-4);cursor:pointer;background:0 0;flex:none}.course-reset:disabled,.course-remove:disabled{opacity:.45;cursor:default}.course-danger{border-color:var(--again);cursor:default}.course-bloque{opacity:.55;cursor:not-allowed}.course-bloque:hover{border-color:var(--border);transform:none}.course-bloque .course-open,.lang-option:disabled{cursor:not-allowed}.course-bloque-note{color:var(--text-dim);font-size:var(--texte-2)}.course-confirm-label{color:var(--text-dim);font-size:var(--texte-2);margin-top:var(--espace-3)}.course-confirm-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-moyen);color:var(--text);font-size:var(--texte-3);padding:var(--espace-2) var(--espace-3);margin-top:var(--espace-1)}.course-confirm-actions{gap:var(--espace-2);margin-top:var(--espace-3);display:flex}.course-add-list{gap:var(--espace-2);margin-top:var(--espace-1);flex-direction:column;display:flex}.lang-option{align-items:center;gap:var(--espace-3);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-grand);width:100%;padding:var(--espace-3) var(--espace-4);font-size:var(--texte-3);display:flex}.lang-option:hover{border-color:var(--accent)}.lang-option .course-flag{width:40px;height:40px;font-size:var(--texte-4)}.nav-user{margin-left:var(--espace-1);align-items:center;display:inline-flex}.auth-wrap{padding:var(--espace-7) var(--espace-4);justify-content:center;display:flex}.level-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-grand);padding:var(--espace-5) var(--espace-6);margin:var(--espace-5) 0 var(--espace-4)}.level-head{align-items:baseline;gap:var(--espace-3);display:flex}.level-no{font-size:var(--texte-4);color:var(--accent);font-weight:700}.level-name{font-size:var(--texte-3);color:var(--text)}.level-bar{background:var(--surface-2);border-radius:var(--rayon-pastille);height:10px;margin:var(--espace-3) 0 var(--espace-2);overflow:hidden}.level-bar-fill{background:var(--accent);border-radius:var(--rayon-pastille);height:100%;transition:width .4s}.level-foot{color:var(--text-dim);font-size:var(--texte-2);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-grand);padding:var(--espace-7) var(--espace-7);text-align:center;box-shadow:0 8px 30px var(--ombre)}.card-tag{font-size:var(--texte-1);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);background:var(--mark);border-radius:var(--rayon-pastille);padding:var(--espace-1) var(--espace-3);margin-bottom:var(--espace-5);display:inline-block}.sentence{font-family:var(--jp-font);font-size:var(--texte-6);margin:var(--espace-1) 0 var(--espace-4);line-height:1.6}.sentence mark,.accueil-demo mark{background:var(--mark);color:var(--accent);border-radius:var(--rayon-petit);padding:0 var(--espace-1)}.cloze-gap{color:var(--accent);border-bottom:2px dashed var(--accent)}.reading{font-family:var(--jp-font);font-size:var(--texte-4);color:var(--accent);margin-bottom:var(--espace-1)}.romaji{color:var(--text-dim);font-style:italic}.word-big{font-family:var(--jp-font);font-size:var(--texte-mot);margin:var(--espace-2) 0 var(--espace-1)}.sentence-romaji{font-family:inherit;font-size:var(--texte-6);letter-spacing:.01em}.breakdown{margin:var(--espace-1) auto var(--espace-3);text-align:left;max-width:520px}.breakdown-row{align-items:baseline;gap:var(--espace-3);padding:var(--espace-2) var(--espace-3);border-radius:var(--rayon-moyen);display:flex}.breakdown-row+.breakdown-row{margin-top:var(--espace-1)}.breakdown-target{background:var(--mark)}.breakdown-word{min-width:110px;font-size:var(--texte-4);font-weight:600}.breakdown-new{font-size:var(--texte-1);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600;display:block}.breakdown-sense{color:var(--text-dim);font-size:var(--texte-3)}.breakdown-dict{font-style:italic}.definition{margin-top:var(--espace-3);padding-top:var(--espace-3);border-top:1px solid var(--surface-2)}.field-row{margin:var(--espace-2) auto;max-width:560px;font-size:var(--texte-3)}.field-label{margin-right:var(--espace-2);padding:var(--espace-1) var(--espace-2);border-radius:var(--rayon-pastille);background:var(--surface-2);color:var(--text-dim);font-size:var(--texte-1);text-transform:uppercase;letter-spacing:.08em;display:inline-block}.reveal-btn{margin:var(--espace-4) auto 0;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--rayon-moyen);color:var(--text);font-size:var(--texte-3);padding:var(--espace-3) var(--espace-6);cursor:pointer;display:block}.reveal-btn:hover{background:var(--mark)}.continue-btn{border-color:var(--good);background:var(--mark)}.placement-caution{color:var(--text);font-size:var(--texte-2);max-width:34em;margin:0 auto var(--espace-5);line-height:1.55}.placement-hint{color:var(--text-dim);font-size:var(--texte-1);text-align:center;margin:var(--espace-2) 0 0}.quota-actions{align-items:center;gap:var(--espace-2);margin-top:var(--espace-5);flex-direction:column;display:flex}.tabs{gap:var(--espace-2);margin:var(--espace-4) 0 var(--espace-5);display:flex}.tab{justify-content:center;align-items:center;gap:var(--espace-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-moyen);color:var(--text-dim);font-size:var(--texte-3);padding:var(--espace-3) 0;cursor:pointer;flex:1;display:inline-flex}.tab-active{color:var(--text);border-color:var(--accent)}.tab-count{font-variant-numeric:tabular-nums;font-size:var(--texte-1);background:var(--surface);border-radius:var(--rayon-pastille);padding:var(--espace-1) var(--espace-2);color:var(--text-dim)}.vocab-list{gap:var(--espace-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ecran-large .vocab-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.vocab-row{justify-content:space-between;align-items:baseline;gap:var(--espace-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-moyen);padding:var(--espace-3) var(--espace-4);display:flex}.vocab-word{font-size:var(--texte-3);color:var(--text);font-weight:600}.vocab-meaning{font-size:var(--texte-2);color:var(--text-dim);text-align:right;flex:auto}.vocab-forget{border:1px solid var(--border);border-radius:var(--rayon-petit);color:var(--text-dim);font-size:var(--texte-2);padding:var(--espace-2) var(--espace-3);cursor:pointer;background:0 0;flex:none;min-height:36px}.vocab-forget:hover,.vocab-forget:focus-visible{color:var(--text);border-color:var(--text-dim)}.quota-actions .reveal-btn{margin:0}.ghost-btn{color:var(--text-dim);font-size:var(--texte-2);padding:var(--espace-2) var(--espace-4);cursor:pointer;background:0 0;border:none;text-decoration:underline}.ghost-btn:hover{color:var(--text)}.ghost-btn:disabled{opacity:.4;cursor:default;text-decoration:none}.placement-progress{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:var(--texte-2);letter-spacing:.04em;margin-bottom:var(--espace-4)}.tutor{gap:var(--espace-3);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.reserve{max-width:420px;margin:0 auto var(--espace-6);padding:var(--espace-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-moyen)}.reserve-ligne{justify-content:space-between;align-items:baseline;gap:var(--espace-3);margin-bottom:var(--espace-3);display:flex}.reserve-minutes{color:var(--text);font-size:var(--texte-3);font-weight:600}.reserve-recharge{color:var(--text-dim);font-size:var(--texte-2)}.reserve-piste{border-radius:var(--rayon-pastille);background:var(--surface-2);height:8px;overflow:hidden}.reserve-remplissage{border-radius:var(--rayon-pastille);background:var(--accent);height:100%;transition:width .4s}.reserve-basse{background:var(--again)}.premium-tag{padding:var(--espace-1) var(--espace-2);border-radius:var(--rayon-pastille);background:var(--fond-accent);color:var(--accent);font-size:var(--texte-1);letter-spacing:.03em;margin-bottom:var(--espace-2);font-weight:600;display:inline-block}.mic-btn{width:100%;max-width:420px;padding:var(--espace-4);font-size:var(--texte-4);border-radius:var(--rayon-grand);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:600}.mic-btn.mic-on{background:var(--accent);color:var(--bg);border-color:var(--accent);animation:1.2s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.65}}.tutor-type{gap:var(--espace-2);width:100%;max-width:420px;display:flex}.tutor-type input{padding:var(--espace-3);font-size:var(--texte-3);border-radius:var(--rayon-moyen);border:1px solid var(--border);background:var(--surface);color:var(--text);flex:1}.tutor-type .reveal-btn{margin:0}.built-line{min-height:56px;margin:var(--espace-4) auto var(--espace-2);max-width:640px;padding:var(--espace-2);border:1px dashed var(--surface-2);border-radius:var(--rayon-moyen);gap:var(--espace-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.built-wrong{border-color:var(--again)}.hint-inline{color:var(--text-dim)}.chip-bank{gap:var(--espace-2);margin:var(--espace-2) auto;flex-wrap:wrap;justify-content:center;max-width:640px;display:flex}.chip{background:var(--surface-2);border-radius:var(--rayon-moyen);color:var(--text);font-size:var(--texte-4);padding:var(--espace-2) var(--espace-3);cursor:pointer;align-items:center;gap:var(--espace-2);border:1px solid #0000;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--accent)}.chip-placed{background:var(--mark);touch-action:none}.chip-dragging{opacity:.5;border-color:var(--accent)}.sentence-dim{opacity:.85}.listen-only{color:var(--text-dim);font-style:italic}.mic-btn{margin:var(--espace-4) auto 0;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--rayon-pastille);color:var(--text);font-size:var(--texte-3);padding:var(--espace-3) var(--espace-6);cursor:pointer;transition:background .12s;display:block}.mic-btn:hover{background:var(--mark)}.mic-on{border-color:var(--again);animation:1.2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--again) 40%, transparent)}50%{box-shadow:0 0 0 10px #0000}}.meanings{color:var(--text-dim);font-size:var(--texte-3);margin-bottom:var(--espace-1)}.meanings-grand{font-size:var(--texte-4)}.translation{color:var(--text-dim);font-style:italic;font-size:var(--texte-3);margin-top:var(--espace-3)}.hint{color:var(--text-dim);font-size:var(--texte-2);margin-top:var(--espace-6)}.answer-right{color:var(--good);font-size:var(--texte-4);margin-top:var(--espace-3)}.answer-wrong{color:var(--again);font-size:var(--texte-4);margin-top:var(--espace-3)}.choice-list{gap:var(--espace-3);margin-top:var(--espace-6);grid-template-columns:1fr 1fr;display:grid}.choice{align-items:center;gap:var(--espace-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-moyen);color:var(--text);padding:var(--espace-3) var(--espace-4);font-size:var(--texte-4);cursor:pointer;text-align:left;transition:transform 80ms,border-color .12s,background .12s;display:flex}.choice:hover{border-color:var(--accent);transform:translateY(-1px)}.choice-correct{border-color:var(--good);background:var(--fond-juste)}.choice-wrong{border-color:var(--again);background:var(--fond-faux)}.choice-marque{flex:none;font-weight:700;line-height:1}.grade-bar{gap:var(--espace-3);margin-top:var(--espace-7);justify-content:center;display:flex}.success-grade-hint{text-align:center;color:var(--text-dim);font-size:var(--texte-2);margin:var(--espace-5) 0 0}.success-grade-hint+.grade-bar{margin-top:var(--espace-2)}.grade-bar button{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-moyen);max-width:130px;color:var(--text);font-size:var(--texte-3);padding:var(--espace-3) 0 var(--espace-2);cursor:pointer;flex:1;transition:transform 80ms,border-color .12s}.grade-bar button:hover{transform:translateY(-1px)}.grade-bar button small{color:var(--text-dim);font-size:var(--texte-1);margin-top:var(--espace-1);display:block}.grade-again:hover{border-color:var(--again)}.grade-hard:hover{border-color:var(--hard)}.grade-good:hover{border-color:var(--good)}.grade-easy:hover{border-color:var(--easy)}.audio-btn{border:1px solid var(--border);border-radius:var(--rayon-pastille);color:var(--accent);font-size:var(--texte-2);padding:var(--espace-1) var(--espace-4);cursor:pointer;margin-top:var(--espace-2);background:0 0}.audio-btn:hover{border-color:var(--accent)}.center-box{text-align:center;padding:var(--espace-9) 0;color:var(--text-dim)}.center-box h2{color:var(--text);font-size:var(--texte-5);margin-bottom:var(--espace-2)}.error-box{background:var(--fond-erreur);border:1px solid var(--again);color:var(--again);border-radius:var(--rayon-moyen);padding:var(--espace-3) var(--espace-4);margin:var(--espace-5) 0}.stats-grid{gap:var(--espace-4);margin-top:var(--espace-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-grand);padding:var(--espace-5)}.stat-value{font-size:var(--texte-6);color:var(--accent);font-weight:700}.stat-label{color:var(--text-dim);font-size:var(--texte-2);margin-top:var(--espace-1)}h1{font-size:var(--texte-5);font-weight:650}.danger-zone{margin-top:var(--espace-8);padding-top:var(--espace-6);border-top:1px solid var(--border);text-align:center}.danger-btn{border:1px solid var(--again);border-radius:var(--rayon-moyen);color:var(--again);font-size:var(--texte-2);padding:var(--espace-2) var(--espace-5);cursor:pointer;background:0 0;transition:background .12s}.danger-btn:hover{background:var(--fond-faux)}.danger-btn:disabled{opacity:.5;cursor:default}.billing-courant{color:var(--text-dim);margin-top:var(--espace-1)}.billing-retour{background:var(--fond-succes);border:1px solid var(--good);border-radius:var(--rayon-moyen);padding:var(--espace-3) var(--espace-4);margin:var(--espace-5) 0}.billing-retour p{margin:var(--espace-1) 0 0;color:var(--text-dim)}.plan-periodes{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-moyen);padding:var(--espace-1);margin-top:var(--espace-6);display:inline-flex}.plan-periode{border-radius:var(--rayon-petit);color:var(--text-dim);font-size:var(--texte-2);padding:var(--espace-2) var(--espace-5);cursor:pointer;background:0 0;border:0;font-weight:600;transition:background .12s,color .12s}.plan-periode[aria-selected=true]{background:var(--accent);color:var(--bg);cursor:default}.plan-periode:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.plans-grid{gap:var(--espace-4);margin-top:var(--espace-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.plan-periodes+.plans-grid{margin-top:var(--espace-4)}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-grand);padding:var(--espace-5);flex-direction:column;display:flex}.plan-name{font-size:var(--texte-3);color:var(--text-dim);font-weight:600}.plan-price{font-size:var(--texte-6);color:var(--accent);margin-top:var(--espace-1);font-weight:700}.plan-period{color:var(--text-dim);font-size:var(--texte-2)}.plan-puces{margin:var(--espace-4) 0 var(--espace-4);color:var(--text-dim);font-size:var(--texte-2);flex:1;padding:0;list-style:none}.plan-puces li{padding-left:var(--espace-4);margin-bottom:var(--espace-2);position:relative}.plan-puces li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:2px}.plan-vide{height:46px}.plan-btn{background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--rayon-moyen);color:var(--text);font-size:var(--texte-3);padding:var(--espace-3) var(--espace-6);cursor:pointer;transition:background .12s}.plan-btn:hover:not(:disabled){background:var(--mark)}.plan-btn:disabled{border-color:var(--border);color:var(--text-dim);cursor:default}.plan-btn-discret{border-color:var(--border);color:var(--text-dim)}.billing-confirm-fond{background:var(--voile);padding:var(--espace-5);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.billing-confirm{background:var(--surface);border:1px solid var(--accent);border-radius:var(--rayon-grand);padding:var(--espace-6);width:100%;max-width:460px}.billing-confirm p{margin:var(--espace-2) 0 var(--espace-5);color:var(--text-dim);line-height:1.5}.billing-confirm-actions{gap:var(--espace-3);flex-wrap:wrap;display:flex}.billing-liens-legaux{gap:var(--espace-4);flex-wrap:wrap;display:flex}.demande-langue{background:var(--surface);border:1px solid var(--accent);border-radius:var(--rayon-grand);padding:var(--espace-5);margin-bottom:var(--espace-5)}.demande-langue h2{font-size:var(--texte-3);margin:0}.demande-langue p{margin:var(--espace-2) 0 var(--espace-4);color:var(--text-dim);line-height:1.5}.demande-langue-liste{gap:var(--espace-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.demande-langue-option{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-pastille);color:var(--text);cursor:pointer;font-size:var(--texte-2);padding:var(--espace-3) var(--espace-4)}.demande-langue-option:hover:not(:disabled){border-color:var(--accent)}.demande-langue-option:disabled{cursor:default;opacity:.6}.demande-langue-devinee{border-color:var(--accent);font-weight:600}.commentaire-bouton{cursor:pointer;font-size:var(--texte-4);padding:var(--espace-1) var(--espace-2);background:0 0;border:none;line-height:1}.commentaire-fond{background:var(--voile);padding:var(--espace-5);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.commentaire{background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-grand);padding:var(--espace-6);width:100%;max-width:460px}.commentaire h2{margin:0 0 var(--espace-2);font-size:var(--texte-4)}.commentaire p{margin:0 0 var(--espace-4);color:var(--text-dim);line-height:1.5}.commentaire textarea{box-sizing:border-box;background:var(--bg);border:1px solid var(--border);border-radius:var(--rayon-petit);width:100%;padding:var(--espace-3);resize:vertical}.commentaire-erreur{color:var(--again);margin-top:var(--espace-3)}.commentaire-actions{justify-content:flex-end;gap:var(--espace-3);margin-top:var(--espace-4);display:flex}.billing-gerer{margin-top:var(--espace-8);padding-top:var(--espace-6);border-top:1px solid var(--border);color:var(--text-dim)}.billing-gerer h2{font-size:var(--texte-4);color:var(--text)}.billing-gerer a{color:var(--accent)}@media (max-width:640px){.topbar{padding:var(--espace-3) var(--espace-4);row-gap:var(--espace-2);flex-wrap:wrap}.topbar nav{gap:var(--espace-4);row-gap:var(--espace-2);flex-wrap:wrap}main{padding:var(--espace-5) var(--espace-3) var(--espace-8)}.card{padding:var(--espace-6) var(--espace-4);border-radius:var(--rayon-grand)}.sentence,.sentence-romaji{font-size:var(--texte-5)}.word-big{font-size:var(--texte-mot-etroit)}.choice-list{gap:var(--espace-2);grid-template-columns:1fr}.choice{padding:var(--espace-4);font-size:var(--texte-4)}.grade-bar{gap:var(--espace-2)}.grade-bar button{padding:var(--espace-3) 0;font-size:var(--texte-2)}.chip{font-size:var(--texte-4);padding:var(--espace-3) var(--espace-4)}.breakdown-word{min-width:88px;font-size:var(--texte-4)}.stat-pill{min-width:0;padding:var(--espace-2) var(--espace-1);flex:1}}.voice-orb{font-size:var(--texte-orbe);margin:var(--espace-4) 0;background:var(--surface-2);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:border-color .2s,box-shadow .2s;display:flex}.voice-orb-on{border-color:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 50%, transparent);animation:1.4s ease-out infinite voicePulse}@keyframes voicePulse{to{box-shadow:0 0 0 22px #0000}}.reveal-btn-stop{background:var(--again);border-color:var(--again);color:var(--bg)}.consent-corps{text-align:left;max-width:36rem;margin:0 auto var(--espace-3);line-height:1.55}.mic-error-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--texte-1);opacity:.6;margin-top:calc(-1 * var(--espace-1))}.legal{max-width:62ch;padding:var(--espace-7) var(--espace-6) var(--espace-9);color:var(--text);margin:0 auto;line-height:1.65}.legal h1{font-size:var(--texte-6);margin:0 0 var(--espace-1)}.legal h2{font-size:var(--texte-4);margin:var(--espace-7) 0 var(--espace-2);color:var(--accent)}.legal h3{font-size:var(--texte-3);margin:var(--espace-6) 0 var(--espace-1);color:var(--text)}.legal p,.legal li{color:var(--text)}.legal ul{padding-left:var(--espace-5)}.legal li{margin-bottom:var(--espace-2)}.legal a{color:var(--accent)}.legal-date{color:var(--text-dim);font-size:var(--texte-2);margin-top:0}.legal-table{border-collapse:collapse;width:100%;margin:var(--espace-3) 0;font-size:var(--texte-3)}.legal-table th,.legal-table td{border:1px solid var(--border);padding:var(--espace-2) var(--espace-2);text-align:left;vertical-align:top}.legal-table th{background:var(--surface-2);font-weight:600}.legal-langue{gap:var(--espace-2) var(--espace-3);margin:0 0 var(--espace-4);padding-bottom:var(--espace-3);border-bottom:1px solid var(--border);font-size:var(--texte-2);color:var(--text-dim);flex-wrap:wrap;align-items:baseline;display:flex}.legal-langue a{color:var(--accent)}.legal-langue span{color:var(--text);font-weight:600}.legal-links{margin-top:var(--espace-8);padding-top:var(--espace-4);border-top:1px solid var(--border);color:var(--text-dim)}.footer{justify-content:space-between;align-items:center;gap:var(--espace-3);padding:var(--espace-5) var(--espace-6);border-top:1px solid var(--border);color:var(--text-dim);font-size:var(--texte-2);flex-wrap:wrap;display:flex}.footer-links{gap:var(--espace-4);display:flex}.footer a{color:var(--text-dim);text-decoration:none}.footer a:hover{color:var(--text)}.accueil-entete{margin-bottom:var(--espace-8);justify-content:space-between;align-items:center;display:flex}.accueil-liens{gap:var(--espace-4);align-items:center;display:flex}.accueil-entete a{color:var(--text-dim);font-size:var(--texte-2);text-decoration:none}.menu-langue{display:inline-block;position:relative}.menu-langue>summary{align-items:center;gap:var(--espace-2);padding:var(--espace-1) var(--espace-1);color:var(--text-dim);font-size:var(--texte-2);cursor:pointer;list-style:none;display:inline-flex}.menu-langue>summary::-webkit-details-marker{display:none}.menu-langue>summary:hover{color:var(--text)}.menu-langue>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .12s;transform:translateY(-2px)rotate(45deg)}.menu-langue[open]>summary:after{transform:translateY(1px)rotate(-135deg)}.menu-langue-liste{z-index:20;min-width:150px;padding:var(--espace-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-moyen);margin:0;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.menu-langue-liste a{width:100%;padding:var(--espace-2) var(--espace-2);border-radius:var(--rayon-petit);color:var(--text);font-size:var(--texte-2);text-align:left;cursor:pointer;background:0 0;border:none;text-decoration:none;display:block}.menu-langue-liste a:hover{background:var(--mark)}.menu-langue-liste span[aria-current]{color:var(--text-dim);cursor:default;padding:var(--espace-2) var(--espace-2);font-size:var(--texte-2);display:block}.accueil-entete a:hover{color:var(--text)}.accueil-hero h1{font-size:clamp(var(--texte-6), 6vw, var(--texte-mot));letter-spacing:-.02em;margin:0 0 var(--espace-5);line-height:1.15}.accueil-chapeau{font-size:var(--texte-3);color:var(--text-dim);margin:0 0 var(--espace-7);max-width:34em;line-height:1.6}.accueil-cta{background:var(--accent);color:var(--bg);padding:var(--espace-3) var(--espace-5);border-radius:var(--rayon-moyen);font-weight:650;text-decoration:none;display:inline-block}.accueil-cta:hover{filter:brightness(1.08)}.accueil-echo{width:min(100%,640px);height:132px;margin-top:var(--espace-8);display:block}.accueil-demo{background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-grand);padding:var(--espace-6);margin:var(--espace-8) 0;text-align:center}.accueil-demo-jp{font-family:var(--jp-font);font-size:var(--texte-5);margin:0 0 var(--espace-2)}.accueil-demo-romaji{color:var(--text-dim);font-size:var(--texte-3);margin:0 0 var(--espace-4)}.accueil-demo-sens{font-size:var(--texte-3);margin:0 0 var(--espace-5)}.accueil-demo-legende{color:var(--text-dim);font-size:var(--texte-2);border-top:1px solid var(--border);padding-top:var(--espace-4);margin:0;line-height:1.6}.accueil-section{margin:var(--espace-8) 0}.accueil-section h2,.accueil-fin h2{font-size:var(--texte-4);margin:0 0 var(--espace-4);font-weight:650}.accueil-section h3{font-size:var(--texte-3);margin:var(--espace-6) 0 var(--espace-1);font-weight:650}.accueil-section p,.accueil-fin p{color:var(--text-dim);margin:0 0 var(--espace-3);line-height:1.65}.accueil-section .plans-grid{margin:var(--espace-6) 0}.accueil-fin{margin-top:var(--espace-9);padding-top:var(--espace-7);border-top:1px solid var(--border);text-align:center}.compte-section{border:1px solid var(--border);border-radius:var(--rayon-grand);padding:var(--espace-4);margin-top:var(--espace-4);text-align:left;gap:var(--espace-2);flex-direction:column;display:flex}.compte-section h2{font-size:var(--texte-4);margin:0}.compte-lien{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--rayon-pastille);color:var(--text);font-size:var(--texte-2);padding:var(--espace-2) var(--espace-4);align-self:flex-start;text-decoration:none}.compte-danger{border-color:var(--again)}