/* First-scene corrections: one SVG coordinate system drives vessels and drug flow. */
.particle-layer{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.svg-boron{fill:#f1bd45;stroke:#fff0a9;stroke-width:2;filter:drop-shadow(0 0 5px rgba(241,189,69,.7))}.delivery-path{fill:none;stroke:none}.capillary-shadow{fill:none;stroke:#a7544d;stroke-width:30;opacity:.18;stroke-linecap:round;stroke-linejoin:round}.capillary{stroke:#db8e7f!important}.vascular-main{stroke:#db8e7f!important}.step2 .particle-layer,.step3 .particle-layer{opacity:.1}.free-b,.blood-dot{display:none!important}.cell .boron.arrived{opacity:1;transform:scale(1)}
/* Clean vessel junctions: branches sit beneath one continuous main lumen. */
.capillary-shadow{display:none}.vascular-shadow{stroke:#efc8be!important;opacity:1!important}.vascular-main,.capillary{stroke:#df8d7d!important}.vascular-main{stroke-width:38!important}.capillary{stroke-width:18!important}.particle-layer{z-index:8!important}.cell{z-index:2}.cell.cancer{z-index:3}.cell .boron{opacity:0!important;transform:scale(.25)!important}.cell .boron.arrived{opacity:1!important;transform:scale(1)!important}
.cell .boron{transition:opacity .18s linear!important,transform .18s linear!important}.cell .boron.arrived{transform:scale(1)!important}
/* Seamless particle handoff: the fixed marker appears under the moving particle. */
.cell .boron{transition:none!important}.svg-boron{r:9px}
/* Responsive isotropic boron particles. JS compensates SVG's non-uniform viewport scale. */
.svg-boron-particle{pointer-events:none}.svg-boron-particle .svg-boron{fill:#f1bd45;stroke:#fff0a9;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(241,189,69,.6))}.svg-boron-label{fill:#70500f;font-size:6px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;paint-order:stroke;stroke:#f7d86f;stroke-width:.35px}
.experience-gate{position:fixed;inset:0;z-index:100;border:0;background:rgba(244,239,228,.76);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:14px;color:#173f3a;cursor:pointer;transition:opacity .3s ease,visibility .3s ease}.experience-gate.hidden{opacity:0;visibility:hidden}.experience-gate>span:last-child{text-align:left}.experience-gate b{display:block;font-size:18px}.experience-gate small{display:block;color:#6d7f79;font-size:10px;margin-top:5px}.gate-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#173f3a;color:#fff;padding-left:3px;box-shadow:0 14px 30px rgba(23,63,58,.2)}
.experience-gate{display:none!important}
/* Step 02: dense, visible fan-shaped neutron particle stream. */
.machine{width:310px!important}.machine .head{width:176px!important;height:76px!important}.machine .head i{width:112px!important}
.beam{left:3%!important;right:3%!important;top:92px!important;width:auto!important;height:calc(100% - 95px)!important;overflow:hidden;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)!important;background:linear-gradient(180deg,rgba(117,183,179,.25),rgba(117,183,179,.10) 52%,rgba(117,183,179,.025))!important;opacity:0;transition:opacity .6s}.step2 .beam,.step3 .beam{opacity:1}.beam:after,.beam-ray{display:none!important}
.neutrons{position:absolute;left:3%;right:3%;top:92px;bottom:0;z-index:9;overflow:hidden;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);pointer-events:none;opacity:0;transition:opacity .6s}.step2 .neutrons,.step3 .neutrons{opacity:1}
.n-dot{position:absolute;left:50%;top:-20px;right:auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#fff 0 14%,#b9ebe7 30%,#62aaa5 66%,#286b67 100%);border:1.5px solid rgba(240,255,253,.96);box-shadow:0 0 0 3px rgba(86,158,153,.14),0 0 10px rgba(48,123,118,.58);opacity:0;animation:neutronFan var(--duration) linear var(--delay) infinite;will-change:left,top,opacity,transform}.n-dot b{font:italic 700 8px Georgia;color:#123f3c;line-height:1}.step1 .n-dot{animation-play-state:paused}
@keyframes neutronFan{0%{left:50%;top:-20px;opacity:0;transform:translateX(-50%) scale(var(--scale))}5%{opacity:1}92%{opacity:.95}100%{left:var(--end);top:103%;opacity:0;transform:translateX(-50%) scale(var(--scale))}}
.legend .lg-neutron{background:#5ba09b!important;box-shadow:0 0 0 2px rgba(91,160,155,.15)}
/* Synchronized neutron salvos: every lane in a wave advances together. */
.n-dot{animation-timing-function:linear!important}.step2 .neutrons,.step3 .neutrons{filter:none}
/* Seven compact neutron columns. */
.n-dot{width:17px;height:17px}.n-dot b{font-size:7.5px}
/* Seven clearly readable, tightly spaced particle columns. */
.n-dot{width:15px;height:15px;box-shadow:0 0 0 2px rgba(86,158,153,.12),0 0 8px rgba(48,123,118,.46)}.n-dot b{font-size:7px}
/* Step 03 rebuilt: capture, split, short-range damage, return to tissue. */
.step3 .machine,.step3 .beam,.step3 .neutrons{opacity:0!important;transition:opacity .7s ease}.step3 .micro-overlay{display:block;opacity:1!important;transform:none!important;animation:none!important;background:rgba(241,237,226,.9);pointer-events:auto;transition:background .8s ease}.micro-overlay.paused *{animation-play-state:paused!important}.micro-overlay .context-cells{position:absolute;inset:0;opacity:.38;transition:opacity .8s}.context-cells i{position:absolute;width:68px;height:68px;border-radius:48% 52% 46% 54%;background:#a8cdb7}.context-cells i:nth-child(1){left:8%;top:24%}.context-cells i:nth-child(2){right:9%;top:29%;transform:scale(.8)}.context-cells i:nth-child(3){right:15%;bottom:18%;transform:scale(.7)}
.micro-overlay .micro-cell{position:absolute;left:50%;top:48%;width:min(52vw,500px);height:min(52vw,500px);max-width:72%;max-height:78%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.28);border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 34% 28%,#f7b093,#e58668 72%);box-shadow:inset -28px -34px 65px rgba(127,55,45,.2),0 24px 70px rgba(93,58,46,.18);opacity:.22;transition:transform 1.2s cubic-bezier(.2,.75,.25,1),opacity .8s,filter .8s}.micro-overlay[data-phase="0"] .micro-cell{transform:translate(-50%,-50%) scale(.42);opacity:.5}.micro-overlay[data-phase="1"] .micro-cell,.micro-overlay[data-phase="2"] .micro-cell,.micro-overlay[data-phase="3"] .micro-cell,.micro-overlay[data-phase="4"] .micro-cell,.micro-overlay[data-phase="5"] .micro-cell,.micro-overlay[data-phase="6"] .micro-cell{transform:translate(-50%,-50%) scale(1);opacity:1}.micro-overlay[data-phase="7"]{background:rgba(241,237,226,0)}.micro-overlay[data-phase="7"] .micro-cell{transform:translate(-50%,-50%) scale(.25);opacity:0}.micro-overlay[data-phase="7"] .context-cells{opacity:0}
.cell-membrane{position:absolute;inset:3%;border:2px solid rgba(255,240,222,.42);border-radius:inherit}.micro-nucleus{position:absolute!important;left:23%;top:28%;width:42%!important;height:42%!important;border-radius:48% 52% 46% 54%!important;background:radial-gradient(circle at 37% 32%,#a45c69,#774452)!important;display:grid;place-items:center;box-shadow:inset -10px -12px 25px rgba(69,29,40,.2)}.nucleus-label{position:absolute;bottom:-24px;font-size:9px;color:#6d4650;font-weight:600}.dna-helix{position:relative;width:72px;height:118px;transform:rotate(18deg)}.dna-helix>i{position:absolute;top:0;width:30px;height:100%;border:3px solid #f5bbb2;border-top:0;border-bottom:0;border-radius:50%}.dna-helix>i:first-child{left:7px}.dna-helix>i:nth-child(2){right:7px;transform:rotate(180deg)}.dna-helix span{position:absolute;left:17px;width:38px;height:2px;background:#efaca5;transform:rotate(var(--r,0deg))}.dna-helix span:nth-of-type(1){top:12%;--r:18deg}.dna-helix span:nth-of-type(2){top:27%;--r:-16deg}.dna-helix span:nth-of-type(3){top:42%;--r:14deg}.dna-helix span:nth-of-type(4){top:57%;--r:-15deg}.dna-helix span:nth-of-type(5){top:72%;--r:18deg}.dna-helix span:nth-of-type(6){top:87%;--r:-12deg}
.background-boron{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#efbd45;color:#704b0b;font-size:8px;font-weight:700;box-shadow:0 0 0 5px rgba(239,189,69,.16)}.bg1{left:17%;top:19%}.bg2{right:15%;top:52%}.bg3{left:53%;bottom:13%}.micro-boron{right:23%!important;top:27%!important;width:82px!important;height:82px!important;transition:transform .4s,filter .4s,opacity .25s!important}.micro-neutron{left:8%!important;top:31%!important;width:64px!important;height:64px!important;opacity:0;transform:translate(0,0)}.micro-overlay[data-phase="1"] .micro-neutron{opacity:1;animation:microApproach 1.9s linear forwards}.micro-overlay[data-phase="2"] .micro-neutron{opacity:1;transform:translate(318%,5%) scale(.25);animation:microAbsorb .8s ease-in forwards}.micro-overlay[data-phase="2"] .capture-ring{animation:microCaptureRing 1.1s ease-out forwards}.micro-overlay[data-phase="2"] .micro-boron,.micro-overlay[data-phase="3"] .micro-boron{transform:scale(1.15);filter:brightness(1.25);box-shadow:0 0 0 15px rgba(239,189,69,.15),0 0 55px rgba(239,165,64,.55)}.micro-overlay[data-phase="3"] .micro-boron{animation:excitedHold .38s ease-in-out infinite alternate}.micro-overlay[data-phase="4"] .micro-boron,.micro-overlay[data-phase="5"] .micro-boron,.micro-overlay[data-phase="6"] .micro-boron{opacity:0;transform:scale(.55)}
.energy-core{right:calc(23% + 31px)!important;top:calc(27% + 31px)!important}.energy-wave{position:absolute;right:calc(23% + 41px);top:calc(27% + 41px);width:20px;height:20px;border:3px solid #fff0a0;border-radius:50%;opacity:0;transform:translate(50%,-50%)}.micro-overlay[data-phase="4"] .energy-core{animation:reactionFlash 1.1s ease-out forwards}.micro-overlay[data-phase="4"] .energy-wave{animation:reactionWave 1.1s ease-out forwards}
.product{right:calc(23% + 9px)!important;top:calc(27% + 9px)!important;width:64px!important;height:64px!important;opacity:0;transform:none}.micro-overlay[data-phase="4"] .he,.micro-overlay[data-phase="5"] .he,.micro-overlay[data-phase="6"] .he{animation:alphaShort 2.7s cubic-bezier(.18,.72,.22,1) forwards}.micro-overlay[data-phase="4"] .li,.micro-overlay[data-phase="5"] .li,.micro-overlay[data-phase="6"] .li{animation:lithiumShort 2.3s cubic-bezier(.18,.72,.22,1) forwards}.he{background:#ef7655!important}.li{background:#518f86!important}.track{right:30%!important;top:36%!important;height:6px!important;width:0;opacity:0;border-radius:5px;background:linear-gradient(90deg,#fff5ae,#ee845e 45%,rgba(238,132,94,.12))!important}.he-track{transform:rotate(154deg)!important}.li-track{transform:rotate(-25deg)!important}.track i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff3ac;box-shadow:0 0 8px #ed8e69;top:-1px}.track i:nth-child(1){left:8%}.track i:nth-child(2){left:23%}.track i:nth-child(3){left:39%}.track i:nth-child(4){left:54%}.track i:nth-child(5){left:70%}.track i:nth-child(6){left:87%}.micro-overlay[data-phase="5"] .track,.micro-overlay[data-phase="6"] .track{animation:shortTrack .8s ease-out forwards}.he-track{max-width:205px}.li-track{max-width:145px}
.dna-break{position:absolute;width:22px;height:4px;background:#fff4af;box-shadow:0 0 9px #ffb17e;opacity:0;z-index:8}.break1{left:35%;top:40%;transform:rotate(38deg)}.break2{left:39%;top:48%;transform:rotate(-32deg)}.break3{left:33%;top:55%;transform:rotate(52deg)}.micro-overlay[data-phase="5"] .dna-break,.micro-overlay[data-phase="6"] .dna-break{animation:dnaDamage .45s ease-out forwards}.break2{animation-delay:.18s!important}.break3{animation-delay:.36s!important}.damage-label{position:absolute;left:8%;bottom:10%;opacity:0;background:rgba(255,250,240,.9);padding:10px 13px;border-radius:10px;color:#7d3e3d}.damage-label b{display:block;font-size:10px}.damage-label span{font-size:8px;color:#8d605c}.micro-overlay[data-phase="5"] .damage-label,.micro-overlay[data-phase="6"] .damage-label{opacity:1;transition:opacity .5s .5s}.micro-overlay[data-phase="6"] .micro-cell{filter:saturate(.42) brightness(.78);transform:translate(-50%,-50%) scale(.96)}.micro-overlay[data-phase="6"] .cell-cracks{opacity:1!important}.micro-overlay[data-phase="6"] .micro-nucleus{filter:saturate(.45);transform:scale(.96)}
.equation{z-index:20;bottom:16px!important}
@keyframes microApproach{from{transform:translate(0,0)}to{transform:translate(292%,5%)}}@keyframes microAbsorb{from{transform:translate(292%,5%) scale(1);opacity:1}to{transform:translate(318%,5%) scale(.12);opacity:0}}@keyframes microCaptureRing{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}}@keyframes excitedHold{to{transform:scale(1.2);filter:brightness(1.5)}}@keyframes reactionFlash{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(3.5)}100%{opacity:0;transform:scale(7)}}@keyframes reactionWave{0%{opacity:1;transform:translate(50%,-50%) scale(.2)}100%{opacity:0;transform:translate(50%,-50%) scale(15)}}@keyframes alphaShort{0%{opacity:1;transform:translate(0,0) scale(.55)}100%{opacity:1;transform:translate(-185px,100px) scale(.88)}}@keyframes lithiumShort{0%{opacity:1;transform:translate(0,0) scale(.55)}100%{opacity:1;transform:translate(130px,-70px) scale(.85)}}@keyframes shortTrack{from{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes dnaDamage{0%{opacity:0;transform:scale(.2) rotate(15deg)}100%{opacity:1}}
/* Step 03 clarity pass: one reaction origin and explicit before/after damage. */
.micro-cell{--reaction-x:72%;--reaction-y:35%}.reaction-site{position:absolute;left:var(--reaction-x);top:var(--reaction-y);width:0;height:0;z-index:12}.reaction-site .micro-boron{position:absolute!important;left:0!important;right:auto!important;top:0!important;transform:translate(-50%,-50%)!important;width:82px!important;height:82px!important}.reaction-site .capture-ring,.reaction-site .energy-core,.reaction-site .energy-wave{position:absolute!important;left:0!important;right:auto!important;top:0!important;transform:translate(-50%,-50%);margin:0!important}.reaction-site .capture-ring{width:82px;height:82px}.reaction-site .energy-core{width:24px;height:24px}.reaction-site .energy-wave{width:20px;height:20px}.reaction-site .product{position:absolute!important;left:0!important;right:auto!important;top:0!important;transform:translate(-50%,-50%)!important;margin:0!important}
.micro-neutron{left:8%!important;top:calc(var(--reaction-y) - 32px)!important}.micro-overlay[data-phase="1"] .micro-neutron{animation:neutronToSite 1.9s linear forwards}.micro-overlay[data-phase="2"] .micro-neutron{animation:neutronAbsorbAtSite .8s ease-in forwards}.micro-overlay[data-phase="2"] .reaction-site .capture-ring{animation:siteCapture 1.1s ease-out forwards}.micro-overlay[data-phase="2"] .reaction-site .micro-boron,.micro-overlay[data-phase="3"] .reaction-site .micro-boron{transform:translate(-50%,-50%) scale(1.15)!important}.micro-overlay[data-phase="3"] .reaction-site .micro-boron{animation:siteExcited .38s ease-in-out infinite alternate!important}.micro-overlay[data-phase="4"] .reaction-site .micro-boron,.micro-overlay[data-phase="5"] .reaction-site .micro-boron,.micro-overlay[data-phase="6"] .reaction-site .micro-boron{opacity:0!important;transform:translate(-50%,-50%) scale(.55)!important}.micro-overlay[data-phase="4"] .reaction-site .energy-core{animation:siteFlash 1.05s ease-out forwards}.micro-overlay[data-phase="4"] .reaction-site .energy-wave{animation:siteWave 1.05s ease-out forwards}
.micro-overlay[data-phase="4"] .reaction-site .he,.micro-overlay[data-phase="5"] .reaction-site .he,.micro-overlay[data-phase="6"] .reaction-site .he{animation:alphaFromSite 2.55s cubic-bezier(.18,.72,.22,1) forwards!important}.micro-overlay[data-phase="4"] .reaction-site .li,.micro-overlay[data-phase="5"] .reaction-site .li,.micro-overlay[data-phase="6"] .reaction-site .li{animation:lithiumFromSite 2.2s cubic-bezier(.18,.72,.22,1) forwards!important}
.damage-path{position:absolute;left:var(--reaction-x);top:var(--reaction-y);height:10px;width:0;transform-origin:left center;border-radius:8px;opacity:0;z-index:7}.damage-path:before{content:"";position:absolute;inset:2px 0;background:linear-gradient(90deg,#fff5b0,#ed845e 45%,rgba(218,86,67,.16));border-radius:5px;box-shadow:0 0 12px rgba(237,132,94,.58)}.alpha-path{--path-length:220px;transform:rotate(154deg)}.lithium-path{--path-length:148px;transform:rotate(-26deg)}.damage-path i{position:absolute;top:0;width:8px;height:8px;border-radius:50%;background:#fff7bc;box-shadow:0 0 0 4px rgba(239,132,94,.15),0 0 9px #ef8c66;z-index:2}.damage-path i:nth-of-type(1){left:18%}.damage-path i:nth-of-type(2){left:40%}.damage-path i:nth-of-type(3){left:64%}.damage-path i:nth-of-type(4){left:86%}.path-head{position:absolute;right:-13px;top:-10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font:bold 10px Georgia;z-index:3}.alpha-path .path-head{background:#ed7656}.lithium-path .path-head{background:#4f9086}.micro-overlay[data-phase="5"] .damage-path,.micro-overlay[data-phase="6"] .damage-path{animation:growDamagePath .9s ease-out forwards}
.dna-before{position:relative;width:76px;height:122px;transform:rotate(18deg);transition:opacity .3s}.dna-before .strand{position:absolute;top:0;width:31px;height:100%;border:3px solid #f5bbb2;border-top:0;border-bottom:0;border-radius:50%}.dna-before .left{left:7px}.dna-before .right{right:7px;transform:rotate(180deg)}.dna-before span{position:absolute;left:18px;width:40px;height:2px;background:#efaca5}.dna-before span:nth-of-type(1){top:12%;transform:rotate(18deg)}.dna-before span:nth-of-type(2){top:27%;transform:rotate(-16deg)}.dna-before span:nth-of-type(3){top:42%;transform:rotate(14deg)}.dna-before span:nth-of-type(4){top:57%;transform:rotate(-15deg)}.dna-before span:nth-of-type(5){top:72%;transform:rotate(18deg)}.dna-before span:nth-of-type(6){top:87%;transform:rotate(-12deg)}.dna-after{position:absolute;width:90px;height:132px;opacity:0}.dna-after .fragment{position:absolute;width:34px;height:39px;border:3px solid #f5bbb2;border-top:0;border-bottom:0;border-radius:50%}.f1{left:7px;top:0;transform:rotate(18deg)}.f2{right:4px;top:19px;transform:rotate(-24deg)}.f3{left:5px;bottom:17px;transform:rotate(-17deg)}.f4{right:4px;bottom:0;transform:rotate(25deg)}.break-flash{position:absolute;width:24px;height:4px;background:#fff1a0;box-shadow:0 0 10px #ff9d72}.bf1{left:30px;top:35px;transform:rotate(-28deg)}.bf2{left:22px;top:69px;transform:rotate(34deg)}.bf3{left:42px;top:96px;transform:rotate(-18deg)}.micro-overlay[data-phase="5"] .dna-before,.micro-overlay[data-phase="6"] .dna-before{animation:intactDnaOut .35s .38s forwards}.micro-overlay[data-phase="5"] .dna-after,.micro-overlay[data-phase="6"] .dna-after{animation:brokenDnaIn .5s .5s forwards}.after-word{display:none}.micro-overlay[data-phase="5"] .before-word,.micro-overlay[data-phase="6"] .before-word{display:none}.micro-overlay[data-phase="5"] .after-word,.micro-overlay[data-phase="6"] .after-word{display:inline;color:#ffd0bd}.nucleus-crack{position:absolute;width:44%;height:3px;background:linear-gradient(90deg,#ffc5a8,transparent);opacity:0;transform-origin:left}.nc1{left:48%;top:49%;transform:rotate(31deg)}.nc2{left:45%;top:55%;transform:rotate(-38deg)}.micro-overlay[data-phase="6"] .nucleus-crack{animation:nucleusCrack .45s forwards}.nc2{animation-delay:.18s!important}.membrane-gap{position:absolute;width:18%;height:8px;border-radius:50%;background:#7a4b50;opacity:0}.gap1{right:4%;top:38%;transform:rotate(-55deg)}.gap2{left:12%;bottom:13%;transform:rotate(31deg)}.micro-overlay[data-phase="6"] .membrane-gap{animation:membraneDamage .45s .35s forwards}.micro-overlay[data-phase="6"] .micro-cell{filter:saturate(.38) brightness(.78)!important;box-shadow:inset -28px -34px 65px rgba(82,42,43,.35),0 0 0 3px rgba(124,62,59,.18),0 24px 70px rgba(93,58,46,.18)!important}.damage-label{left:7%!important;bottom:8%!important}.micro-overlay[data-phase="5"] .damage-label,.micro-overlay[data-phase="6"] .damage-label{opacity:1!important}
@keyframes neutronToSite{from{left:8%;opacity:1}to{left:calc(var(--reaction-x) - 32px);opacity:1}}@keyframes neutronAbsorbAtSite{from{left:calc(var(--reaction-x) - 32px);opacity:1;transform:scale(1)}to{left:calc(var(--reaction-x) - 32px);opacity:0;transform:scale(.12)}}@keyframes siteCapture{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.3)}}@keyframes siteExcited{from{transform:translate(-50%,-50%) scale(1.12)}to{transform:translate(-50%,-50%) scale(1.2);filter:brightness(1.55)}}@keyframes siteFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1;transform:translate(-50%,-50%) scale(3.8)}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}}@keyframes siteWave{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(12)}}@keyframes alphaFromSite{0%{opacity:1;transform:translate(-50%,-50%) scale(.55)}100%{opacity:1;transform:translate(calc(-50% - 180px),calc(-50% + 92px)) scale(.88)}}@keyframes lithiumFromSite{0%{opacity:1;transform:translate(-50%,-50%) scale(.55)}100%{opacity:1;transform:translate(calc(-50% + 125px),calc(-50% - 62px)) scale(.84)}}@keyframes growDamagePath{from{width:0;opacity:1}to{width:var(--path-length);opacity:1}}@keyframes intactDnaOut{to{opacity:.12;filter:blur(1px)}}@keyframes brokenDnaIn{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes nucleusCrack{from{opacity:0;width:0}to{opacity:1;width:44%}}@keyframes membraneDamage{from{opacity:0;transform:scale(.2) rotate(20deg)}to{opacity:1}}
/* Reaction-chain correction: every object shares the exact reaction-site origin. */
.reaction-site .micro-neutron{position:absolute!important;left:0!important;right:auto!important;top:0!important;width:64px!important;height:64px!important;margin:0!important;opacity:0;transform:translate(-360px,-50%);z-index:15}.micro-overlay[data-phase="1"] .reaction-site .micro-neutron{opacity:1;animation:neutronArrivesExactly 1.9s linear forwards!important}.micro-overlay[data-phase="2"] .reaction-site .micro-neutron{opacity:1;animation:neutronCapturedExactly .72s ease-in forwards!important}.micro-overlay[data-phase="3"] .reaction-site .micro-neutron,.micro-overlay[data-phase="4"] .reaction-site .micro-neutron,.micro-overlay[data-phase="5"] .reaction-site .micro-neutron,.micro-overlay[data-phase="6"] .reaction-site .micro-neutron{display:none}.micro-overlay[data-phase="4"] .reaction-site .he,.micro-overlay[data-phase="5"] .reaction-site .he,.micro-overlay[data-phase="6"] .reaction-site .he{animation:alphaLeavesOrigin 2.35s cubic-bezier(.2,.75,.2,1) forwards!important}.micro-overlay[data-phase="4"] .reaction-site .li,.micro-overlay[data-phase="5"] .reaction-site .li,.micro-overlay[data-phase="6"] .reaction-site .li{animation:lithiumLeavesOrigin 2.05s cubic-bezier(.2,.75,.2,1) forwards!important}@keyframes neutronArrivesExactly{0%{opacity:1;transform:translate(-360px,-50%) scale(1)}88%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes neutronCapturedExactly{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.08)}}@keyframes alphaLeavesOrigin{0%,12%{opacity:0;transform:translate(-50%,-50%) scale(.45)}18%{opacity:1}100%{opacity:1;transform:translate(calc(-50% - 188px),calc(-50% + 102px)) scale(.88)}}@keyframes lithiumLeavesOrigin{0%,12%{opacity:0;transform:translate(-50%,-50%) scale(.45)}18%{opacity:1}100%{opacity:1;transform:translate(calc(-50% + 150px),calc(-50% - 84px)) scale(.84)}}
/* Products become visible only after they have separated from the empty reaction center. */
@keyframes alphaLeavesOrigin{0%,14%{opacity:0;transform:translate(-50%,-50%) scale(.45)}20%{opacity:1;transform:translate(calc(-50% - 34px),calc(-50% + 18px)) scale(.62)}100%{opacity:1;transform:translate(calc(-50% - 188px),calc(-50% + 102px)) scale(.88)}}@keyframes lithiumLeavesOrigin{0%,14%{opacity:0;transform:translate(-50%,-50%) scale(.45)}20%{opacity:1;transform:translate(calc(-50% + 34px),calc(-50% - 19px)) scale(.62)}100%{opacity:1;transform:translate(calc(-50% + 150px),calc(-50% - 84px)) scale(.84)}}
/* Remove duplicate product markers from trajectory ends. */
.damage-path .path-head{display:none!important}
/* Phase 4 performs the split; later phases keep products at their final stopping points. */
.micro-overlay[data-phase="5"] .reaction-site .he,.micro-overlay[data-phase="6"] .reaction-site .he{animation:none!important;opacity:1!important;transform:translate(calc(-50% - 188px),calc(-50% + 102px)) scale(.88)!important}
.micro-overlay[data-phase="5"] .reaction-site .li,.micro-overlay[data-phase="6"] .reaction-site .li{animation:none!important;opacity:1!important;transform:translate(calc(-50% + 150px),calc(-50% - 84px)) scale(.84)!important}
/* The original boron-11 nucleus and neutron are absent after fission. */
.micro-overlay[data-phase="4"] .reaction-site .micro-boron,.micro-overlay[data-phase="5"] .reaction-site .micro-boron,.micro-overlay[data-phase="6"] .reaction-site .micro-boron,.micro-overlay[data-phase="4"] .reaction-site .micro-neutron,.micro-overlay[data-phase="5"] .reaction-site .micro-neutron,.micro-overlay[data-phase="6"] .reaction-site .micro-neutron{display:none!important}
/* Hard guarantee: fission products never occupy the former boron-11 center. */
.micro-overlay[data-phase="4"] .reaction-site .he{animation:alphaNeverAtCenter 2.35s cubic-bezier(.2,.75,.2,1) forwards!important}
.micro-overlay[data-phase="4"] .reaction-site .li{animation:lithiumNeverAtCenter 2.05s cubic-bezier(.2,.75,.2,1) forwards!important}
@keyframes alphaNeverAtCenter{0%,18%{opacity:0;transform:translate(calc(-50% - 58px),calc(-50% + 31px)) scale(.55)}24%{opacity:1;transform:translate(calc(-50% - 76px),calc(-50% + 41px)) scale(.66)}100%{opacity:1;transform:translate(calc(-50% - 188px),calc(-50% + 102px)) scale(.88)}}
@keyframes lithiumNeverAtCenter{0%,18%{opacity:0;transform:translate(calc(-50% + 58px),calc(-50% - 33px)) scale(.55)}24%{opacity:1;transform:translate(calc(-50% + 78px),calc(-50% - 44px)) scale(.65)}100%{opacity:1;transform:translate(calc(-50% + 150px),calc(-50% - 84px)) scale(.84)}}
/* Remove the extra result callout over the final tissue overview. */
.result{display:none!important}
/* Independent products: no inherited transform from the reaction-site. */
.fission-product{position:absolute;left:var(--reaction-x);top:var(--reaction-y);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;opacity:0;z-index:16}.fission-product b{font:600 21px Georgia}.fission-product sup{font-size:.5em}.fission-product span{position:absolute;top:72px;font-size:8px;color:#5f7771;white-space:nowrap}.alpha-particle{background:#ed7656}.lithium-particle{background:#4f9086}.micro-overlay[data-phase="4"] .alpha-particle{animation:independentAlpha 2.35s cubic-bezier(.2,.75,.2,1) forwards}.micro-overlay[data-phase="4"] .lithium-particle{animation:independentLithium 2.05s cubic-bezier(.2,.75,.2,1) forwards}.micro-overlay[data-phase="5"] .alpha-particle,.micro-overlay[data-phase="6"] .alpha-particle{opacity:1;transform:translate(calc(-50% - 188px),calc(-50% + 102px)) scale(.88)}.micro-overlay[data-phase="5"] .lithium-particle,.micro-overlay[data-phase="6"] .lithium-particle{opacity:1;transform:translate(calc(-50% + 150px),calc(-50% - 84px)) scale(.84)}@keyframes independentAlpha{0%,20%{opacity:0;transform:translate(calc(-50% - 62px),calc(-50% + 34px)) scale(.56)}26%{opacity:1;transform:translate(calc(-50% - 82px),calc(-50% + 45px)) scale(.66)}100%{opacity:1;transform:translate(calc(-50% - 188px),calc(-50% + 102px)) scale(.88)}}@keyframes independentLithium{0%,20%{opacity:0;transform:translate(calc(-50% + 62px),calc(-50% - 35px)) scale(.56)}26%{opacity:1;transform:translate(calc(-50% + 82px),calc(-50% - 46px)) scale(.66)}100%{opacity:1;transform:translate(calc(-50% + 150px),calc(-50% - 84px)) scale(.84)}}
/* Final overview: reaction formula is only shown during the microscopic explanation. */
.micro-overlay[data-phase="7"] .equation{opacity:0!important;visibility:hidden!important;transform:translateX(-50%) translateY(14px)!important}
/* Remove transient white callout; damage is labeled directly on the affected structure. */
.damage-label{display:none!important}
.nucleus-label{background:none!important;padding:0!important;box-shadow:none!important}.micro-overlay[data-phase="5"] .nucleus-label,.micro-overlay[data-phase="6"] .nucleus-label{font-size:10px!important;color:#fff1dd!important;text-shadow:0 1px 5px rgba(80,32,39,.65)}
.equation{transition:opacity .35s ease,transform .35s ease,visibility .35s ease}
.equation{min-width:min(680px,88%);padding:12px 22px 11px!important;border-radius:18px!important;display:flex!important;flex-direction:column;gap:7px!important;font-family:inherit!important;white-space:normal!important}.equation-formula{display:flex;align-items:center;justify-content:center;gap:14px;font-family:Georgia;font-size:18px;white-space:nowrap}.equation-formula span{opacity:.24}.equation-formula span.on{opacity:1}.equation-formula i{opacity:.45}.equation .reaction-readout{display:grid!important;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;width:100%;margin:0;padding:7px 0 0;border-radius:0;border-top:1px solid rgba(255,255,255,.16);background:transparent}.equation .reaction-readout small{grid-row:1 / span 2;align-self:center;color:#a7c5bd;font-size:10px;letter-spacing:.12em}.equation .reaction-readout b{color:#fff;font-size:13px;margin:0}.equation .reaction-readout span{color:#d1e1dc;font-size:11px;line-height:1.45}
.equation-caption{color:#9db8b1;font-size:10px;letter-spacing:.08em;text-align:center}.visual-note{position:absolute;z-index:12;left:18px;top:16px;max-width:540px;padding:8px 12px;border:1px solid rgba(23,63,58,.12);border-radius:20px;background:rgba(255,250,240,.86);color:#536c65;font-size:11px;line-height:1.45;backdrop-filter:blur(5px)}.visual-note span{display:none}.step1 .note-step1,.step2 .note-step2,.step3 .note-step3{display:block}.step4 .visual-note{display:none}.trace-boron{position:absolute;left:64%;top:24%;width:13px;height:13px;border-radius:50%;display:grid;place-items:center;background:#e7bb56;color:#765518;font-size:4px;font-weight:700;opacity:0;transform:scale(.7);transition:opacity .7s ease,transform .7s ease;z-index:5}.delivery-complete .trace-boron,.step2 .trace-boron,.step3 .trace-boron{opacity:.38;transform:scale(1)}.cell.cancer.damaged{filter:saturate(.48) brightness(.88);transform:scale(.94);opacity:.78}.cell.cancer.damaged:after{clip-path:polygon(0 0,40% 13%,55% 0,68% 32%,100% 42%,72% 67%,88% 100%,48% 78%,18% 100%,23% 63%,0 52%)}.cell.cancer.damaged .crack{opacity:.8}.science{border-top:1px solid #e7dfd2;margin-top:16px;padding-top:13px}.science summary{cursor:pointer;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em;list-style:none}.science summary:after{content:"＋";float:right;font-size:16px;font-weight:400}.science[open] summary:after{content:"－"}.science p{margin-top:8px}
/* Header and identity */
.brand-symbol{position:relative;width:38px;height:38px;border:1px solid rgba(23,63,58,.28);border-radius:50%;display:block;background:radial-gradient(circle,#fffaf0 0 26%,#e98363 28% 34%,transparent 36%)}.brand-symbol:before,.brand-symbol:after{content:"";position:absolute;inset:8px;border:1px solid #e98363;border-radius:50%;transform:rotate(58deg)}.brand-symbol:after{transform:rotate(-58deg)}.brand-symbol b{position:absolute;width:5px;height:5px;background:#173f3a;border-radius:50%}.brand-symbol b:nth-child(1){left:4px;top:17px}.brand-symbol b:nth-child(2){right:6px;top:8px}.brand-symbol b:nth-child(3){right:5px;bottom:7px}.brand>span>b{font-size:14px;letter-spacing:.2em}.brand>span>small{font-size:8px;letter-spacing:.04em}.mission{font-size:11px;color:#536a63;letter-spacing:.08em}.footer-note{position:absolute;right:3vw;color:#919b97;font-size:8px;letter-spacing:.08em}.timeline{position:relative}.timeline>button{min-width:100px}.timeline>i{width:36px}
/* Larger visual legend */
.legend{gap:13px!important}.legend>span{display:flex;align-items:center;gap:6px;font-size:9px}.legend>span>i{margin:0!important;width:19px!important;height:19px!important;display:grid;place-items:center;font-style:normal;font-size:7px;font-weight:700}.legend .lg-normal,.legend .lg-cancer{position:relative;border-radius:48% 52% 45% 55%}.legend .lg-normal{background:#a8cdb7}.legend .lg-cancer{background:#e98363}.legend .lg-normal b,.legend .lg-cancer b{width:7px;height:7px;border-radius:50%;background:#709f8a}.legend .lg-cancer b{background:#92505b}.legend .lg-boron{border-radius:50%;background:#f1bd45;color:#704b0b}.legend .lg-neutron{border-radius:50%;color:#174a46}.legend .lg-vessel{width:27px!important;height:8px!important;border-radius:6px;background:#df8d7d;box-shadow:0 0 0 3px #efc8be}
/* Fourth page */
.progress-scene{position:absolute;inset:0;z-index:30;background:linear-gradient(135deg,#f7f0e4,#e5eee7);padding:42px 46px 30px;opacity:0;visibility:hidden;transform:translateY(16px);transition:.5s;overflow:hidden}.progress-scene.show{opacity:1;visibility:visible;transform:none}.progress-hero{max-width:740px}.progress-hero>span{font-size:9px;letter-spacing:.18em;color:#d96f51}.progress-hero h2{font-size:clamp(34px,3.6vw,54px);line-height:1.12;letter-spacing:-.05em;font-weight:500;margin:12px 0}.progress-hero p{font-size:11px;line-height:1.8;color:#60736c;max-width:680px}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.progress-grid article{background:rgba(255,250,240,.78);border:1px solid rgba(255,255,255,.85);border-radius:15px;padding:17px 19px;min-height:128px;box-shadow:0 12px 30px rgba(53,84,72,.07)}.progress-grid small{font-size:8px;color:#d96f51;letter-spacing:.12em}.progress-grid h3{font-size:15px;margin:7px 0}.progress-grid p{font-size:9px;color:#63756e;line-height:1.7;margin:0}.references{position:absolute;left:46px;right:46px;bottom:18px;display:flex;gap:14px;align-items:center;color:#71827c;font-size:8px;border-top:1px solid rgba(52,83,72,.12);padding-top:10px}.references b{color:#173f3a}.step4 .vessels,.step4 #cells,.step4 .particle-layer,.step4 .machine,.step4 .beam,.step4 .neutrons,.step4 .micro-overlay{opacity:0!important}
@media(max-width:1000px){.mission{display:none}.progress-scene{padding:28px}.progress-grid{gap:8px}.progress-grid article{padding:12px}.references{left:28px;right:28px}.footer-note{display:none}.timeline>button{min-width:auto}}

/* Readability and explicit audio control */
.brand>span>small{font-size:10px}.mission{font-size:13px}.step-mark,.kicker{font-size:11px}.lead{font-size:16px;line-height:1.75;color:#465e57}.analogy b{font-size:11px}.analogy p,.science p{font-size:13px;line-height:1.7;color:#425b54}.visual-top{font-size:11px;color:#5f756e}.legend>span{font-size:11px}.timeline button span,.footer-note{font-size:10px}.reaction-readout small,.reaction-readout span{font-size:10px}.reaction-readout b{font-size:13px}.sound{font-size:12px;padding:9px 14px}.sound i{position:relative;width:17px;height:15px;border-radius:0;background:none!important;box-shadow:none!important}.sound i:before{content:"";position:absolute;left:0;top:5px;width:5px;height:6px;border-radius:2px;background:#697a75}.sound i:after{content:"";position:absolute;left:4px;top:2px;width:10px;height:12px;background:#697a75;clip-path:polygon(0 35%,100% 0,100% 100%,0 65%)}.sound.on i:before,.sound.on i:after{background:var(--coral)}.sound.on{border-color:#e2a18c;color:#b95e42}.progress-hero>span{font-size:11px}.progress-hero p{font-size:13px;line-height:1.7;color:#4d655e}.progress-grid small{font-size:10px}.progress-grid h3{font-size:17px}.progress-grid p{font-size:11px;line-height:1.65;color:#4c635c}.acknowledgement{position:absolute;left:46px;right:46px;bottom:54px;display:flex;gap:10px;align-items:center;border-radius:10px;background:rgba(233,131,99,.1);padding:9px 12px;color:#455e57;font-size:11px}.acknowledgement b{color:#b85035;white-space:nowrap}.references{font-size:10px;bottom:15px;color:#546b64}.references a{color:#24584f;text-decoration:underline;text-underline-offset:2px}.references span{white-space:nowrap}
@media(max-width:1000px){.lead{font-size:14px}.analogy p,.science p{font-size:12px}.acknowledgement{left:28px;right:28px}.progress-grid p{font-size:10px}}