:root{--night:#0b0c0e;--night-2:#131417;--night-line:#23252a;--ink-hi:#f2f2f3;--ink-mid:#a1a3a8;--ink-lo:#6b6e74;--paper:#fff;--mist:#f5f5f7;--graphite:#222;--slate:#6e6e73;--hairline:#e6e6e8;--touch:#4d8dff;--touch-deep:#1f6bff;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(20px, 4.5vw, 72px);--wrap:1240px;--pill:999px;--ease:cubic-bezier(.2, .7, .1, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--night);color:var(--ink-hi);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--touch);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bar{z-index:30;height:64px;padding:0 var(--gutter);color:var(--ink-hi);border-bottom:1px solid #0000;align-items:center;gap:28px;transition:background-color .3s,color .3s,border-color .3s;display:flex;position:fixed;inset:0 0 auto}.bar.is-solid{-webkit-backdrop-filter:blur(14px)saturate(1.4);color:var(--graphite);border-bottom-color:var(--hairline);background:#fffc}.brand{letter-spacing:-.01em;font-size:17px;font-weight:700;text-decoration:none}.brand small{opacity:.55;margin-left:6px;font-size:13px;font-weight:400}.bar nav{gap:2px;margin-left:auto;display:flex}.bar nav a{border-radius:var(--pill);opacity:.72;padding:8px 14px;font-size:14px;text-decoration:none}.bar nav a:hover{opacity:1;background:#7f7f7f24}.bar.is-solid .pill.light{background:var(--graphite);color:#fff}.bar.is-dark{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--night-line);background:#0b0c0eb8}.pill{border-radius:var(--pill);cursor:pointer;border:1px solid #0000;align-items:center;height:48px;padding:0 26px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.pill.small{height:36px;padding:0 18px;font-size:14px}.pill.light{color:var(--graphite);background:#fff}.pill.light:hover{background:#e9e9ec}.pill.ghost{color:#fff;background:#ffffff0d;border-color:#ffffff52}.pill.ghost:hover{background:#ffffff1f}.pill.dark{background:var(--graphite);color:#fff}.pill.dark:hover{background:#000}#field{z-index:0;width:100vw;height:100svh;display:block;position:fixed;inset:0}.hero,.touch{z-index:1;position:relative}.hero{pointer-events:none;min-height:100svh}.hero-copy{left:var(--gutter);pointer-events:auto;max-width:560px;opacity:calc(1 - var(--lanes,0) * 2.5);position:absolute;bottom:clamp(40px,8vh,96px)}.hero .lede{color:var(--ink-mid);max-width:30em;margin:0 0 28px;font-size:clamp(17px,1.45vw,21px);font-weight:300}.actions{flex-wrap:wrap;gap:12px;display:flex}.hint{right:var(--gutter);text-align:right;max-width:250px;color:var(--ink-lo);margin:0;font-size:13px;transition:opacity .2s linear;position:absolute;bottom:clamp(48px,8vh,100px)}.tag{z-index:40;border:1px solid var(--night-line);-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#131417d1;border-radius:14px;width:max-content;max-width:min(280px,100vw - 32px);padding:10px 14px;font-size:13px;line-height:1.35;position:fixed}.tag b{color:#fff;font-weight:500;display:block}.tag span{color:var(--ink-mid);font-variant-numeric:tabular-nums}.no-webgl .hero{place-items:center;display:grid}.no-webgl .hero:before{content:"SharpaDex";letter-spacing:-.04em;font-size:clamp(64px,15vw,220px);font-weight:700}.touch{pointer-events:none;height:170svh}.touch-pin{height:100svh;position:sticky;top:0}.touch-copy{left:var(--gutter);max-width:520px;opacity:clamp(0, calc((var(--lanes,0) - .55) * 3), 1);position:absolute;top:clamp(90px,13vh,150px)}.touch-copy h2{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(32px,3.8vw,56px);font-weight:700;line-height:1.05}.touch-copy p{color:var(--ink-mid);max-width:34em;margin:0;font-size:17px;font-weight:300}.finger-legend{left:var(--gutter);opacity:clamp(0, calc((var(--lanes,0) - .7) * 4), 1);margin:0;padding:0;list-style:none;position:absolute;top:51.408svh}.finger-legend li{height:4.4svh;color:var(--ink-lo);align-items:center;font-size:12px;display:flex}.sec{z-index:2;background:var(--paper);color:var(--graphite);padding:clamp(80px, 11vw, 150px) var(--gutter);position:relative}.sec.mist{background:var(--mist)}.wrap{max-width:var(--wrap);margin:0 auto}.sec h2{letter-spacing:-.03em;max-width:15em;margin:0 0 18px;font-size:clamp(32px,4vw,58px);font-weight:700;line-height:1.04}.lede-dark{max-width:38em;color:var(--slate);margin:0 0 48px;font-size:18px;font-weight:300}#scale{padding-block:clamp(64px,8vw,110px)}.facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.fact b{letter-spacing:-.045em;font-size:clamp(44px,5.6vw,84px);font-weight:700;line-height:1;display:block}.fact span{max-width:15em;color:var(--slate);margin-top:12px;font-size:15px;display:block}#scale{overflow-x:clip}.mem{border-top:1px solid var(--hairline);grid-template:"copy stage""now stage"1fr/minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:8px 64px;margin-top:clamp(72px,8vw,120px);padding-top:clamp(56px,6vw,88px);display:grid}.mem-copy{grid-area:copy}.mem-copy .lede-dark{margin-bottom:40px}.mem-stage{perspective:1400px;perspective-origin:50% 30%;cursor:pointer;border-radius:24px;grid-area:stage;position:relative}.mem-stage:focus-visible{outline:2px solid var(--touch);outline-offset:8px}.mem-pile{transform-style:preserve-3d;position:absolute;inset:0}.mem-card{transition:transform .7s var(--ease), opacity .7s ease, filter .7s ease;will-change:transform;backface-visibility:hidden;background:#1a1b1e;border-radius:20px;position:absolute;overflow:hidden;box-shadow:0 22px 48px #00000029,0 2px 6px #00000014}.mem-pile.no-anim .mem-card{transition:none}.mem-card video{object-fit:cover;width:100%;height:100%;display:block}.mem-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000009e);height:40%;position:absolute;inset:auto 0 0}.mem-date{z-index:1;border-radius:var(--pill);-webkit-backdrop-filter:blur(6px);color:#ffffffe6;font-variant-numeric:tabular-nums;background:#00000061;padding:4px 10px;font-size:12px;position:absolute;top:14px;left:14px}.mem-name{z-index:1;color:#fff;font-size:15px;font-weight:500;position:absolute;bottom:14px;left:16px;right:16px}.mem-now{grid-area:now;transition:opacity .2s,transform .2s}.mem-now.out{opacity:0;transform:translateY(6px)}.mem-stamp{color:var(--slate);font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:13px}.mem-title{letter-spacing:-.02em;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.15}.mem-meta{color:var(--slate);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:14px}.mem-ins{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:34em;margin:16px 0 0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.mem-skills{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.mem-skills li{border-radius:var(--pill);background:var(--mist);padding:4px 11px;font-size:12px}.mem-actions{align-items:center;gap:16px;margin-top:24px;display:flex}.mem-count{color:var(--slate);font-variant-numeric:tabular-nums;font-size:13px}.mem-stage.failed:after{content:"The episodes couldn't load. Reload the page to try again.";min-height:240px;color:var(--slate);place-items:center;font-size:14px;display:grid}.episode{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:28px;display:grid}.ep-media{aspect-ratio:1;background:#1a1b1e;border-radius:20px;position:relative;overflow:hidden}.ep-media video{object-fit:cover;width:100%;height:100%;display:block}.ep-src{color:#ffffffd9;text-shadow:0 1px 2px #0009;font-size:12px;position:absolute;bottom:12px;left:14px}.ep-levels{gap:18px;display:grid}.lvl>span{color:var(--slate);margin-bottom:8px;font-size:13px;display:block}.lvl-task{margin:0;font-size:19px;line-height:1.45}.lane{background:#e9e9ec;border-radius:12px;height:44px;position:relative;overflow:hidden}.seg{border-right:2px solid var(--mist);color:var(--slate);white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 12px;font-size:13px;transition:background-color .2s,color .2s;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.seg.on{background:var(--graphite);color:#fff}.seg.skill.on{background:var(--touch-deep)}.lane .head{background:var(--graphite);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.ep-now{min-height:1.6em;margin:4px 0 0;font-size:15px}.ep-now em{color:var(--touch-deep);margin-right:10px;font-style:normal;font-weight:500}.modal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px;display:grid}.clip{margin:0}.clip.wide{grid-column:span 2}.clip video{aspect-ratio:1;object-fit:cover;background:#1a1b1e;border-radius:18px;width:100%;display:block}.clip.wide video{aspect-ratio:2;object-fit:contain;background:#000}.clip figcaption{color:var(--slate);margin-top:12px;font-size:14px}.clip figcaption b{color:var(--graphite);font-size:15px;font-weight:500;display:block}.spec{border-top:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:48px 0 0;padding-top:28px;display:grid}.spec dt{color:var(--slate);font-size:13px}.spec dd{margin:6px 0 0;font-size:15px}.groups{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.chip{border-radius:var(--pill);border:1px solid var(--hairline);cursor:pointer;background:#fff;height:38px;padding:0 16px;font-size:14px}.chip span{color:var(--slate);font-variant-numeric:tabular-nums;margin-left:8px}.chip[aria-pressed=true]{background:var(--graphite);border-color:var(--graphite);color:#fff}.chip[aria-pressed=true] span{color:#ffffffa6}.tasks-ui{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.tlist{border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none}.tlist li{border-bottom:1px solid var(--hairline)}.trow{color:var(--graphite);border-radius:16px;grid-template-columns:52px minmax(0,1fr) 150px 96px 52px;align-items:center;gap:18px;margin:4px 0;padding:8px 14px 8px 8px;text-decoration:none;transition:background-color .2s;display:grid}.tthumb{object-fit:cover;opacity:.85;background:#1a1b1e;border-radius:12px;width:52px;height:52px;transition:opacity .2s;display:block}.tname{letter-spacing:-.01em;font-size:16px;font-weight:500}.tgroup{color:var(--slate);font-size:13px}.tbar{background:#dcdce0;border-radius:2px;height:2px;position:relative;overflow:hidden}.tbar i{background:var(--graphite);transition:background-color .2s;position:absolute;inset:0 auto 0 0}.th{text-align:right;color:var(--slate);font-variant-numeric:tabular-nums;font-size:14px}.trow.on{background:#fff}.trow.on .tthumb{opacity:1}.trow.on .tbar i{background:var(--touch-deep)}.tmore{margin-top:20px}.tpreview{background:#fff;border-radius:28px;padding:14px 14px 24px;position:sticky;top:96px}.tp-media{aspect-ratio:1;background:#1a1b1e;border-radius:18px;max-height:48svh;overflow:hidden}.tp-media video{object-fit:cover;width:100%;height:100%;transition:opacity .25s;display:block}.tp-media video.swap{opacity:.45}.tpreview h3{letter-spacing:-.02em;margin:20px 8px 4px;font-size:24px;font-weight:700;line-height:1.15}.tp-meta{color:var(--slate);font-variant-numeric:tabular-nums;margin:0 8px;font-size:14px}.tp-ins{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:14px 8px 0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.tp-skills{flex-wrap:wrap;gap:6px;margin:16px 8px 20px;padding:0;list-style:none;display:flex}.tp-skills li{border-radius:var(--pill);background:var(--mist);padding:4px 11px;font-size:12px}#tp-link{margin-left:8px}.get{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;margin-top:36px;display:grid}.get h3,.cite-h{margin:0 0 8px;font-size:18px;font-weight:500}.cite-h{margin-top:64px}.get p{color:var(--slate);margin:0 0 18px}.code{background:var(--night);color:#e8e9ec;border-radius:16px;margin:0;padding:18px 20px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.copy{border-radius:var(--pill);border:1px solid var(--hairline);cursor:pointer;background:#fff;height:34px;margin-top:10px;padding:0 16px;font-size:13px}.copy:hover{border-color:#c9c9cd}.sec.dark{background:var(--night);color:var(--ink-hi)}.lede-light{max-width:32em;color:var(--ink-mid);margin:0 0 36px;font-size:18px;font-weight:300}.hands-wrap{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:56px;display:grid}.hands-spec{flex-wrap:wrap;gap:20px 40px;margin:0 0 32px;display:flex}.hands-spec dt{letter-spacing:-.03em;font-size:34px;font-weight:700;line-height:1}.hands-spec dd{color:var(--ink-lo);margin:8px 0 0;font-size:13px}.hands-src{color:var(--ink-lo);margin:0;font-size:13px}.hands-src a{color:var(--ink-mid)}.hands-stage{aspect-ratio:4/3;background:var(--night-2);border:1px solid var(--night-line);border-radius:24px;position:relative;overflow:hidden}#hands-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.hands-cam{aspect-ratio:1;object-fit:cover;z-index:1;background:#000;border:1px solid #ffffff1f;border-radius:14px;width:24%;position:absolute;bottom:16px;right:16px;transform:translateZ(0)}.hands-hint{color:var(--ink-lo);pointer-events:none;font-size:12px;position:absolute;bottom:14px;left:18px}.hands-stage.no-3d #hands-canvas,.hands-stage.no-3d .hands-hint,.hands-stage.failed>*{display:none}.hands-stage.failed:after{content:"The 3D hands couldn't load. Reload the page to try again.";text-align:center;color:var(--ink-lo);place-items:center;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}.hands-stage.no-3d .hands-cam{border:0;border-radius:0;width:100%;height:100%;inset:0}.about{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;display:grid}.about h2{font-size:clamp(28px,3vw,40px)}.about h3{margin:40px 0 0;font-size:18px;font-weight:500}.about-text{max-width:36em;color:var(--slate);margin:16px 0 0}.about-text a{color:var(--graphite)}.foot{z-index:2;padding:40px var(--gutter);background:var(--paper);color:var(--slate);border-top:1px solid var(--hairline);flex-wrap:wrap;gap:12px 32px;font-size:14px;display:flex;position:relative}.foot a{text-decoration:none}.foot a:hover{color:var(--graphite)}@media (max-width:960px){.facts,.spec{grid-template-columns:repeat(2,minmax(0,1fr))}.episode,.get,.hands-wrap,.about,.tasks-ui{grid-template-columns:minmax(0,1fr)}.mem{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""stage""now";gap:8px}.mem-now{margin-top:24px}.tpreview{display:none}.trow{grid-template-columns:52px minmax(0,1fr) 96px 52px}.tgroup{display:none}.about{gap:48px}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.bar nav{display:none}.bar .pill{margin-left:auto}.hint,.finger-legend{display:none}.trow{grid-template-columns:44px minmax(0,1fr) 48px;gap:12px}.tthumb{width:44px;height:44px}.tbar{display:none}.hands-stage{aspect-ratio:1}.hands-cam{width:32%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.mem-skills:empty,.tp-skills:empty{display:none}