.sm-video{padding-bottom:clamp(1rem,3vw,1.5rem)}#presentation-audio{padding-top:clamp(.75rem,2vw,1.25rem)}#savez-vous,#presentation-audio{scroll-margin-top:calc(var(--nav-h, 64px) + 1.25rem);padding:clamp(2rem,5vw,3.25rem) 1rem;max-width:820px;margin:0 auto}#savez-vous .sv-head,#presentation-audio .pa-head{text-align:center;margin-bottom:1.35rem}#savez-vous .sv-eyebrow,#presentation-audio .pa-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan, #3ee8ff);font-weight:700}#savez-vous h2,#presentation-audio h2{font-family:var(--font-d, Georgia, serif);font-size:clamp(1.55rem,4vw,2.35rem);margin:.4rem 0 .45rem;color:#eaf6ff}#savez-vous .sv-sub,#presentation-audio .pa-sub{color:var(--muted, #8aa3c4);font-size:.98rem;max-width:46ch;margin:0 auto;line-height:1.55}.sv-card{position:relative;background:linear-gradient(150deg,#3ee8ff12,#00c3a70a 55%,#a373ff0d);border:1px solid rgba(120,200,255,.18);border-radius:22px;padding:1.75rem;box-shadow:0 18px 50px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.sv-card:before{content:"";position:absolute;top:-40%;right:-15%;width:360px;height:360px;background:radial-gradient(circle,rgba(62,232,255,.14),transparent 62%);pointer-events:none}.sv-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;position:relative;z-index:1;flex-wrap:wrap}.sv-step{font-size:.8rem;color:#8aa3c4;font-weight:600}.sv-score{font-size:.82rem;font-weight:700;color:var(--cyan, #3ee8ff);background:#3ee8ff1a;border:1px solid rgba(62,232,255,.25);border-radius:999px;padding:.35rem .85rem}.sv-progress{height:6px;border-radius:999px;background:#78c8ff1f;overflow:hidden;margin-bottom:1.25rem;position:relative;z-index:1}.sv-progress>i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--cyan, #3ee8ff),var(--teal, #00c3a7));transition:width .4s cubic-bezier(.4,0,.2,1)}.sv-emoji{font-size:2rem;margin-bottom:.55rem;position:relative;z-index:1}.sv-prompt{font-size:1.12rem;line-height:1.55;color:#eaf6ff;margin-bottom:1.2rem;position:relative;z-index:1}.sv-options{display:grid;gap:.65rem;position:relative;z-index:1}.sv-opt{text-align:left;width:100%;padding:.95rem 1.1rem;border-radius:14px;border:1px solid rgba(120,200,255,.18);background:#08132499;color:#dceaff;font-size:.98rem;cursor:pointer;transition:border-color .16s,background .16s,transform .16s;display:flex;align-items:center;gap:.7rem;min-height:48px;font-family:inherit}.sv-opt:hover:not(:disabled),.sv-opt:focus-visible:not(:disabled){border-color:var(--cyan, #3ee8ff);background:#3ee8ff14;transform:translateY(-1px)}.sv-opt .sv-key{flex-shrink:0;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:.8rem;font-weight:700;background:#78c8ff1f;color:#9fc6ff}.sv-opt:disabled{cursor:default}.sv-opt.correct{border-color:var(--teal, #00c3a7);background:#00c3a729;color:#eafff8}.sv-opt.correct .sv-key{background:var(--teal, #00c3a7);color:#042018}.sv-opt.wrong{border-color:#ff5bd1;background:#ff5bd11f;color:#ffe9f8}.sv-opt.wrong .sv-key{background:#ff5bd1;color:#2a0620}.sv-feedback{margin-top:1.15rem;padding:1.05rem 1.15rem;border-radius:14px;border:1px solid rgba(120,200,255,.14);background:#0308148c;position:relative;z-index:1}.sv-feedback .verdict{font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.sv-feedback .verdict.ok{color:var(--cyan, #3ee8ff)}.sv-feedback .verdict.no{color:#ff8fdd}.sv-feedback .expl{color:#c6d6ec;font-size:.92rem;line-height:1.6}.sv-feedback .srcs{margin-top:.7rem;font-size:.78rem;display:flex;flex-wrap:wrap;gap:.45rem .85rem;align-items:center}.sv-feedback .srcs a{color:#8aa3c4;text-decoration:none}.sv-feedback .srcs a:hover,.sv-feedback .srcs a:focus-visible{color:var(--cyan, #3ee8ff)}.sv-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem;position:relative;z-index:1;align-items:center}.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.8rem 1.25rem;border-radius:999px;min-height:44px;border:1px solid rgba(62,232,255,.3);background:#3ee8ff0f;color:#eaf6ff;font-size:.92rem;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .18s,border-color .18s,transform .18s}.sv-btn:hover,.sv-btn:focus-visible{background:#3ee8ff24;border-color:var(--cyan, #3ee8ff);transform:translateY(-1px)}.sv-btn-primary{background:linear-gradient(135deg,var(--cyan, #3ee8ff),var(--teal, #00c3a7));color:#042018;border:0;font-weight:700;box-shadow:0 6px 18px #3ee8ff47}.sv-btn-primary:hover,.sv-btn-primary:focus-visible{box-shadow:0 8px 26px #3ee8ff73;color:#042018}.sv-done{text-align:center;position:relative;z-index:1;padding:.5rem 0}.sv-done .big{font-size:2.35rem;font-family:var(--font-d, Georgia, serif);color:#eaf6ff;margin:.3rem 0}.sv-done p{color:#a9bdd8;margin:.5rem auto 1.2rem;max-width:40ch}.pa-shell{position:relative;background:linear-gradient(165deg,#020b1ff2,#081830e6);border:1px solid rgba(62,232,255,.22);border-radius:24px;padding:1.35rem 1.35rem 1.15rem;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0a;overflow:hidden}.pa-shell:after{content:"";position:absolute;inset:auto -20% -40%;height:70%;background:radial-gradient(ellipse at 50% 0%,rgba(62,232,255,.12),transparent 60%);pointer-events:none}.pa-wave-wrap{position:relative;height:110px;margin-bottom:.85rem;z-index:1;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#04102499,#020b1fd9);border:1px solid rgba(120,200,255,.12);cursor:pointer;touch-action:none}.pa-wave-wrap:focus-visible{outline:3px solid var(--cyan, #3ee8ff);outline-offset:2px}.pa-wave-wrap canvas{display:block;width:100%;height:100%}.pa-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.pa-bubbles span{position:absolute;bottom:-8px;border-radius:50%;border:1px solid rgba(160,230,255,.4);background:radial-gradient(circle at 30% 30%,#fff6,#3ee8ff14);animation:pa-bubble 6s linear infinite;opacity:.55}@keyframes pa-bubble{0%{transform:translateY(0);opacity:0}15%{opacity:.55}to{transform:translateY(-120px) translate(var(--dx, 12px));opacity:0}}.pa-controls{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;position:relative;z-index:1}.pa-play{width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,var(--cyan, #3ee8ff),var(--teal, #00c3a7));color:#021018;display:grid;place-items:center;box-shadow:0 8px 24px #3ee8ff59;transition:transform .18s,box-shadow .18s;flex-shrink:0}.pa-play:hover,.pa-play:focus-visible{transform:scale(1.05);box-shadow:0 10px 30px #3ee8ff80}.pa-play svg{width:22px;height:22px;display:block}.pa-play .pa-icon-pause,.pa-play.is-playing .pa-icon-play{display:none}.pa-play.is-playing .pa-icon-pause{display:block}.pa-time{font-variant-numeric:tabular-nums;font-size:.88rem;color:#9fc6ff;min-width:7.5rem}.pa-speaker{margin-left:auto;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.3rem .7rem;border-radius:999px;background:#3ee8ff1f;border:1px solid rgba(62,232,255,.28);color:var(--cyan, #3ee8ff)}.pa-transcript{margin-top:1.05rem;position:relative;z-index:1;max-height:180px;overflow-y:auto;padding:.85rem 1rem;border-radius:14px;background:#020b1f8c;border:1px solid rgba(120,200,255,.1);scroll-behavior:smooth}.pa-line{padding:.45rem .55rem;border-radius:10px;margin-bottom:.25rem;color:#7a92b0;font-size:.9rem;line-height:1.45;transition:background .25s,color .25s}.pa-line .who{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#5eead4;margin-right:.45rem}.pa-line.current{background:#3ee8ff1a;color:#eaf6ff;box-shadow:inset 3px 0 0 var(--cyan, #3ee8ff)}@media(prefers-reduced-motion:reduce){.sv-opt,.sv-btn,.sv-progress>i,.pa-play,.pa-line{transition:none!important}.pa-bubbles span{animation:none!important;opacity:0!important}.pa-transcript{scroll-behavior:auto}}@media(max-width:640px){#savez-vous,#presentation-audio{padding:1.75rem .75rem}.sv-card{padding:1.2rem;border-radius:18px}.sv-prompt{font-size:1.02rem}.sv-actions .sv-btn{flex:1}.pa-shell{padding:1.05rem;border-radius:18px}.pa-wave-wrap{height:88px}.pa-speaker{margin-left:0}.pa-time{min-width:auto}}
