:root{--color-primary:#e67e30;--color-primary-dark:#d9691f;--color-navy:#1a2238;--color-navy-deep:#0e1424;--color-text-body:#4b4b57;--color-bg-start:#fdf3e7;--color-bg-end:#fbe4cc;--color-card:#fff;--color-success:#2e7d5b;--color-success-bg:#e3f5ec;--color-error:#c0392b;--color-error-bg:#fbeaea;--color-logo-ami:#e8622a;--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--radius:14px;--sidebar-width:272px;--hex-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='206' viewBox='0 0 118 206'%3E%3Cpath d='M58.76 38.85l54.6 31.5v63l-54.6 31.5L4.2 133.35v-63z' fill='none' stroke='%231A2238' stroke-opacity='0.07'/%3E%3C/svg%3E")}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-navy);background-color:var(--color-bg-end);background-image:var(--hex-pattern), linear-gradient(180deg, var(--color-bg-start), var(--color-bg-end));background-repeat:repeat,no-repeat;min-height:100vh;margin:0}button,input{color:inherit;appearance:none;font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-navy);outline-offset:2px;border-radius:6px}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-navy);color:#fff;flex-shrink:0;height:100vh;padding:28px 18px;position:sticky;top:0;overflow-y:auto}.sidebar-brand{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding-bottom:20px;display:flex}.sidebar .logo-token{color:#fff}.sidebar .header-tag{color:#fff;background:#ffffff1f}.sidebar-nav{flex-direction:column;gap:3px;display:flex}.sidebar-item{text-align:left;cursor:pointer;color:#ffffffb8;background:0 0;border:none;border-radius:10px;align-items:baseline;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff0f}.sidebar-item.active{color:#fff;background:#e67e3033}.sidebar-item-number{font-family:var(--font-heading);color:#fff6;flex-shrink:0;width:18px;font-size:12px;font-weight:700}.sidebar-item.active .sidebar-item-number{color:var(--color-primary)}.app-main{flex:1;min-width:0}@media (width<=900px){.sidebar{display:none}.app-shell{display:block}}.screen{flex-direction:column;min-height:100%;display:flex}.app-header{background:#fff;border-bottom:1px solid #1a223814;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.home-header{display:flex}@media (width>=901px){.home-header{display:none}}.logo{font-family:var(--font-heading);font-size:20px;font-weight:800}.logo-token{color:var(--color-navy)}.logo-ami{color:var(--color-logo-ami)}.header-tag{color:var(--color-text-body);background:var(--color-bg-end);border-radius:999px;padding:4px 12px;font-size:13px}.back-button{font-family:var(--font-body);color:var(--color-navy);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:15px;font-weight:600}.screen-content{flex:1;width:100%;max-width:760px;margin:0 auto;padding:40px 32px 72px}@media (width<=900px){.screen-content{padding:32px 24px 64px}}.screen-title{font-family:var(--font-heading);margin:0 0 8px;font-size:28px;font-weight:700}.screen-subtitle{color:var(--color-text-body);margin:0 0 28px}.loading-text{color:var(--color-text-body)}.error-text{color:var(--color-error);background:var(--color-error-bg);border-radius:10px;padding:10px 14px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.theme-card{background:var(--color-card);border-radius:var(--radius);text-align:left;cursor:pointer;border:1px solid #1a223814;flex-direction:column;gap:10px;padding:20px;display:flex}.theme-card:hover{border-color:#1a223838}.theme-number{font-family:var(--font-heading);color:var(--color-primary);font-size:14px;font-weight:700}.theme-title{font-family:var(--font-heading);font-size:16px;font-weight:600}.primary-button{background:linear-gradient(180deg, var(--color-primary), var(--color-primary-dark));color:#fff;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:700}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{color:var(--color-navy);cursor:pointer;background:#fff;border:1px solid #1a223824;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600}.theme-actions{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.story-box{background:var(--color-card);border-radius:var(--radius);color:var(--color-text-body);border:1px solid #1a223814;margin-bottom:28px;padding:24px;line-height:1.7;box-shadow:0 1px 2px #1a22380a}.story-box p{margin:0 0 14px}.story-box p:last-child{margin-bottom:0}.section-label{font-family:var(--font-heading);margin:0 0 12px;font-size:15px}.level-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.level-card{border-radius:var(--radius);color:#fff;font-family:var(--font-heading);cursor:pointer;text-align:left;border:none;flex-direction:column;gap:8px;padding:20px;font-size:16px;font-weight:700;display:flex}.level-count{font-family:var(--font-body);opacity:.85;font-size:13px;font-weight:500}.level-debutant{background:linear-gradient(135deg,#6ea37a,#4c8862)}.level-intermediaire{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark))}.level-expert{background:linear-gradient(135deg, var(--color-navy), var(--color-navy-deep))}.level-badge{font-family:var(--font-heading);color:#fff;border-radius:999px;align-items:center;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.level-badge-debutant{background:linear-gradient(135deg,#6ea37a,#4c8862)}.level-badge-intermediaire{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark))}.level-badge-expert{background:linear-gradient(135deg, var(--color-navy), var(--color-navy-deep))}.reader-lesson-title{font-family:var(--font-heading);margin:0 0 24px;font-size:22px;font-weight:700}.lesson-list{flex-direction:column;gap:8px;display:flex}.lesson-row{background:var(--color-card);cursor:pointer;text-align:left;border:1px solid #1a223814;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;display:flex}.lesson-row:hover{border-color:#1a223838}.lesson-row-number{font-family:var(--font-heading);color:var(--color-primary);width:24px;font-weight:700}.lesson-row-title{flex:1;font-weight:600}.lesson-row-arrow{color:var(--color-text-body)}.progress-dots{gap:6px;margin-bottom:24px;display:flex}.progress-dot{background:#1a22381f;border-radius:999px;flex:1;height:6px}.progress-dot.active{background:var(--color-primary)}.progress-dot.done{background:#e67e3080}.slide-box,.quiz-question-box{background:var(--color-card);border-radius:var(--radius);border:1px solid #1a223814;margin-bottom:24px;padding:26px;font-size:17px;line-height:1.7;box-shadow:0 1px 2px #1a22380a}.quiz-question-box{font-family:var(--font-heading);font-size:19px;font-weight:700;line-height:1.4}.reader-nav{justify-content:flex-end;gap:12px;display:flex}.quiz-options{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.quiz-option{background:var(--color-card);text-align:left;cursor:pointer;border:1px solid #1a22381a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 18px;font-size:15px;font-weight:500;display:flex}.quiz-option:disabled{cursor:default}.quiz-option.correct{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.quiz-option.incorrect{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error)}.quiz-check{color:var(--color-success);font-weight:700}.expert-tip{background:var(--color-success-bg);color:var(--color-success);border-radius:12px;margin-bottom:24px;padding:16px 18px;line-height:1.6}.reader-finished{text-align:center;padding-top:60px}.score-text{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:24px;font-size:22px;font-weight:700}.code-entry-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.code-entry-screen form{background:var(--color-card);border-radius:var(--radius);text-align:center;border:1px solid #1a223814;width:100%;max-width:380px;padding:40px 32px;box-shadow:0 8px 32px #1a22381a}.code-entry-screen h1{font-family:var(--font-heading);margin:0 0 24px;font-size:22px}.code-entry-screen label{text-align:left;color:var(--color-text-body);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.code-entry-screen input{width:100%;font-size:16px;font-family:var(--font-body);border:1px solid #1a223826;border-radius:10px;margin-bottom:16px;padding:14px 16px}.code-entry-error{color:var(--color-error);background:var(--color-error-bg);border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:14px}.code-entry-screen button{background:linear-gradient(180deg, var(--color-primary), var(--color-primary-dark));color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:700}.code-entry-screen button:disabled{opacity:.6;cursor:not-allowed}.site-footer{color:var(--color-text-body);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:12px;display:flex}.site-footer a{color:var(--color-text-body);text-decoration:none}.site-footer a:hover{color:var(--color-navy);text-decoration:underline}.footer-sep{color:#1a223840}.code-entry-help{text-align:center;color:var(--color-text-body);margin-top:16px;font-size:13px}.code-entry-help a{color:var(--color-primary);font-weight:600;text-decoration:none}.code-entry-help a:hover{text-decoration:underline}.code-entry-error a{color:inherit;font-weight:700;text-decoration:underline}.disclaimer-banner{color:var(--color-text-body);background:#1a22380a;border:1px solid #1a223814;border-radius:10px;margin-bottom:20px;padding:10px 14px;font-size:12.5px}.disclaimer-inline{color:var(--color-text-body);opacity:.75;margin:0 0 16px;font-size:11.5px}.tax-warning-banner{color:#7a4a00;background:#fff4e5;border:1px solid #f0c27b;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.6}.tax-warning-banner strong{color:#7a4a00}.session-expired-notice{color:#7a4a00;text-align:left;background:#fff4e5;border:1px solid #f0c27b;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.sidebar-random-btn{color:#fff;cursor:pointer;text-align:left;background:#e67e3029;border:1px solid #e67e3059;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:14px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.sidebar-random-btn:hover{background:#e67e303d}.home-random-card{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-radius:var(--radius);cursor:pointer;width:100%;font-family:var(--font-heading);text-align:left;border:none;margin-bottom:24px;padding:18px 20px;font-size:15px;font-weight:700;display:block}.home-random-sub{font-family:var(--font-body);opacity:.9;margin-top:4px;font-size:12.5px;font-weight:500;display:block}.code-entry-notice{text-align:center;color:var(--color-text-body);opacity:.7;margin-top:14px;padding:0 8px;font-size:11px;line-height:1.5}.home-random-title{align-items:center;gap:10px;display:flex}.code-entry-screen{flex-direction:column!important;min-height:100vh!important;display:flex!important}.code-entry-main{flex:1!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:24px!important;display:flex!important}.code-entry-card{width:100%;max-width:380px}.expiration-notice{color:var(--color-text-body);background:#1a22380a;border:1px solid #1a223814;border-radius:10px;margin-bottom:20px;padding:10px 14px;font-size:12.5px}.expiration-notice-urgent{color:#7a4a00;background:#fff4e5;border-color:#f0c27b}.expiration-notice-urgent a{color:inherit;font-weight:700;text-decoration:underline}