html:has(.discovery){height:100%;overflow:hidden}body:has(.discovery){height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}body:has(.discovery) .site-header{height:54px;min-height:54px;flex-shrink:0}body:has(.discovery) .experience-main{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:4px;padding-bottom:6px}body:has(.discovery) .experience-breadcrumb{position:static;min-height:29px;margin:0;flex-shrink:0}body:has(.discovery) .experience-heading{margin:3px 0 8px}body:has(.discovery) .experience-heading h1{font-size:20px;line-height:1.3;margin:0}body:has(.discovery) .experience-heading p{display:none}body:has(.discovery) .site-footer{height:25px;min-height:25px;max-height:25px;margin:0;padding:4px 24px;font-size:9px;flex-shrink:0;flex-wrap:nowrap;gap:12px;overflow:hidden}body:has(.discovery) .site-footer .brand{display:none}body:has(.discovery) .site-footer [data-slot=footer-text]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:has(.discovery) .footer-right{margin-left:auto;flex-shrink:0;width:auto;font-size:8px}
.discovery{padding:0;margin:0;--ink:#e9e4d6;--muted:#9ba69c;--accent:#c0cda7;flex:1;min-height:0;display:flex;flex-direction:column;color:var(--ink);background:#0b1112;border:1px solid #283337;border-radius:13px;overflow:hidden;position:relative}.discovery-stage{position:relative;flex:1;min-height:0;isolation:isolate;touch-action:none;background:radial-gradient(ellipse at 50% 65%,#202a2b,#080e10 80%)}.discovery-stage canvas{width:100%;height:100%;display:block;touch-action:none}.discovery-loading{position:absolute;inset:45% 0 auto;text-align:center;color:#b3c3ae;font-size:13px}.discovery-top{position:absolute;top:12px;left:20px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.discovery-top>span{font-size:14px;line-height:1.5;text-shadow:0 2px 5px #000;max-width:70%}.discovery button{font:inherit;min-height:44px;cursor:pointer;color:inherit;border:1px solid #ffffff25;background:#162021cc;border-radius:7px;padding:7px 12px}.discovery button:focus-visible,.discovery input:focus-visible{outline:2px solid #dbc491;outline-offset:2px}.discovery-top button{pointer-events:auto;font-size:22px;width:44px}.discovery-tools{position:absolute;right:12px;bottom:34px;display:flex;flex-direction:column;gap:6px}.discovery-tools button{width:44px;font-size:21px;padding:0}.discovery-hint,.discovery-model{position:absolute;bottom:12px;color:#9ba69c;font-size:10px;pointer-events:none;text-shadow:0 1px 4px #000}.discovery-hint{left:20px}.discovery-model{right:14px;font-size:9px;letter-spacing:1px}.discovery-controls{flex-shrink:0;padding:9px 20px 10px;background:#141c1e;border-top:1px solid #ffffff18;display:grid;grid-template-columns:auto 1fr;gap:4px 25px;align-items:center}.discovery-modes{display:flex;gap:5px;grid-row:1/3;flex-wrap:wrap;max-width:360px}.discovery-modes button{font-size:11px;background:transparent}.discovery-modes button[aria-pressed=true]{background:#c0cda718;border-color:#c0cda775;color:#e5edce}.discovery-steps{display:flex;justify-content:space-between;gap:6px}.discovery-steps button{border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;font-size:12px;color:#87958e;min-height:40px;padding:4px 8px}.discovery-steps small{font:10px monospace;margin-right:8px;color:#6f8276}.discovery-steps button[aria-pressed=true]{color:#e7ebd3;border-bottom-color:#becc9f}.discovery-timeline{display:flex;align-items:center;gap:12px;min-width:0}.discovery-timeline button{width:40px;min-height:40px;border-radius:50%;padding:0;color:#d6ddb5}.discovery-timeline input{flex:1;min-width:0;accent-color:#c4cda2;height:28px}.discovery-timeline span{font:11px monospace;color:#b1bea8;white-space:nowrap}.discovery-controls>p{grid-column:1/-1;text-align:center;font-size:12px;margin:6px 0 0;min-height:18px;line-height:1.5;color:#b6c0b3}.discovery-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.discovery-label{position:absolute;font-size:11px;padding:4px 8px;border-left:1px solid #c4cbb6;transform:translate(10px,-110%);background:#080e10b3;color:#e7e3d7;white-space:nowrap;text-shadow:0 1px 3px #000}.discovery-label:before{content:'';position:absolute;bottom:0;left:-3px;width:5px;height:5px;border-radius:50%;background:#d2d8bc}.discovery-notes{width:min(560px,90vw);max-height:78dvh;overflow:auto;color:#e0e7da;background:#192321;border:1px solid #566552;border-radius:12px;padding:26px}.discovery-notes::backdrop{background:#000a}.discovery-notes>button{float:right}.discovery-notes h2{font-size:20px}.discovery-notes h3{font-size:13px;margin-top:25px}.discovery-notes p{font-size:13px;line-height:1.9;color:#b9c6b2}.discovery-notes a{display:block;color:#ccd8ab;margin:15px 0;font-size:12px;line-height:1.6}.discovery-notes small{display:block;color:#8fa48f;font-size:10px;line-height:1.8;margin-top:24px}
@media(max-width:760px){body:has(.discovery) .experience-main{padding-left:10px;padding-right:10px}body:has(.discovery) .experience-heading h1{font-size:17px}.discovery{border-radius:9px}.discovery-controls{display:flex;flex-direction:column;gap:3px;padding:6px 10px 9px;align-items:stretch}.discovery-modes{max-width:none;justify-content:center;flex-wrap:nowrap}.discovery-modes button{font-size:10px;padding:5px 8px;min-height:44px}.discovery-steps button{font-size:10px;padding:4px 2px;min-height:44px}.discovery-steps small{display:none}.discovery-timeline button{width:44px;min-height:44px}.discovery-controls>p{font-size:10px;min-height:30px;margin-top:1px}.discovery-top{left:12px;top:8px;right:8px}.discovery-top>span{font-size:11px;max-width:78%}.discovery-tools{right:8px;bottom:32px;gap:4px}.discovery-tools button{width:38px}.discovery-label{font-size:9px;max-width:155px;overflow:hidden;text-overflow:ellipsis}.discovery-hint{left:12px;font-size:8px}.discovery-model{display:none}}
@media(max-height:650px) and (min-width:761px){.discovery-controls{padding:4px 14px}.discovery-controls>p{margin:0}.discovery-top>span{font-size:12px}}

.discovery-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.discovery-leaders line{stroke:#c4cbb68c;stroke-width:1}.discovery-leaders circle{fill:#d2d8bc}.discovery-label:before{display:none}.discovery button:disabled{opacity:.35;cursor:default}

.discovery-views{position:absolute;left:14px;bottom:36px;display:flex;gap:6px;z-index:3}.discovery-views button{padding:8px 12px;min-height:40px;border:1px solid #52655c;border-radius:8px;background:#101d20e8;color:#b3c6bf;font-size:11px}.discovery-views button[aria-pressed=true]{background:#d1d4b8;color:#142524}.discovery[data-id=kinesin-walk] .discovery-hint{font-size:10px}

.kinesin-chemistry{position:absolute;left:20px;top:62px;display:flex;gap:8px;pointer-events:none}.kinesin-chemistry[hidden]{display:none}.kinesin-chemistry span{padding:6px 9px;border-radius:6px;background:#0c161ce6;border:1px solid #ffffff20;font:12px monospace;color:#a6b0a7}.kinesin-chemistry span[data-head="0"][data-active="true"]{color:#e0c782;border-color:#b3a276}.kinesin-chemistry span[data-head="1"][data-active="true"]{color:#9ed5d0;border-color:#6b9e9c}.discovery[data-id=kinesin-walk] input[data-progress]{height:44px;touch-action:none;cursor:ew-resize}.discovery[data-id=kinesin-walk] input:disabled{cursor:not-allowed;opacity:.4}@media(max-width:760px){.kinesin-chemistry{left:12px;top:60px}.kinesin-chemistry span{font-size:10px;padding:5px 7px}}

.discovery[data-id=kinesin-walk] .discovery-controls{grid-template-columns:1fr}.discovery[data-id=kinesin-walk] .discovery-steps,.discovery[data-id=kinesin-walk] .discovery-timeline{grid-column:1/-1}

.discovery[data-id=kinesin-walk] .discovery-controls{padding:10px 20px}.discovery[data-id=kinesin-walk] .discovery-controls>p{display:none}.discovery[data-id=kinesin-walk] .discovery-top>span{display:none}

.discovery-real-speed{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;color:#e7e3d7;background:#101d20e8;border-radius:8px;font-size:11px;cursor:pointer;white-space:nowrap}.discovery-real-speed input{width:16px;height:16px;margin:0;accent-color:#c4cda2}.discovery-views button{min-height:44px}

.kinesin-intro{position:absolute;top:22px;right:22px;width:min(270px,32%);padding:14px 16px;background:#0b1417d9;border:1px solid #ffffff16;border-radius:10px;pointer-events:none}.kinesin-intro h2{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 9px;color:#e7e3d7}.kinesin-intro p{font-size:12px;line-height:1.85;margin:0;color:#b6c5be}.discovery[data-id=kinesin-walk] .discovery-views{right:20px;align-items:center;flex-wrap:wrap}.kinesin-speed-note{font-size:11px;line-height:1.6;color:#c5cfc7;text-shadow:0 1px 4px #000;flex:1;min-width:220px;margin-left:6px}@media(max-width:760px){.kinesin-intro{top:10px;right:10px;width:55%;padding:10px 12px}.kinesin-intro h2{font-size:12px;margin-bottom:5px}.kinesin-intro p{font-size:10px;line-height:1.65}.discovery[data-id=kinesin-walk] .discovery-views{left:12px;right:12px;gap:5px}.kinesin-speed-note{flex-basis:100%;font-size:9px;margin-left:0}.discovery-real-speed{padding:0 8px}}



.kinesin-scale-nav{display:flex;align-items:center;gap:12px;width:100%;font-size:11px;color:#b6c5be;min-height:32px}.kinesin-scale-nav input{flex:1;min-width:0;accent-color:#b7d1b7;cursor:ew-resize;height:28px}.kinesin-scale-nav span{white-space:nowrap}.kinesin-ruler{position:absolute;left:22px;top:76px;border-bottom:2px solid #d4dac7;padding-bottom:6px;font:11px monospace;color:#d4dac7;pointer-events:none;text-shadow:0 1px 4px #000}.kinesin-ruler:before,.kinesin-ruler:after{content:'';position:absolute;height:6px;bottom:0;border-left:1px solid #d4dac7}.kinesin-ruler:before{left:0}.kinesin-ruler:after{right:0}@media(max-width:760px){.kinesin-scale-nav{font-size:9px;gap:8px}.kinesin-ruler{left:14px;top:66px;font-size:10px}.discovery[data-id=kinesin-walk] .discovery-views button{padding:6px 9px}.discovery-real-speed{font-size:10px}.discovery[data-id=kinesin-walk] .discovery-controls{padding:4px 10px}}

@media(max-width:600px){.discovery[data-id=kinesin-walk] .kinesin-intro{left:76px;right:10px;width:auto;padding:9px 11px}.discovery[data-id=kinesin-walk] .kinesin-intro p{line-height:1.55}}