:root{--fond: #17101e;--fond-haut: #291b34;--carmin: #c41e4a;--or-lune: #e9d6a8;--os: #efe6d6;--serif: "Iowan Old Style", "Palatino Linotype", "Palatino", "Book Antiqua", "Georgia", ui-serif, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--maxw: 620px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:linear-gradient(to bottom,var(--fond-haut),var(--fond)) fixed;color:var(--os);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}.wrap{max-width:var(--maxw);margin:0 auto;padding:22px}:focus-visible{outline:2px solid var(--or-lune);outline-offset:3px;border-radius:6px}.serif{font-family:var(--serif)}.italic{font-style:italic}.center{text-align:center}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:#17101eb8;backdrop-filter:blur(10px);border-bottom:1px solid rgba(233,214,168,.1)}.topbar .brand{font-family:var(--serif);font-style:italic;color:var(--or-lune);font-size:1rem;letter-spacing:.3px}.glossaire-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(233,214,168,.5);color:var(--or-lune);border-radius:999px;padding:6px 12px;font-size:.8rem;cursor:pointer;font-family:var(--sans)}.glossaire-btn:hover{background:#e9d6a814}.screen{animation:fade .4s ease}.screen[hidden]{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.intro{min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.moon-glyph{font-size:3rem;filter:drop-shadow(0 0 16px rgba(233,214,168,.55))}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#e9d6a8b8}.intro h1{font-family:var(--serif);font-weight:400;font-size:2.15rem;line-height:1.15;margin:4px 0;color:var(--os)}.intro p.lede{font-family:var(--serif);color:#efe6d6cc;line-height:1.7;max-width:30rem}.free{font-size:.95rem;color:#e9d6a8c7}.moondots{display:flex;gap:10px;justify-content:center}.moondots span{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(239,230,214,.35)}.moondots span.on{background:var(--or-lune);border-color:var(--or-lune);box-shadow:0 0 8px #e9d6a8b3}.namestep{min-height:70vh;display:flex;flex-direction:column;gap:22px;padding-top:18px}.namestep .grow{flex:1}.namestep h2{font-family:var(--serif);font-weight:400;font-size:1.7rem;margin:0;color:var(--os)}.namestep .sub{color:#efe6d6a6;line-height:1.5;margin:8px 0 0}.field{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(233,214,168,.4);color:var(--os);font-family:var(--serif);font-size:1.35rem;padding:12px 2px}.field::placeholder{color:#efe6d659}.field:focus{outline:none;border-bottom-color:var(--or-lune)}.skip{background:none;border:none;color:#efe6d68c;text-decoration:underline;cursor:pointer;font-size:.9rem;font-family:var(--sans)}.skip:hover{color:var(--os)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;border:none;border-radius:16px;padding:15px 18px;font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--sans);transition:transform .12s ease,opacity .2s ease}.btn:active{transform:scale(.985)}.btn-primary{background:var(--carmin);color:var(--os)}.btn-primary:disabled{background:#c41e4a59;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--or-lune);border:1.2px solid rgba(233,214,168,.5)}.btn-ghost:hover{background:#e9d6a80f}.reveal{min-height:74vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.reveal h2{font-family:var(--serif);font-weight:400;font-size:2rem;margin:0}.preview-thread{display:flex;flex-direction:column;align-items:center}.preview-thread .pn{font-family:var(--serif);color:#efe6d6e6;font-size:1.05rem}.preview-thread .seg{width:1.5px;height:22px;background:#c41e4ab3}.carte-head{text-align:center;margin-top:8px}.carte-head h2{font-family:var(--serif);font-weight:400;font-size:1.55rem;margin:0;color:var(--os)}.carte-head .thread-of{font-family:var(--serif);font-style:italic;color:#e9d6a8d9;font-size:1.15rem;margin-top:4px}.carte-head .cohorte-line{font-size:.92rem;color:#efe6d699;margin-top:6px}.canvas-wrap{position:relative;width:100%;height:500px;margin:12px 0}#lineageCanvas{width:100%;height:100%;display:block}#overlayLayer{position:absolute;inset:0;pointer-events:none}#overlayLayer .term{pointer-events:auto}.axis-label{position:absolute;transform:translate(-50%,-50%);font-size:.72rem;font-weight:600;color:#e9d6a8b3}.gen-label{position:absolute;transform:translateY(0)}.gen-label .gl-role{font-size:.62rem;font-weight:600;letter-spacing:1.5px;color:#efe6d680}.gen-label .gl-name{font-family:var(--serif);font-size:1.12rem;color:var(--os);line-height:1.15}.gen-label .gl-name.unknown{font-style:italic;color:#efe6d699}.gen-label .hz-pill{margin-top:3px;text-decoration:none}.voice-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#e9d6a80d;color:var(--or-lune);border:1.2px solid rgba(233,214,168,.5);border-radius:16px;padding:15px;font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--sans)}.voice-btn[aria-pressed=true]{background:#e9d6a81a}.voice-btn .wave{font-size:1.1rem}.subtitle{font-family:var(--serif);font-style:italic;text-align:center;color:#efe6d6f2;line-height:1.65;min-height:3.2em;padding:0 6px;transition:opacity .35s ease}.legend{display:flex;gap:20px;justify-content:center;margin:6px 0}.legend .item{display:flex;align-items:center;gap:8px}.legend .dot{width:7px;height:7px;border-radius:50%;background:var(--or-lune);box-shadow:0 0 5px #e9d6a8d9}.legend .hz{font-size:.8rem;font-weight:600;color:var(--or-lune)}.legend .hint{font-size:.72rem;color:#efe6d680}.lecture{display:flex;gap:14px;align-items:stretch;padding:18px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(233,214,168,.12)}.lecture .rule{width:3px;border-radius:3px;background:#c41e4acc;flex:none}.lecture p{font-family:var(--serif);color:#efe6d6eb;line-height:1.7;margin:0}.gravure{text-align:center;padding:8px 0}.gravure .moon-rule{display:flex;align-items:center;gap:10px;justify-content:center;color:#e9d6a8b3;margin:8px 0}.gravure .moon-rule:before,.gravure .moon-rule:after{content:"";height:1px;width:60px;background:#e9d6a840}.gravure blockquote{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.4;margin:0;color:var(--os)}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:12px}.term{color:inherit;background:none;border:none;padding:0;font:inherit;cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#e9d6a899;text-underline-offset:3px}.term:hover{text-decoration-color:var(--or-lune)}.hz-pill{display:inline-block;font-size:.72rem;font-weight:500;color:var(--or-lune);border:1px solid rgba(233,214,168,.45);border-radius:999px;padding:1px 8px}.popover{position:fixed;z-index:60;max-width:262px;padding:16px;background:var(--fond);border:1px solid rgba(233,214,168,.3);border-radius:14px;box-shadow:0 12px 40px #0000008c}.popover[hidden]{display:none}.popover h4{font-family:var(--serif);color:var(--or-lune);margin:0 0 6px;font-size:1rem}.popover p{font-family:var(--serif);color:var(--os);margin:0;font-size:.9rem;line-height:1.5}.overlay{position:fixed;inset:0;z-index:80;background:#0a060eb8;backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center}.overlay[hidden]{display:none}.sheet{width:100%;max-width:var(--maxw);max-height:82vh;overflow-y:auto;background:linear-gradient(to bottom,var(--fond-haut),var(--fond));border-radius:22px 22px 0 0;border-top:1px solid rgba(233,214,168,.2);padding:22px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-head h3{font-family:var(--serif);font-weight:400;margin:0;color:var(--os)}.sheet .def{margin-bottom:18px}.sheet .def h4{font-family:var(--serif);color:var(--or-lune);margin:0 0 4px;font-size:1.02rem}.sheet .def p{font-family:var(--serif);color:#efe6d6e6;margin:0;line-height:1.55}.close-x{background:none;border:none;color:var(--or-lune);cursor:pointer;font-size:.95rem}.seuil{min-height:74vh;display:flex;flex-direction:column;gap:18px;padding-top:12px}.seuil h2{font-family:var(--serif);font-weight:400;font-size:1.7rem;margin:0;color:var(--os)}.seuil .promise{font-family:var(--serif);color:#efe6d6cc;line-height:1.65}.channel-toggle{display:flex;gap:8px}.channel-toggle button{flex:1;padding:10px;border-radius:12px;border:1px solid rgba(233,214,168,.35);background:transparent;color:#efe6d6bf;cursor:pointer;font-family:var(--sans);font-size:.92rem}.channel-toggle button.active{background:#e9d6a81f;color:var(--or-lune);border-color:var(--or-lune)}.consent{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#ffffff08;border:1px solid rgba(233,214,168,.14)}.consent input[type=checkbox]{width:22px;height:22px;accent-color:var(--carmin);margin-top:1px;flex:none}.consent label{font-size:.88rem;color:#efe6d6d1;line-height:1.5}.consent a{color:var(--or-lune)}.form-error{color:#ff9db1;font-size:.88rem;min-height:1.2em}.form-note{font-size:.78rem;color:#efe6d680;line-height:1.5}.merci{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}