.rd-root{width:100%;height:calc(100vh - 64px);font-family:var(--of-font);position:relative;overflow:hidden;-webkit-user-select:none!important;user-select:none!important}.rd-root input,.rd-root textarea{-webkit-user-select:text!important;user-select:text!important}@media print{.rd-root,.rd-viewer,.rd-stage,.rd-main{display:none!important}body:before{content:"Les captures d'écran et impressions ne sont pas autorisées sur OctoFin.";text-align:center;color:#1a1a1a;padding:100px 20px;font-size:24px;font-weight:700;display:block}}@media (min-width:768px){.rd-root{height:100vh}}.rd-root[data-theme=dark]{--text:#eaf0f7;--text-muted:#eaf0f79e;--text-subtle:#eaf0f766;--surface:#161e2e8c;--surface-2:#32405e4d;--border:#ffffff1a;--border-strong:#ffffff2e;--track:#ffffff1a;--glass-sheen:#ffffff1a;--card-shadow:0 18px 40px #0006;--paper-bg:#ffffff0a;--page-shadow:0 16px 50px #00000057, 0 2px 8px #00000029;--controls-shadow:0 10px 28px #00000042}body:has(.rd-root[data-theme=dark][data-bg=gradient]) .bg-background{background:radial-gradient(110% 70% at 14% -6%,#2c3c5e 0%,#0000 50%),radial-gradient(100% 80% at 102% 4%,#472a4e 0%,#0000 46%),linear-gradient(160deg,#161f31 0%,#0d121d 60%)!important}body:has(.rd-root[data-theme=dark][data-bg=gradient]) .flex.h-\[100dvh\].bg-background{background:radial-gradient(110% 70% at 14% -6%,#2c3c5e 0%,#0000 50%),radial-gradient(100% 80% at 102% 4%,#472a4e 0%,#0000 46%),linear-gradient(160deg,#161f31 0%,#0d121d 60%)!important}body:has(.rd-root[data-theme=dark][data-bg=solid]) .bg-background{background:#0f1117!important}body:has(.rd-root[data-theme=dark][data-bg=solid]) .flex.h-\[100dvh\].bg-background{background:#0f1117!important}body:has(.rd-root[data-theme=light][data-bg=gradient]) .bg-background{background:radial-gradient(85% 65% at 8% -10%,#d4e0ee 0%,#0000 54%),radial-gradient(80% 70% at 104% 2%,#e2d6ee 0%,#0000 50%),linear-gradient(160deg,#e2e0d8 0%,#d8d6cd 70%)!important}body:has(.rd-root[data-theme=light][data-bg=gradient]) .flex.h-\[100dvh\].bg-background{background:radial-gradient(85% 65% at 8% -10%,#d4e0ee 0%,#0000 54%),radial-gradient(80% 70% at 104% 2%,#e2d6ee 0%,#0000 50%),linear-gradient(160deg,#e2e0d8 0%,#d8d6cd 70%)!important}body:has(.rd-root[data-theme=light][data-bg=solid]) .bg-background{background:#e2e0d8!important}body:has(.rd-root[data-theme=light][data-bg=solid]) .flex.h-\[100dvh\].bg-background{background:#e2e0d8!important}.rd-root[data-theme=dark][data-bg=gradient],.rd-root[data-theme=dark][data-bg=solid]{background:0 0}.rd-root[data-theme=light]{--text:#262d3d;--text-muted:#525e75;--text-subtle:#6e7b94;--surface:#f5f3edf0;--surface-2:#edeae3e6;--border:#262d3d1f;--border-strong:#262d3d38;--track:#262d3d12;--glass-sheen:#fff9;--card-shadow:0 14px 36px #141a2614;--paper-bg:#faf8f4;--page-shadow:0 12px 36px #141a261f, 0 2px 6px #141a260a;--controls-shadow:0 4px 14px #141a260f}.rd-root[data-theme=light][data-bg=gradient],.rd-root[data-theme=light][data-bg=solid]{background:0 0}.rd-root.glass-off[data-theme=dark]{--surface:#18202f;--surface-2:#222b3e;--glass-sheen:transparent}.rd-root.glass-off[data-theme=light]{--surface:#fff;--surface-2:#fff;--glass-sheen:transparent}.rd-stagewrap{width:100%;height:100%;position:relative;overflow:hidden}.rd-main{top:0;bottom:0;left:0;right:var(--right-gap,388px);transition:right var(--of-dur-slow) var(--of-ease);padding:10px 14px 4px;position:absolute}.rd-prog-lbl{color:var(--text-muted);justify-content:space-between;align-items:baseline;margin-bottom:9px;font-size:13px;display:flex}.rd-prog-lbl b{color:var(--text);font-weight:700}.rd-prog-pct{font-variant-numeric:tabular-nums;font-weight:600}.rd-prog-track{background:var(--track);border-radius:999px;height:8px;overflow:hidden}.rd-prog-track span{height:100%;transition:width var(--of-dur-slow) var(--of-ease);border-radius:999px;display:block}.rd-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.rd-ch-badge{height:30px;color:color-mix(in srgb, var(--c) 62%, var(--text));background:color-mix(in srgb, var(--c) 14%, transparent);border:1px solid color-mix(in srgb, var(--c) 34%, transparent);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 4px;font-size:12.5px;font-weight:600;display:inline-flex}.rd-ch-ico{background:var(--c);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.rd-time{color:var(--text-subtle);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.rd-title{font-family:var(--of-font);letter-spacing:-.02em;color:var(--text);margin:0 0 12px;font-size:clamp(24px,2.6vw,30px);font-weight:800;line-height:1.15}.rd-desc{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.62}.rd-keys{border-radius:var(--card-r);background:color-mix(in srgb, var(--c) 9%, transparent);border:1px solid color-mix(in srgb, var(--c) 24%, transparent);padding:18px}.rd-notes{border-radius:var(--card-r);background:color-mix(in srgb, var(--c) 7%, transparent);border:1px solid color-mix(in srgb, var(--c) 22%, transparent);padding:16px 18px}.rd-notes-hd{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.rd-notes-title{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--c) 55%, var(--text));align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.rd-notes-status{color:var(--text-muted,#6b7280);align-items:center;gap:5px;min-height:14px;font-size:11px;font-weight:600;display:inline-flex}.rd-notes-err{color:#ff4f4e;align-items:center;gap:5px;display:inline-flex}.rd-notes-area{resize:vertical;width:100%;min-height:132px;color:var(--text);background:var(--surface,#fff);border:1px solid color-mix(in srgb, var(--c) 20%, var(--border));border-radius:12px;outline:none;padding:12px 13px;font-size:13.5px;line-height:1.55;transition:border-color .15s,box-shadow .15s}.rd-notes-area::placeholder{color:var(--text-subtle,#9ca3af)}.rd-notes-area:focus{border-color:color-mix(in srgb, var(--c) 55%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 12%, transparent)}.rd-keys-hd{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--c) 55%, var(--text));margin-bottom:14px;font-size:11px;font-weight:700}.rd-keys-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.rd-key{align-items:flex-start;gap:13px;display:flex}.rd-key-num{font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--c) 16%, transparent);width:30px;height:30px;color:var(--c);border:1px solid color-mix(in srgb, var(--c) 28%, transparent);box-shadow:none;border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.rd-key-txt{color:var(--text);padding-top:4px;font-size:13.5px;line-height:1.5}.rd-read-done{background:color-mix(in srgb, var(--of-green) 14%, transparent);border:1px solid color-mix(in srgb, var(--of-green) 36%, transparent);border-radius:14px;align-items:center;gap:12px;width:100%;height:52px;padding:0 8px 0 18px;display:flex}.rd-read-check{background:var(--of-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.rd-read-txt{color:color-mix(in srgb, var(--of-green) 55%, var(--text));text-align:left;flex:1;font-size:14.5px;font-weight:600}.rd-read-encours{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:14px 16px;display:flex}.rd-read-encours-hd{color:var(--text);justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.rd-read-encours-pages{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500}.rd-read-encours-track{background:var(--border);border-radius:999px;height:5px;overflow:hidden}.rd-read-encours-track>span{background:var(--c,var(--accent,#ff4f4e));border-radius:999px;height:100%;transition:width .4s;display:block}.rd-read-encours-note{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}@media (prefers-reduced-motion:reduce){.rd-read-encours-track>span{transition:none}}.rd-video-hd{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.rd-video-hd svg{color:var(--accent)}.rd-video-thumb{aspect-ratio:16/9;border-radius:var(--card-r);border:1px solid var(--border);text-decoration:none;display:block;position:relative;overflow:hidden}.rd-ph-stripes{background:repeating-linear-gradient(45deg, #ffffff0d 0 12px, #ffffff05 12px 24px), linear-gradient(135deg, color-mix(in srgb, var(--accent) 30%, #1a2236), #11161f);position:absolute;inset:0}.rd-root[data-theme=light] .rd-ph-stripes{background:repeating-linear-gradient(45deg, #0000000a 0 12px, #00000003 12px 24px), linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, #dfe7f2), #eef2f8)}.rd-video-label{letter-spacing:.04em;color:var(--text-subtle);background:var(--surface-2);pointer-events:none;border-radius:6px;padding:4px 9px;font-family:ui-monospace,monospace;font-size:10.5px;position:absolute;bottom:11px;left:12px}.rd-video-play{color:#fff;-webkit-backdrop-filter:blur(8px);width:58px;height:58px;transition:transform var(--of-dur-base) var(--of-ease), background var(--of-dur-base);pointer-events:none;background:#ffffff29;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rd-video-play svg{margin-left:3px}.rd-video-thumb img{object-fit:cover;opacity:.75;filter:saturate(.8);width:100%;height:100%;transition:opacity var(--of-dur-fast), filter var(--of-dur-fast)}.rd-video-thumb:hover img{opacity:1;filter:saturate()}.rd-video-thumb:hover .rd-video-play{background:#ffffff42;transform:translate(-50%,-50%)scale(1.08)}.rd-pn{grid-template-columns:1fr 1fr;gap:12px;min-width:0;display:grid}.rd-pn-card{border-radius:var(--card-r);border:1px solid var(--border);background:var(--surface);min-width:0;min-height:64px;transition:border-color var(--of-dur-fast), transform var(--of-dur-fast);align-items:center;gap:11px;padding:13px 15px;text-decoration:none;display:flex}.rd-pn-card.is-empty{border:1px dashed var(--border);pointer-events:none;background:0 0}.rd-pn-next{text-align:right}.rd-pn-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rd-pn-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);font-size:11px;font-weight:600}.rd-pn-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.rd-pn-arrow{color:var(--text-muted);transition:transform var(--of-dur-fast) var(--of-ease);flex:none;display:flex}.rd-pn-card:hover{border-color:var(--border-strong)}.rd-pn-card:not(.rd-pn-next):hover .rd-pn-arrow{transform:translate(-3px)}.rd-pn-next:hover .rd-pn-arrow{transform:translate(3px)}.rd-list{border-radius:var(--card-r);border:1px solid var(--border);background:var(--surface-2);overflow:hidden}.rd-list-hd{justify-content:space-between;align-items:center;padding:15px 16px 13px;display:flex}.rd-list-title{color:var(--text);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}.rd-list-title svg{color:var(--text-muted)}.rd-list-ratio{font-variant-numeric:tabular-nums;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.rd-list-items{flex-direction:column;gap:2px;margin:0;padding:4px 8px 8px;list-style:none;display:flex}.rd-li{transition:background var(--of-dur-fast);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.rd-li:hover{background:var(--track)}.rd-li.is-active{background:color-mix(in srgb, var(--c) 12%, transparent);border-color:color-mix(in srgb, var(--c) 40%, transparent)}.rd-li-idx{text-align:center;width:22px;color:var(--text-subtle);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600;position:relative}.rd-li.is-active .rd-li-idx{color:var(--c)}.rd-li-dot{background:var(--c);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)}.rd-li-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-size:13.5px;overflow:hidden}.rd-li.is-active .rd-li-title{font-weight:600}.rd-li-min{color:var(--text-subtle);flex:none;font-size:11.5px}.rd-li-done{color:var(--of-green);flex:none;display:flex}.rd-practice{border-radius:var(--card-r);background:color-mix(in srgb, var(--c) 10%, transparent);border:1px solid color-mix(in srgb, var(--c) 32%, transparent);transition:border-color var(--of-dur-fast), transform var(--of-dur-fast), background var(--of-dur-fast);align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.rd-practice:hover{border-color:color-mix(in srgb, var(--c) 60%, transparent);transform:translateY(-2px)}.rd-practice-ico{width:44px;height:44px;color:var(--c);background:color-mix(in srgb, var(--c) 16%, transparent);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);box-shadow:0 2px 12px color-mix(in srgb, var(--c) 18%, transparent);transition:all var(--of-dur-fast);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.rd-practice:hover .rd-practice-ico{background:color-mix(in srgb, var(--c) 24%, transparent);border-color:color-mix(in srgb, var(--c) 45%, transparent);box-shadow:0 4px 16px color-mix(in srgb, var(--c) 25%, transparent)}.rd-practice-body{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.rd-practice-title{color:var(--text);font-size:14.5px;font-weight:600}.rd-practice-sub{color:var(--text-muted);font-size:12.5px}.rd-practice-arrow{color:color-mix(in srgb, var(--c) 55%, var(--text));transition:transform var(--of-dur-fast) var(--of-ease);flex:none;display:flex}.rd-practice:hover .rd-practice-arrow{transform:translate(3px)}.rd-ask-octo{--c:#ff4f4e;margin-top:10px}.rd-viewer{flex-direction:column;height:100%;display:flex;position:relative}.rd-stage{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-width:0;min-height:0;padding:8px 16px;display:flex;position:relative;overflow:auto}.rd-stage::-webkit-scrollbar{width:11px;height:11px}.rd-stage::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.rd-stage::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.rd-full .rd-stage{padding:40px}.rd-page-frame{border:1px solid var(--border);box-shadow:var(--page-shadow);background:#fff;border-radius:6px;flex:none;margin:auto;position:relative;overflow:hidden}.rd-page-window{transform-origin:0 0;position:relative;overflow:hidden}.rd-frame{transition:transform var(--of-dur-slow) var(--of-ease);background:#fff;border:0;display:block}.rd-frame-load{color:var(--text-subtle);font-family:var(--of-font);justify-content:center;align-items:center;width:100%;font-size:14px;display:flex}.rd-controls{background:var(--surface);border:1px solid var(--border);box-shadow:var(--controls-shadow);z-index:6;border-radius:999px;flex:none;align-self:center;align-items:center;gap:1px;margin:4px 0;padding:5px;display:flex}.glass-on .rd-controls{-webkit-backdrop-filter:blur(18px)saturate(1.6)}.rd-controls.is-full{transition:transform .32s cubic-bezier(.16, 1, .3, 1), opacity .32s cubic-bezier(.16, 1, .3, 1), background var(--of-dur-fast), border-color var(--of-dur-fast);margin-bottom:12px}.rd-controls.is-full.is-hidden{opacity:0;pointer-events:none;transform:translateY(64px)}.rd-reprise{background:var(--accent,#ff4f4e);color:#fff;box-shadow:var(--controls-shadow);cursor:pointer;z-index:6;border:none;border-radius:999px;flex:none;align-self:center;align-items:center;gap:6px;margin:6px 0 0;padding:7px 12px 7px 16px;font-size:12.5px;font-weight:600;transition:transform .15s,filter .15s;display:inline-flex}.rd-reprise:hover{filter:brightness(1.06);transform:translateY(-1px)}.rd-reprise:focus-visible{outline:2px solid var(--accent,#ff4f4e);outline-offset:2px}@media (prefers-reduced-motion:reduce){.rd-reprise{transition:none}.rd-reprise:hover{transform:none}}.rd-toolbar-reveal-tab{z-index:88;background:var(--surface,#1e2330);border:1px solid var(--border,#ffffff26);width:48px;height:20px;color:var(--text-muted,#ffffffa6);cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(1.6);opacity:0;pointer-events:none;border-bottom:none;border-radius:12px 12px 0 0;outline:none;justify-content:center;align-items:center;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .32s cubic-bezier(.16,1,.3,1),background .15s,color .15s,height .15s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%);box-shadow:0 -4px 16px #00000040}.rd-toolbar-reveal-tab.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.rd-toolbar-reveal-tab:hover{color:var(--text,#fff);background:var(--track,#ffffff1f);height:24px}.rd-controls button{width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:color var(--of-dur-fast), background var(--of-dur-fast);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:flex}.rd-controls button:hover{color:var(--text);background:var(--track)}.rd-controls button:disabled{opacity:.3;cursor:default}.rd-controls button:disabled:hover{color:var(--text-muted);background:0 0}.rd-controls button.rd-ctrl-suite{color:var(--accent)}.rd-controls button.rd-ctrl-suite:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.rd-controls button.rd-ctrl-suite svg{transition:transform var(--of-dur-fast)}.rd-controls button.rd-ctrl-suite:hover svg{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.rd-controls button.rd-ctrl-suite:hover svg{transform:none}}.rd-zoomval{text-align:center;min-width:46px;color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.rd-pagelabel{text-align:center;min-width:58px;color:var(--text);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.rd-ctrl-sep{background:var(--border);width:1px;height:20px;margin:0 5px}.rd-full{z-index:80;-webkit-backdrop-filter:blur(12px);background:#070a11e6;animation:.22s rdFade;display:flex;position:fixed;inset:0}@keyframes rdFade{0%{opacity:0}to{opacity:1}}.rd-full-inner{flex-direction:column;flex:1;display:flex;position:relative}.rd-full .rd-page-frame{box-shadow:0 28px 90px #0000008c}.rd-empty{text-align:center;border:1.5px dashed var(--border-strong);border-radius:18px;flex-direction:column;align-items:center;gap:8px;max-width:440px;margin:auto;padding:56px 36px;display:flex}.rd-empty-ico{background:var(--track);width:64px;height:64px;color:var(--text-subtle);border-radius:16px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.rd-empty h3{color:var(--text);margin:0;font-size:19px;font-weight:700}.rd-empty p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.rd-side{top:18px;bottom:18px;right:var(--side-right,30px);width:var(--side-w,388px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--card-shadow), -22px 0 64px #00000029;z-index:30;transition:transform var(--of-dur-slow) var(--of-ease), opacity var(--of-dur-slow) var(--of-ease);border-radius:30px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.glass-on .rd-side{-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 8px)) saturate(1.5)}.rd-side.is-collapsed{opacity:0;pointer-events:none;transform:translate(calc(100% + 46px))}.rd-side-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.rd-brand{cursor:pointer;min-width:0;font-family:var(--of-font);text-align:left;background:0 0;border:0;align-items:center;gap:11px;margin:0;padding:0;display:flex}.rd-brand:hover{background:0 0}.rd-brand-mark{box-shadow:none;background:0 0;justify-content:center;align-items:center;display:flex}.rd-brand-mark img,.rd-brand-mark svg{width:25px!important;height:25px!important}.rd-brand-name{flex-direction:column;min-width:0;line-height:1.1;display:flex}.rd-brand-name b{letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:700}.rd-brand-name small{letter-spacing:.18em;text-transform:uppercase;color:var(--text-subtle);margin-top:2px;font-size:10px;font-weight:600}.rd-head-actions{flex:none;align-items:center;gap:8px;display:flex}.rd-icon-btn{border:1px solid var(--border);background:var(--surface-2);width:38px;height:38px;color:var(--text-subtle);cursor:pointer;transition:color var(--of-dur-fast), border-color var(--of-dur-fast), transform var(--of-dur-fast);border-radius:50%;flex:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.rd-icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.rd-icon-btn:active{transform:scale(.9)}.rd-icon-btn.is-fav{color:var(--of-yellow);border-color:color-mix(in srgb, var(--of-yellow) 45%, var(--border))}.rd-langue{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;flex:none;align-items:center;gap:2px;height:38px;padding:3px;display:inline-flex}.rd-langue button{min-width:34px;height:30px;color:var(--text-subtle);font-family:var(--of-font-poppins,inherit);letter-spacing:.06em;cursor:pointer;transition:color var(--of-dur-fast), background-color var(--of-dur-fast);background:0 0;border:0;border-radius:999px;padding:0 9px;font-size:11.5px;font-weight:600}.rd-langue button:hover:not(:disabled){color:var(--text)}.rd-langue button[aria-pressed=true]{background:var(--accent);color:#fff}.rd-langue button:disabled{cursor:default}.rd-langue button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rd-langue[data-attente="1"]{opacity:.6}.rd-apercu{border:1px dashed color-mix(in srgb, var(--of-yellow) 60%, var(--border));background:color-mix(in srgb, var(--of-yellow) 10%, transparent);color:var(--text);border-radius:10px;margin:0 0 14px;padding:9px 12px;font-size:12px;font-weight:500;line-height:1.4}.rd-signaler{color:var(--text-subtle);text-underline-offset:3px;margin-top:10px;font-size:12px;text-decoration:underline;display:inline-block}.rd-signaler:hover{color:var(--text)}.rd-side-body{scrollbar-width:none;flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px 22px 26px;display:flex;overflow:hidden auto}.rd-side-body::-webkit-scrollbar{width:0;height:0;display:none}.rd-scrollrail{background:var(--track);z-index:31;width:6px;transition:opacity var(--of-dur-base) var(--of-ease);border-radius:999px;position:absolute;top:26px;bottom:26px;right:11px}.rd-scrollrail.is-hidden{opacity:0;pointer-events:none}.rd-scrollthumb{background:color-mix(in srgb, var(--accent) 50%, var(--border-strong));cursor:grab;transition:background var(--of-dur-fast);border-radius:999px;position:absolute;left:0;right:0}.rd-scrollthumb:hover{background:var(--accent)}.rd-scrollthumb.is-drag{cursor:grabbing;background:var(--accent)}.rd-side-toggle{top:50%;right:calc(var(--side-right,30px) + var(--side-w,388px) + 9px);border:1px solid var(--border);background:var(--surface);width:28px;height:66px;color:var(--text-muted);cursor:pointer;box-shadow:var(--card-shadow), -14px 0 34px #00000024;z-index:33;transition:color var(--of-dur-fast), border-color var(--of-dur-fast), transform var(--of-dur-fast), opacity var(--of-dur-base) var(--of-ease);border-radius:13px;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.glass-on .rd-side-toggle{-webkit-backdrop-filter:blur(18px)saturate(1.5)}.rd-side-toggle:hover{color:var(--text);border-color:var(--border-strong)}.rd-side-toggle:active{transform:translateY(-50%)scale(.94)}.rd-side-toggle.is-hidden{opacity:0;pointer-events:none;transform:translateY(-50%)translate(16px)}.rd-rail{width:var(--rail-w,62px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--card-shadow), -18px 0 50px #00000029;z-index:32;transition:opacity var(--of-dur-base) var(--of-ease), transform var(--of-dur-slow) var(--of-ease);border-radius:26px;flex-direction:column;align-items:center;gap:11px;padding:13px 0 15px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.glass-on .rd-rail{-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 8px)) saturate(1.5)}.rd-rail.is-hidden{opacity:0;pointer-events:none;transform:translateY(-50%)translate(26px)}.rd-rail-open{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex}.rd-rail-mark{box-shadow:none;background:0 0;justify-content:center;align-items:center;display:flex}.rd-rail-mark img,.rd-rail-mark svg{width:25px!important;height:25px!important}.rd-rail-chev{width:22px;height:18px;color:var(--text-subtle);background:var(--track);transition:color var(--of-dur-fast), background var(--of-dur-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.rd-rail-open:hover .rd-rail-mark{transform:translate(-2px)}.rd-rail-open:hover .rd-rail-chev{color:var(--text);background:var(--border-strong)}.rd-rail-div{background:var(--border);flex:none;width:26px;height:1px}.rd-rail-items{flex-direction:column;align-items:center;gap:9px;display:flex}.rd-rail-btn{cursor:pointer;border:1px solid color-mix(in srgb, var(--ic) 26%, transparent);background:color-mix(in srgb, var(--ic) 13%, transparent);width:42px;height:42px;color:color-mix(in srgb, var(--ic) 62%, var(--text));transition:background var(--of-dur-fast), border-color var(--of-dur-fast), color var(--of-dur-fast), transform var(--of-dur-fast);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.rd-rail-btn:hover{background:color-mix(in srgb, var(--ic) 22%, transparent);border-color:color-mix(in srgb, var(--ic) 48%, transparent);color:color-mix(in srgb, var(--ic) 78%, var(--text));transform:translate(-2px)}.rd-rail-btn:active{transform:translate(-2px)scale(.94)}.rd-side-body>section{min-width:0}.rd-side-body>section:empty{display:none}@media (max-width:880px){.rd-side{width:min(86vw,360px);right:16px}.rd-scrollrail{right:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.html-lesson-stage{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;height:100%;min-height:0;padding:26px;display:flex;overflow:auto}.html-lesson-content{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:100%;margin:0 auto;display:flex}.html-lesson-content .doc-wrap{background:0 0!important;flex-direction:column!important;align-items:center!important;gap:24px!important;width:100%!important;min-height:auto!important;padding:0!important;display:flex!important}.html-lesson-content .doc-page{box-shadow:var(--page-shadow,0 8px 24px #00000024)!important;flex-shrink:0!important;margin:0 auto!important}.html-lesson-content img{max-width:100%;height:auto}.html-lesson-content svg{max-width:100%}@media (max-width:860px){.html-lesson-stage{padding:12px}.html-lesson-content .doc-page{border-radius:12px!important;width:100%!important;min-height:auto!important;padding:20px 14px!important}.html-lesson-content .doc-header{margin:-20px -14px 16px!important;padding:0 14px!important}}
