:root{--paper: #f3f2f8;--card: #ffffff;--ink: #141414;--muted: #6b6b73;--faint: #a1a1aa;--line: #ececef;--soft: #ebeaf1;--accent: #6e5bd0;--accent-soft: #f0edfb;--accent-ink: #4a3aa8;--green: #0b7a45;--green-soft: #e8f4ed;--green-dark: #4fc98a;--amber: #b4540a;--amber-soft: #fbefe4;--red: #b3261e;--red-soft: #f9e7e5;--dark: #141414;--dark-card: #232326;--radius: 20px;--radius-sm: 14px}*{box-sizing:border-box}body{margin:0;background:#e6e5ec;font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center}.frame{width:100%;max-width:430px;min-height:100dvh;background:var(--paper);display:flex;flex-direction:column;padding:14px 18px 28px}.frame.dark{background:var(--dark);color:#f4f4f5}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:var(--card);border-radius:999px;padding:7px 7px 7px 18px;min-height:48px;box-shadow:0 1px 2px #1e193c0d,0 4px 14px #1e193c0d}.frame.dark .topbar{background:var(--dark-card)}.logo{--logo-accent: var(--accent)}.logo-accueil{background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit;line-height:0}.logo-accueil:disabled{cursor:default}.topbar .logo{color:var(--ink)}.frame.dark .topbar .logo{color:#f4f4f5;--logo-accent: #b9aef5}.switch{display:flex;gap:2px;background:var(--card);border-radius:999px;padding:3px}.switch button{border:0;background:transparent;font:inherit;font-size:13px;font-weight:500;padding:6px 14px;border-radius:999px;color:var(--muted);cursor:pointer}.switch button.on{background:var(--ink);color:#fff}h2{letter-spacing:-.02em;font-weight:700}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px}.big{font-size:48px;font-weight:750;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.sub-green{color:var(--green);font-weight:600;font-size:14px;margin-top:6px}.card{background:var(--card);border:1px solid transparent;border-radius:var(--radius);padding:16px 18px;margin-bottom:10px;box-shadow:0 1px 2px #1e193c0d,0 4px 14px #1e193c0d}.card .row .hint{font-size:14px}.card.done{background:transparent;border-color:#d9d8e2;box-shadow:none}.card.done .chip.mutedc{background:var(--card)}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.title{font-weight:650;font-size:15px;letter-spacing:-.01em}.tete{font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.01em}.hint{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.45}.hint.date-passe{margin-top:5px}.hint.date-passe+.hint{margin-top:1px}.gain{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}.chip{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;white-space:nowrap;border:0}.chip.green{color:var(--green);background:var(--green-soft)}.chip.amber{color:var(--amber);background:var(--amber-soft)}.chip.mutedc{color:var(--muted);background:var(--soft)}.delai{display:inline-block;padding:1px 8px;border-radius:999px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft)}.chip.accent{color:var(--accent-ink);background:var(--accent-soft)}.btn{display:block;width:100%;border:0;border-radius:999px;height:52px;font:inherit;font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;background:var(--ink);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.accent{background:var(--accent);color:#fff}.btn.ghost{background:transparent;border:1px solid rgba(65,65,65,.16);color:inherit;font-weight:600}.btn.ghost.blanc{background:var(--card)}.frame.dark .btn.ghost{border-color:#3f3f46;color:#d4d4d8}.btn:disabled{opacity:.4;cursor:default}.action{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:18px;margin:8px 0 6px;box-shadow:0 1px 2px #1e193c0d,0 4px 14px #1e193c0d}.reco{display:inline-flex;align-items:center;gap:6px;color:var(--accent-ink);font-size:14px;font-weight:700}.reco svg{margin-left:-1px}.action .btn{background:var(--ink);color:#fff;margin-top:14px}.segment{display:flex;background:var(--soft);border-radius:999px;padding:4px;gap:2px}.segment button{flex:1;border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--faint);padding:9px 12px;border-radius:999px;cursor:pointer}.segment button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000000f}.pill-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;font-size:15px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border:0;border-radius:999px;padding:5px 26px 5px 12px;margin:0 2px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--accent-ink) 50%),linear-gradient(135deg,var(--accent-ink) 50%,transparent 50%);background-position:right 13px center,right 8px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.pill-select:disabled{color:var(--muted);background-color:var(--soft)}.option{display:block;width:100%;text-align:left;font:inherit;font-size:15px;line-height:1.4;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:15px 18px;margin-bottom:10px;cursor:pointer;color:var(--ink)}@media(hover:hover){.option:hover{border-color:var(--accent)}}.option:focus{outline:none}.option:disabled{cursor:default;opacity:.75}.option.good{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:700;opacity:1;animation:juste 1.1s ease-out}.option.good:after{content:"  ✓"}@keyframes juste{0%{box-shadow:0 0 #0b7a4573;transform:scale(1)}25%{transform:scale(1.02)}60%{box-shadow:0 0 0 10px #0b7a4500;transform:scale(1)}to{box-shadow:0 0 #0b7a4500}}.reveal{border-left:4px solid var(--red);background:var(--card);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 18px;border-radius:6px var(--radius-sm) var(--radius-sm) 6px;margin:4px 0 14px}.reveal .r-titre{font-weight:650;line-height:1.4}.reveal .r-non{color:var(--red)}.reveal .r-exp{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.5}.chrono{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:5px 13px;letter-spacing:-.01em}.chrono.bientot{color:var(--red);background:var(--red-soft)}.progress{height:6px;background:var(--soft);border-radius:999px;margin:12px 0 20px;overflow:hidden}.progress i{display:block;height:6px;border-radius:999px;background:var(--accent);transition:width .3s}.contexte{background:var(--soft);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;line-height:1.55;margin-bottom:16px}.res-note{font-size:88px;font-weight:750;line-height:1;letter-spacing:-.04em;text-align:center;margin-top:48px}.res-note small{font-size:36px;color:var(--muted);font-weight:500}.res-verdict{text-align:center;font-size:22px;font-weight:700;margin-top:8px}.res-verdict.ok{color:var(--green-dark)}.btn.partage{margin-top:28px;display:flex;align-items:center;justify-content:center}.res-meta{text-align:center;font-size:14px;color:#a1a1aa;margin-top:6px}.dark-card{background:var(--dark-card);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.dark-card b{color:var(--green-dark);font-size:17px}.foot{margin-top:auto}.privacy{font-size:12px;color:var(--faint);text-align:center;line-height:1.5;margin-top:24px}.link{background:none;border:0;font:inherit;color:var(--accent-ink);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer}.link.fleche{display:inline-flex;align-items:center;gap:3px;padding:0;text-align:left}.err{color:var(--red);font-size:13px;margin:8px 0}.saisie{display:flex;gap:8px;margin-top:12px}.saisie input{flex:1;font:inherit;font-size:16px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card)}.saisie .btn{width:auto;padding:0 20px;height:46px}svg text{font-family:Geist,sans-serif}.tabbar{display:flex;justify-content:center;gap:34px;margin:30px -18px 0;padding:10px 0 6px;border-top:1px solid var(--line)}.tabbar button{position:relative;background:none;border:none;font:inherit;font-size:14px;font-weight:500;color:var(--faint);cursor:pointer;padding:8px 2px 12px}.tabbar button.on{color:var(--ink);font-weight:650}.tabbar button.on:after{content:"";position:absolute;left:15%;right:15%;bottom:5px;height:3px;border-radius:2px;background:var(--accent)}.intro{position:relative;width:100%;max-width:420px;margin:8px auto 0;color:var(--ink);--logo-accent: var(--accent)}.intro-video{position:absolute;left:0;object-fit:cover;background:transparent;mix-blend-mode:multiply}.intro-calque{position:absolute;left:0;top:0;transform-origin:0 0;line-height:0}.intro-calque svg{display:block;overflow:visible}.intro-crayon{position:absolute;left:0;top:0;pointer-events:none}.vitrine-promesse{text-align:center;margin:36px 0 0;text-wrap:balance}.vitrine-promesse p{margin:0;font-size:19px;line-height:1.6;font-weight:600;letter-spacing:-.01em;animation:vitrine-apparait .6s ease both}.vitrine-boutons{margin-top:40px;animation:vitrine-apparait .6s ease both}.vitrine-revoir{display:flex;align-items:center;gap:3px;margin:36px auto 8px;background:none;border:0;font:inherit;font-size:12px;color:var(--faint);cursor:pointer;padding:6px;animation:vitrine-apparait .6s ease both}@keyframes vitrine-apparait{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.vitrine-promesse p,.vitrine-boutons,.vitrine-revoir{animation:none}}