:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--spoty-bg:#fbf7ef;--spoty-bg-elevated:#fff;--spoty-ink:#1f2933;--spoty-ink-soft:#5b6572;--spoty-ink-faint:#8a93a0;--spoty-accent:#2f7a5f;--spoty-accent-dark:#1f5a44;--spoty-accent-soft:#e4f2ec;--spoty-energy:#ff7a45;--spoty-energy-dark:#dd5a26;--spoty-energy-soft:#ffe9dd;--spoty-info:#1e4bb8;--spoty-info-soft:#eef4ff;--spoty-warn:#8a5a00;--spoty-warn-soft:#fff3dc;--spoty-danger:#b3261e;--spoty-danger-soft:#fdecea;--spoty-border:#ead9c2;--spoty-border-strong:#d8c9a8;--radius-sm:.5rem;--radius-md:.9rem;--radius-lg:1.35rem;--radius-pill:999px;--shadow-sm:0 1px 2px #1f29330f;--shadow-md:0 10px 24px -6px #1f293324;--shadow-lg:0 20px 44px -10px #1f293333;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.25rem;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes spoty-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spoty-celebrate{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(-4deg)}55%{transform:translateY(0)rotate(3deg)}80%{transform:translateY(-2px)rotate(-1deg)}}body{color:var(--spoty-ink);background:radial-gradient(52rem 30rem at 12% -10%, var(--spoty-accent-soft) 0%, transparent 60%), radial-gradient(46rem 26rem at 108% 8%, var(--spoty-energy-soft) 0%, transparent 55%), var(--spoty-bg);background-attachment:fixed;margin:0}#root{min-height:100vh}h1,h2,h3{letter-spacing:-.01em;font-weight:800;line-height:1.2}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[role=radio]:focus-visible{outline:3px solid var(--spoty-accent);outline-offset:2px}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-layout__header{border-bottom:1px solid var(--spoty-border);background:var(--spoty-bg-elevated);z-index:10;box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.app-layout__brand{align-items:center;gap:.6rem;font-weight:800;display:flex}.app-layout__title{color:var(--spoty-accent-dark);letter-spacing:-.01em;font-size:1.2rem}.app-layout__nav{flex-wrap:wrap;flex:1;gap:.4rem;display:flex}.app-layout__nav a{color:var(--spoty-ink-soft);border-radius:var(--radius-pill);padding:.4rem .8rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s}.app-layout__nav a:hover{background:var(--spoty-accent-soft);color:var(--spoty-accent-dark)}.app-layout__nav a.active{background:var(--spoty-accent);color:#fff;font-weight:700}.app-layout__content{padding:var(--space-5) var(--space-4) var(--space-6);flex:1;width:100%;max-width:760px;margin:0 auto}.app-layout__footer{color:var(--spoty-ink-faint);text-align:center;border-top:1px solid var(--spoty-border);padding:.75rem 1.25rem;font-size:.8rem}.api-status-badge{border-radius:var(--radius-pill);white-space:nowrap;padding:.3rem .7rem;font-size:.75rem;font-weight:600}.api-status-badge--ok{background:var(--spoty-accent-soft);color:var(--spoty-accent-dark)}.api-status-badge--warn{background:var(--spoty-danger-soft);color:var(--spoty-danger)}.home-page,.child-home-page,.parent-home-page,.session-demo-page,.child-session-page{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.child-session-page,.parent-home-page{width:100%}.parent-home-page__header{align-items:center;gap:1rem;display:flex}.parent-home-page__subtitle{color:var(--spoty-ink-soft);margin:.15rem 0 0;font-size:.95rem}.parent-report{flex-direction:column;gap:1rem;width:100%;display:flex}.parent-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:100%;display:grid}.parent-card{background:var(--spoty-bg-elevated);border:1px solid var(--spoty-border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);padding:1.1rem}.parent-card h2{margin:0 0 .6rem;font-size:1.05rem}.parent-overview__text{margin:0}.parent-empty-state{background:var(--spoty-bg-elevated);border:1px solid var(--spoty-border);border-radius:var(--radius-md);color:var(--spoty-ink-soft);margin:0;padding:1.1rem}.parent-list{flex-direction:column;gap:.4rem;margin:0;padding-left:1.2rem;display:flex}.parent-sessions,.parent-skills{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.parent-sessions__item{border:1px solid var(--spoty-border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;padding:.5rem .6rem;display:flex}.parent-sessions__date{font-weight:600}.parent-sessions__mode{color:var(--spoty-ink-soft)}.parent-sessions__result{margin-left:auto}.parent-skills__item{border:1px solid var(--spoty-border);border-radius:var(--radius-sm);padding:.6rem}.parent-skills__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.parent-skills__label{font-weight:600}.parent-skills__note{color:var(--spoty-ink-soft);margin:.3rem 0 0;font-size:.9rem}.parent-skills__badge,.parent-indicator__badge{border-radius:var(--radius-pill);border:1px solid var(--spoty-border);white-space:nowrap;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.parent-skills__badge--maitrise,.parent-indicator__badge--bonne{background:var(--spoty-accent-soft);color:var(--spoty-accent-dark)}.parent-skills__badge--en_progres,.parent-indicator__badge--moyenne{background:var(--spoty-info-soft);color:var(--spoty-info)}.parent-skills__badge--a_renforcer,.parent-indicator__badge--a_accompagner{background:var(--spoty-warn-soft);color:var(--spoty-warn)}.parent-indicator{border:1px solid var(--spoty-border);border-radius:var(--radius-md);background:var(--spoty-bg-elevated);padding:.85rem}.parent-indicator__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.parent-indicator__title{font-weight:600}.parent-indicator__description{color:var(--spoty-ink-soft);margin:.4rem 0 0;font-size:.9rem}@media (width<=480px){.parent-home-page__header{flex-direction:column;align-items:flex-start}}.child-home-page{width:100%}.child-home-page__header{align-items:center;gap:1rem;display:flex}.child-home-page__subtitle{color:var(--spoty-ink-soft);margin:.15rem 0 0;font-size:.95rem}.child-dashboard{flex-direction:column;gap:1rem;width:100%;display:flex}.child-dashboard__cta{font-size:1.05rem}.child-dashboard__facts{flex-direction:column;gap:.3rem;margin:0;padding-left:1.2rem;display:flex}.child-progress-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.child-progress-grid h3{color:var(--spoty-ink-soft);margin:0 0 .4rem;font-size:.9rem}.child-progress-grid__empty{color:var(--spoty-ink-faint);margin:0;font-size:.9rem}.child-rewards{flex-wrap:wrap;gap:1rem;display:flex}.child-rewards__item{border:1px solid var(--spoty-border);border-radius:var(--radius-md);background:var(--spoty-energy-soft);flex-direction:column;align-items:center;gap:.15rem;min-width:5.5rem;padding:.7rem 1rem;display:flex}.child-rewards__value{color:var(--spoty-energy-dark);font-size:1.5rem;font-weight:800}.child-rewards__label{color:var(--spoty-ink-soft);font-size:.8rem}@media (width<=480px){.child-home-page__header{flex-direction:column;align-items:flex-start}}a.btn-primary{font:inherit;border-radius:var(--radius-pill);border:1.5px solid var(--spoty-energy-dark);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}a.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}a.btn-primary:active{transform:translateY(1px)}.session-source-note{border-radius:var(--radius-pill);align-self:stretch;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.session-source-note--mock,.session-source-note--fallback{background:var(--spoty-warn-soft);color:var(--spoty-warn);border:1px dashed #d9a441}.session-source-note--api{background:var(--spoty-accent-soft);color:var(--spoty-accent-dark)}.session-block{flex-direction:column;gap:1.1rem;width:100%;animation:.35s both spoty-fade-up;display:flex}.session-picker-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;width:100%;display:flex}.session-competence-picker__step{color:var(--spoty-ink);margin:0;font-size:1.05rem;font-weight:800}.session-step-dots{gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.session-step-dots li{background:var(--spoty-border-strong);border-radius:999px;width:.55rem;height:.55rem}.session-step-dots li[data-active=true]{background:var(--spoty-energy);width:1.3rem}.session-competence-picker{flex-wrap:wrap;gap:.7rem;width:100%;display:flex}.session-competence-picker--competences{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.session-competence-picker__item{border-radius:var(--radius-md);border:1.5px solid var(--spoty-border);background:var(--spoty-bg-elevated);color:var(--spoty-ink);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);padding:.85rem 1rem;font-size:.96rem;font-weight:600;line-height:1.35;transition:transform .12s,border-color .12s,box-shadow .12s,background-color .12s;position:relative}.session-competence-picker__item[data-icon]:before{content:attr(data-icon);margin-right:.5rem;font-size:1.15rem;display:inline-block}.session-competence-picker__item:hover:not(:disabled){border-color:var(--spoty-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.session-competence-picker__item:focus-visible{outline:3px solid var(--spoty-accent);outline-offset:2px}.session-competence-picker__item--selected{border-color:var(--spoty-accent);background:var(--spoty-accent-soft);color:var(--spoty-accent-dark);font-weight:700}.session-competence-picker__back{border:1px solid var(--spoty-border);color:var(--spoty-ink-soft);border-radius:var(--radius-pill);background:0 0;align-self:flex-start;padding:.5rem .9rem;font-size:.9rem;font-weight:600}@media (width<=480px){.session-competence-picker--competences{grid-template-columns:1fr}}.session-progress{background:var(--spoty-bg-elevated);border:1px solid var(--spoty-border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}.session-progress__text{color:var(--spoty-ink-soft);font-size:.85rem;font-weight:600}.session-progress__bar{background:var(--spoty-accent-soft);border-radius:999px;flex:1;min-width:120px;height:.6rem;overflow:hidden}.session-progress__fill{background:linear-gradient(90deg, var(--spoty-accent) 0%, var(--spoty-energy) 100%);border-radius:999px;height:100%;transition:width .3s;display:block}@media (prefers-reduced-motion:reduce){.session-progress__fill{transition:none}}.session-panel{background:var(--spoty-bg-elevated);border:1px solid var(--spoty-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.session-panel--exercise{border-color:var(--spoty-accent);border-width:1.5px}.session-item__badge{border-radius:var(--radius-pill);border:1px solid var(--spoty-border);align-self:flex-start;padding:.25rem .7rem;font-size:.75rem;font-weight:700}.session-item__badge--contenu{background:var(--spoty-info-soft);color:var(--spoty-info)}.session-item__badge--exercice{background:var(--spoty-energy-soft);color:var(--spoty-energy-dark)}.session-item__contenu{margin:0;font-size:1.1rem;line-height:1.55}.session-exercise__objectif{color:var(--spoty-ink-soft);margin:0;font-size:1.1rem;font-weight:700}.session-exercise__consigne{color:var(--spoty-ink);margin:0;font-size:1.4rem;font-weight:800}.session-hints{flex-direction:column;gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.session-hints__item{background:var(--spoty-warn-soft);border:1px solid var(--spoty-border);border-left:4px solid var(--spoty-energy);border-radius:var(--radius-sm);color:var(--spoty-warn);padding:.6rem .8rem;font-weight:600}.session-actions,.session-recovery-actions{flex-wrap:wrap;gap:.6rem;display:flex}.session-error{color:var(--spoty-danger);font-size:.9rem;font-weight:600}.session-exercise__format-hint{background:var(--spoty-accent-soft);color:var(--spoty-accent-dark);border-radius:var(--radius-sm);align-self:flex-start;margin:0;padding:.4rem .7rem;font-size:.9rem;font-weight:700}.session-qcm-choices{flex-wrap:wrap;gap:.6rem;width:100%;display:flex}.session-qcm-choices__item{border-radius:var(--radius-pill);border:1.5px solid var(--spoty-border);background:var(--spoty-bg-elevated);color:var(--spoty-ink);cursor:pointer;box-shadow:var(--shadow-sm);padding:.65rem 1.1rem;font-size:1rem;font-weight:700;line-height:1.3;transition:transform .12s,border-color .12s,box-shadow .12s,background-color .12s}.session-qcm-choices__item:hover:not(:disabled){border-color:var(--spoty-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.session-qcm-choices__item:focus-visible{outline:3px solid var(--spoty-accent);outline-offset:2px}.session-qcm-choices__item:disabled{cursor:not-allowed;opacity:.65}.session-qcm-choices__item--selected{border-color:var(--spoty-accent);background:var(--spoty-accent-soft);color:var(--spoty-accent-dark)}@media (width<=480px){.session-qcm-choices{width:100%}.session-qcm-choices__item{text-align:center;flex:auto}}.session-course-toggle{background:var(--spoty-info-soft);color:var(--spoty-info);border-color:var(--spoty-border);border-radius:var(--radius-pill);align-self:flex-start;padding:.4rem .75rem;font-size:.85rem;font-weight:700}.session-guidance{background:var(--spoty-warn-soft);border:1px solid var(--spoty-border);border-left:4px solid var(--spoty-energy);border-radius:var(--radius-sm);flex-direction:column;gap:.6rem;padding:.75rem .9rem;display:flex}.session-guidance__text{color:var(--spoty-warn);margin:0;font-weight:600}.session-correction{background:var(--spoty-accent-soft);border:1px solid var(--spoty-border);border-left:4px solid var(--spoty-accent);border-radius:var(--radius-sm);flex-direction:column;gap:.6rem;padding:.75rem .9rem;display:flex}.session-correction__title{color:var(--spoty-accent-dark);margin:0;font-size:1rem}.session-correction__text{margin:0;line-height:1.5}.session-correction__text--fallback{opacity:.85;font-style:italic}.session-course-backdrop{z-index:100;background:#1f293373;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.session-course-panel{background:var(--spoty-bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:75vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.session-course-panel__header{border-bottom:1px solid var(--spoty-border);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.session-course-panel__header h2{margin:0;font-size:1.1rem}.session-course-panel__close{border-radius:var(--radius-pill);padding:.3rem .65rem}.session-course-panel__body{flex-direction:column;gap:1rem;padding:1rem 1.1rem 1.4rem;display:flex;overflow-y:auto}.session-course-panel__entry h3{color:var(--spoty-ink-soft);margin:0 0 .3rem;font-size:1rem}.session-course-panel__entry p{margin:0;line-height:1.5}@media (width>=720px){.session-course-backdrop{justify-content:flex-end;align-items:stretch}.session-course-panel{border-radius:0;width:min(380px,90vw);max-height:100vh}}.session-summary{flex-direction:column;gap:.4rem;margin:0;padding:0;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.family-login{width:100%;padding:var(--space-4) 0;justify-content:center;display:flex}.family-login__card{text-align:center;background:var(--spoty-bg-elevated);border:1px solid var(--spoty-border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:.85rem;margin:0 auto;padding:2rem 1.75rem 2.25rem;animation:.35s both spoty-fade-up;display:flex}.family-login__spoty{background:radial-gradient(circle at 50% 40%, var(--spoty-accent-soft) 0%, transparent 70%);border-radius:50%;justify-content:center;align-items:center;width:152px;height:152px;display:flex}.family-login__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--spoty-energy-dark);margin:0;font-size:.78rem;font-weight:700}.family-login h1{color:var(--spoty-accent-dark);margin:0;font-size:1.6rem}.family-login__intro{color:var(--spoty-ink-soft);margin:0;font-size:.95rem}.family-login__form{text-align:left;flex-direction:column;gap:.6rem;width:100%;display:flex}.family-login__form label{color:var(--spoty-ink-soft);font-size:.85rem;font-weight:700}.family-login__form input{font:inherit;border:1.5px solid var(--spoty-border);border-radius:var(--radius-sm);letter-spacing:.05em;padding:.7rem .85rem;font-size:1.05rem}.family-login__error{color:var(--spoty-danger);font-size:.9rem;font-weight:600}.app-layout__logout{white-space:nowrap}.spoty-missing-asset-notice{color:var(--spoty-danger);border:1px dashed var(--spoty-danger);border-radius:var(--radius-sm);padding:.5rem;font-size:.8rem}.spoty-avatar{filter:drop-shadow(0 6px 14px #1f293329)}.spoty-avatar--celebrate{animation:.7s spoty-celebrate}.voice-input{flex-direction:column;gap:.5rem;width:100%;display:flex}.voice-input__label{color:var(--spoty-ink-soft);font-size:.85rem;font-weight:700}.voice-input textarea{width:100%;font:inherit;border:1.5px solid var(--spoty-border);border-radius:var(--radius-sm);resize:vertical;padding:.7rem;font-size:1.05rem}.voice-input__actions{flex-wrap:wrap;gap:.5rem;display:flex}.voice-input__error{color:var(--spoty-danger);font-size:.85rem}.voice-input__interim{color:var(--spoty-ink-soft);font-size:.85rem;font-style:italic}.voice-input__fallback-note{color:var(--spoty-ink-soft);font-size:.8rem}.spoty-speech{background:var(--spoty-accent-soft);border:1px solid var(--spoty-border);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;width:100%;padding:.9rem 1rem;display:flex}.spoty-speech p{color:var(--spoty-accent-dark);margin:0;font-weight:600}.spoty-speech__actions{flex-wrap:wrap;gap:.5rem;display:flex}.spoty-speech__fallback-note{color:var(--spoty-ink-soft);font-size:.8rem}button{font:inherit;border-radius:var(--radius-pill);border:1.5px solid var(--spoty-border);background:var(--spoty-bg-elevated);color:var(--spoty-ink);cursor:pointer;padding:.6rem 1.1rem;font-weight:700;transition:transform .12s,box-shadow .12s,background-color .12s,border-color .12s}button:hover:not(:disabled){background:var(--spoty-accent-soft);border-color:var(--spoty-accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--spoty-energy) 0%, var(--spoty-energy-dark) 100%);border-color:var(--spoty-energy-dark);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--spoty-energy) 0%, var(--spoty-energy-dark) 100%);border-color:var(--spoty-energy-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{background:var(--spoty-border-strong);border-color:var(--spoty-border-strong);color:#fff;opacity:.6}.btn-block{width:100%}@media (width<=768px){.app-layout__content{padding:var(--space-4) var(--space-3) var(--space-5)}}@media (width<=860px){.app-layout__header{flex-direction:column;align-items:stretch}.app-layout__nav{flex:none}.api-status-badge{white-space:normal;overflow-wrap:break-word;align-self:flex-start;max-width:100%}}@media (width<=480px){.session-panel{padding:1rem}.session-exercise__consigne{font-size:1.2rem}.family-login__card{padding:1.5rem 1.25rem 1.75rem}}@media (width<=390px){.app-layout__content{padding:var(--space-3) var(--space-2) var(--space-4)}.family-login__spoty{width:120px;height:120px}.session-competence-picker__item{padding:.7rem .85rem;font-size:.9rem}.btn-primary,.session-competence-picker__back{width:100%}}@media (width>=1440px){.app-layout__content{max-width:880px;padding-top:var(--space-6)}.family-login__card{max-width:420px}}