html{scroll-snap-type:y proximity;background:#041410;touch-action:manipulation}body{margin:0;background:#041410;color:#fff9eb;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#dna{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#dna *{box-sizing:border-box}#dna canvas,.dna-probe{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh}#dna canvas{display:block;opacity:0;transition:opacity 1.2s;user-select:none;-webkit-user-select:none}.dna-probe{width:1px;visibility:hidden;pointer-events:none}#dna.ready canvas{opacity:1}.dna-shade{position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 45%,#020a08cc 100%)}.dna-step{height:100vh;height:100svh;scroll-snap-align:start}.dna-scroll{padding-bottom:calc(100lvh - 100svh)}@media(pointer:coarse){html{scroll-snap-type:none;overscroll-behavior:none}#dna{touch-action:none}}.dna-progress{display:none;position:fixed;z-index:4;left:0;top:0;width:100%;height:2px;background:#cae9fd1f}.dna-progress i{display:block;height:100%;background:var(--now,#cae9fd);transform:scaleX(0);transform-origin:left;transition:background .6s}.dna-bar{position:fixed;z-index:4;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:max(22px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left));font-size:15px}.dna-bar a{color:#cae9fd;text-decoration:none;font-weight:700;letter-spacing:-.03em;font-size:17px}.dna-bar a:hover{text-decoration:underline;text-underline-offset:5px}.dna-bar span{display:flex;gap:18px;margin-right:22px}.dna-bar button{font:inherit;font-size:13px;color:#cae9fd;background:none;border:0;padding:6px 0;cursor:pointer;opacity:.7}.dna-bar button:hover,.dna-bar button[aria-pressed=true].dna-tour{opacity:1}#dna a:focus-visible,#dna button:focus-visible{outline:2px solid #cae9fd;outline-offset:4px}.dna-labels{position:fixed;inset:0;z-index:2;pointer-events:none}.dna-label{position:absolute;opacity:0;transform:translateY(14px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1);text-shadow:0 2px 24px #041410,0 0 8px #041410}.dna-label.on{opacity:1;transform:none;transition-delay:.25s}.dna-label h1,.dna-label h2{margin:0;font-weight:750;letter-spacing:-.055em;line-height:1}.dna-label h1{font-size:clamp(56px,9vw,132px)}.dna-label h2{font-size:clamp(34px,4.6vw,68px)}.dna-label p{margin:14px 0 0;font-size:clamp(15px,1.25vw,18px);line-height:1.5;color:#cae9fd;max-width:30em}.dna-label a{color:inherit;text-underline-offset:4px}.dna-label.on a{pointer-events:auto}.dna-label .src{margin-top:16px;font-size:12px;letter-spacing:.04em;display:flex;flex-wrap:wrap;gap:6px 16px}.dna-label .src span{opacity:.6}.dna-label .src button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid #cae9fd55;padding:0 0 1px;cursor:pointer;opacity:.7}.dna-label.on .src button{pointer-events:auto}.dna-label .src button:hover{opacity:1}.dna-label .src .dna-more{opacity:1;color:#041410;background:var(--gem,#cae9fd);border:0;border-radius:999px;padding:7px 14px;font-weight:700;letter-spacing:0;text-shadow:none}.dna-label .src{align-items:center}.dna-label .src a{opacity:.7;text-decoration:none;border-bottom:1px solid #cae9fd55;padding-bottom:1px}.dna-label .src a:hover{opacity:1;border-color:currentColor}.dna-label .tag{margin:0 0 12px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gem,#cae9fd)}.dna-label .tag.father{color:#ffcf7a}.dna-label .tag.mother{color:#8ed4ff}.dna-label.intro{left:6vw;bottom:13vh}.dna-label.gem{left:59vw;right:4vw;bottom:7vh}.dna-label.gem h2{font-size:clamp(30px,3.7vw,56px)}.dna-label.wide{left:6vw;bottom:10vh;max-width:min(40vw,520px)}.chips{display:flex;gap:8px;margin-top:18px!important}.chips i{font-style:normal;font-weight:700;font-size:15px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#041410;text-shadow:none;box-shadow:0 0 22px -2px var(--c)}.dna-tips{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.dna-stop,.dna-marker-tip{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transition:opacity .4s;font-size:12px;letter-spacing:.04em;text-shadow:0 0 8px #041410,0 0 3px #041410}.dna-stop{margin:-22px 0 0 10px;color:#ffcf7a}.dna-stop.maternal{color:#8ed4ff;margin-top:8px}.dna-stop:after{content:" yrs";opacity:.65}.dna-marker-tip{margin:-34px 0 0 14px;font-size:14px;font-weight:700;color:var(--gem,#fff9eb)}.dna-stop.on,.dna-marker-tip.on{opacity:1}.dna-rail{position:fixed;z-index:3;right:max(10px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px}.dna-rail button{width:18px;height:14px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.dna-rail button:before{content:"";width:4px;height:4px;border-radius:50%;background:#cae9fd;opacity:.28;transition:transform .3s,opacity .3s,background .3s}.dna-rail button.major:before{width:6px;height:6px;opacity:.5}.dna-rail button:hover:before{opacity:.9}.dna-rail button.on:before{opacity:1;transform:scale(2);background:var(--gem,#fff9eb)}.dna-toast{position:fixed;z-index:5;left:50%;top:84px;transform:translate(-50%,-12px);margin:0;padding:10px 18px;border-radius:999px;background:#fff9eb;color:#10372f;font-size:14px;font-weight:700;letter-spacing:-.01em;opacity:0;transition:opacity .35s,transform .35s;pointer-events:none;max-width:calc(100vw - 40px);text-align:center}.dna-toast.on{opacity:1;transform:translate(-50%)}.dna-hint{position:fixed;z-index:2;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#cae9fd;opacity:0;transition:opacity .6s;pointer-events:none}.dna-hint:after{content:"";display:block;width:1px;height:26px;margin:8px auto 0;background:currentColor;animation:dna-drop 1.8s ease-in-out infinite;transform-origin:top}#dna.ready[data-step=intro] .dna-hint{opacity:.75}@keyframes dna-drop{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.dna-fallback{display:none;position:fixed;inset:0;place-content:center;margin:0;padding:32px;text-align:center;font-size:18px;line-height:1.5}.dna-fallback a{color:#cae9fd}#dna.unavailable .dna-fallback{display:grid}#dna.unavailable canvas,#dna.unavailable .dna-hint,#dna.unavailable .dna-rail{display:none}@media(max-aspect-ratio:1/1){.dna-shade{background:linear-gradient(to bottom,#041410f2 0,#041410b3 7%,#04141000 16%),linear-gradient(to top,#041410 0,#041410e6 18%,#04141000 40%)}.dna-label.gem,.dna-label.intro,.dna-label.wide{left:7vw;right:7vw;top:auto;bottom:calc(8vh + env(safe-area-inset-bottom));max-width:none}.dna-label.gem{right:35vw}.dna-label.intro{bottom:calc(12vh + env(safe-area-inset-bottom))}.dna-label h2{font-size:clamp(30px,8.4vw,56px)}.dna-label.gem h2{font-size:clamp(26px,7.4vw,50px)}.dna-label .tag{margin-bottom:8px}.chips{margin-top:14px!important}.dna-label .src{margin-top:14px}.dna-bar{padding-left:20px;padding-right:20px}.dna-bar span{margin-right:0}.dna-rail{display:none}.dna-progress{display:block}.dna-hint{bottom:max(12px,env(safe-area-inset-bottom));font-size:11px}.dna-hint:after{height:18px;margin-top:6px}}@media(prefers-reduced-motion:reduce){.dna-label,.dna-toast{transition:opacity .2s}.dna-hint:after{animation:none}}.dna-about{box-sizing:border-box;width:min(520px,calc(100vw - 48px));max-height:min(80vh,720px);margin:auto;padding:30px 34px 32px;border:1px solid #cae9fd26;border-radius:16px;background:#06211b;color:#eaf5f0;font-family:Arial,Helvetica,sans-serif;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;box-shadow:0 30px 90px #000a}.dna-about::backdrop{background:#020a08b8}.dna-about[open]{animation:dna-rise .32s cubic-bezier(.2,.7,.2,1)}@keyframes dna-rise{0%{opacity:0;transform:translateY(22px)}}.dna-about form{margin:0;float:right}.dna-about-close{font:inherit;font-size:13px;color:#cae9fd;background:none;border:1px solid #cae9fd40;border-radius:999px;padding:7px 14px;cursor:pointer}.dna-about-close:hover{border-color:#cae9fd}.dna-about-close:focus-visible,.dna-about a:focus-visible{outline:2px solid #cae9fd;outline-offset:3px}.dna-about .tag{margin:4px 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gem,#cae9fd)}.dna-about h3{margin:0 0 4px;font-size:clamp(28px,4vw,38px);font-weight:750;letter-spacing:-.045em;line-height:1.05;color:#fff9eb}.dna-about p{margin:16px 0 0;font-size:17px;line-height:1.6}.dna-about .chips{margin-top:16px!important}.dna-about .strength{margin-top:22px;padding-top:16px;border-top:1px solid #cae9fd26;font-size:15px;color:#cae9fd}.dna-about .strength b{color:#fff9eb;font-weight:700}.dna-about .papers{margin-top:10px;font-size:15px;color:#cae9fd}.dna-about .papers a{color:#fff9eb;text-underline-offset:4px;margin-right:14px}@media(max-aspect-ratio:1/1){.dna-about{width:100%;max-width:none;max-height:82vh;max-height:82svh;margin:auto 0 0;padding:22px 7vw calc(28px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:20px 20px 0 0}@keyframes dna-rise{0%{transform:translateY(100%)}}}@media(prefers-reduced-motion:reduce){.dna-about[open]{animation:none}}