:root{--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--color-header:#000;--color-bg:#f7f7f8;--color-surface:#fff;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-text:#09090b;--color-text-secondary:#71717a;--color-border:#0000000f;--color-myth:#b91c1c;--color-myth-bg:#fef2f2;--color-truth:#2563eb;--color-truth-bg:#eff6ff;--color-validation:#09090b;--color-validation-bg:#f4f4f5;--color-pending:#d97706;--color-pending-bg:#fffbeb;--cat-sciences:#2563eb;--cat-histoire:#dc2626;--cat-geographie:#059669;--cat-sante:#d97706;--cat-societe:#7c3aed;--cat-culture:#db2777;--cat-maths:#0891b2;--cat-tech:#4f46e5;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 30px #0000001a;--header-height:64px;--sidebar-width:280px;--suggestion-bar-height:64px}html[data-theme=dark]{--color-bg:#0a0a0f;--color-surface:#18181b;--color-text:#fafafa;--color-text-secondary:#a1a1aa;--color-border:#ffffff14;--color-myth-bg:#dc26261a;--color-truth-bg:#2563eb1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}input,textarea{font-family:var(--font-body);border:none;outline:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{z-index:100;background:var(--color-header);height:var(--header-height);border-bottom:1px solid #ffffff0f;position:sticky;top:0}.header__inner{align-items:center;gap:24px;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex}.header__logo{flex-shrink:0;align-items:center;display:flex}.header__logo-img{width:auto;height:32px}.header__search{flex:1;align-items:center;max-width:520px;display:flex;position:relative}.header__search-icon{color:#fff6;pointer-events:none;position:absolute;left:14px}.header__search-input{border-radius:var(--radius-md);color:#fff;background:#ffffff14;border:1px solid #ffffff1a;width:100%;height:40px;padding:0 40px 0 42px;font-size:14px;transition:all .2s}.header__search-input::placeholder{color:#ffffff59}.header__search-input:focus{background:#ffffff1f;border-color:#ffffff4d}.header__search-clear{color:#fff6;border-radius:50%;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:10px}.header__search-clear:hover{color:#fff}.header__nav{gap:4px;display:flex}.header__nav-link{color:#fff9;border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.header__nav-link:hover{color:#ffffffe6;background:#ffffff0f}.header__nav-link.active{color:#fff;background:#ffffff1a}.header__badge{color:#fff;text-align:center;background:#dc2626;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2}.header__user{flex-shrink:0;position:relative}.header__avatar{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.header__avatar:hover{opacity:.85}.header__login-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;padding:8px 20px;font-size:14px;font-weight:600;transition:background .2s}.header__login-btn:hover{background:var(--color-accent-hover)}.header__menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);z-index:200;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.header__menu-info{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.header__menu-info strong{color:var(--color-text);font-size:14px}.header__menu-info span{color:var(--color-text-secondary);text-transform:capitalize;font-size:12px}.header__menu-divider{background:var(--color-border);height:1px}.header__menu-item{width:100%;color:var(--color-text-secondary);align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .15s;display:flex}.header__menu-item:hover{background:var(--color-bg);color:var(--color-text)}@media (width<=768px){.header__inner{gap:12px;padding:0 16px}.header__nav{display:none}.header__search{max-width:none}.header__logo-img{height:26px}}.cookie-banner{z-index:1000;pointer-events:none;justify-content:center;animation:.4s slideUp;display:flex;position:fixed;bottom:20px;left:20px;right:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner__inner{pointer-events:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:14px;max-width:680px;padding:16px 20px;display:flex;box-shadow:0 20px 60px #00000026}.cookie-banner__icon{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cookie-banner__content{flex:1}.cookie-banner__content strong{margin-bottom:4px;font-size:14px;display:block}.cookie-banner__content p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.cookie-banner__content a{color:var(--color-accent);text-decoration:underline}.cookie-banner__btn{background:var(--color-text);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:600;transition:opacity .2s}.cookie-banner__btn:hover{opacity:.85}@media (width<=640px){.cookie-banner{bottom:12px;left:12px;right:12px}.cookie-banner__inner{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.cookie-banner__icon{align-self:flex-start}.cookie-banner__btn{width:100%}}