.skip-link{background:#121313;color:#fffefa;left:16px;padding:12px 16px;position:fixed;top:16px;transform:translateY(-160%);transition:transform .16s var(--ease-out-expo);z-index:1000}.skip-link:focus{transform:translateY(0)}button,input,select,textarea{font:inherit}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}a,button{transition:transform .15s var(--ease-out-expo)}a:active,button:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){a:active,button:active{transform:none}}.detail-dialog-toggle{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--shell-chip, rgba(255, 255, 255, .58));border:1px solid var(--shell-line, rgba(20, 20, 20, .15));border-radius:50%;bottom:clamp(22px,3vw,36px);color:var(--shell-text, #151616);cursor:pointer;display:inline-flex;height:48px;justify-content:center;left:clamp(22px,3vw,36px);padding:0;position:fixed;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .15s var(--ease-out-expo);width:48px;z-index:55}.detail-dialog-toggle svg{display:block;height:21px;stroke-width:1.7;width:21px}.detail-dialog-toggle:hover,.detail-dialog-toggle[aria-expanded=true]{background:var(--shell-text, #151616);border-color:var(--shell-text, #151616);color:var(--shell-panel, #fff)}.detail-dialog-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}.detail-dialog{align-items:center;background:#07080880;display:block;top:0;right:0;bottom:0;left:0;opacity:0;padding:clamp(18px,4vw,44px);pointer-events:none;position:fixed;transition:opacity .22s ease;z-index:60}.detail-dialog[data-open]{opacity:1;pointer-events:auto}.detail-dialog .experiment-meta{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:var(--shell-panel, rgba(250, 249, 245, .92));border:1px solid var(--shell-line, rgba(20, 20, 20, .15));border-radius:22px;box-shadow:0 24px 74px #0a0c0c38;display:block;left:50%;max-height:min(720px,100svh - 44px);max-width:620px;opacity:0;overflow:auto;overscroll-behavior:contain;padding:30px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,calc(-50% + 14px)) scale(.975);transition:opacity .18s ease,transform .28s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));width:min(100% - 44px,620px)}.detail-dialog .experiment-meta[data-open]{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.detail-dialog .experiment-meta h1,.detail-dialog .experiment-meta h2{font-size:37px;font-weight:400;letter-spacing:-.07em;line-height:1;margin:15px 0 13px}.experiment-meta__close{align-items:center;background:transparent;border:1px solid var(--shell-line, rgba(20, 20, 20, .15));border-radius:999px;color:var(--shell-muted, #666762);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;position:absolute;right:18px;top:18px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .15s var(--ease-out-expo);width:44px}.experiment-meta__close svg{display:block;height:15px;stroke-width:1.8;width:15px}.experiment-meta__close:hover{background:var(--shell-text, #151616);border-color:var(--shell-text, #151616);color:var(--shell-panel, #fff)}.experiment-meta__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}.experiment-meta__index{color:var(--shell-muted, #666762);font-size:11px;letter-spacing:.28em;margin:0;padding-right:36px;text-transform:uppercase}.experiment-meta__description{color:var(--shell-muted, #666762);font-size:13px;line-height:1.75;margin:0 0 18px}.tech-note__body{display:grid;gap:30px;margin-top:14px}.detail-dialog .experiment-meta .tech-note__section h2,.detail-dialog .experiment-meta .tech-note__section h3{font-size:14px;font-weight:700;letter-spacing:.01em;line-height:1.4;margin:0 0 7px}.tech-note__section p,.tech-note__section li{color:var(--shell-muted, #666762);font-size:13px;line-height:1.75}.tech-note__section p{margin:0}.tech-note__section ul{margin:0;padding-left:1.2em}@media(max-width:640px){.detail-dialog .experiment-meta{border-radius:18px;padding:24px 20px;width:calc(100% - 36px)}}@media(prefers-reduced-motion:reduce){.detail-dialog,.detail-dialog .experiment-meta{transition-duration:1ms}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{scrollbar-gutter:stable}body{color:var(--shell-text, #151616);margin:0}a{color:inherit;text-decoration:none}.experiment-stage{height:100svh;min-height:600px;overflow:hidden;position:relative;width:100%}.experiment-nav{align-items:center;display:flex;left:clamp(22px,3vw,36px);position:fixed;right:clamp(22px,3vw,36px);top:25px;z-index:20}.experiment-nav__brand,.experiment-nav__link,.detail-toggle,.memo-toggle,.replay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--shell-chip, rgba(255, 255, 255, .58));border:1px solid var(--shell-line, rgba(20, 20, 20, .15));border-radius:999px;color:var(--shell-muted, #666762);display:inline-flex;font-size:11px;align-items:center;letter-spacing:.16em;min-height:44px;padding:12px 16px;text-transform:uppercase}.experiment-nav__brand{color:var(--shell-text, #151616);font-weight:700}.experiment-nav__links{display:flex;gap:8px;margin-left:auto}.version-switcher{align-items:center;bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px;justify-content:center;left:50%;position:fixed;transform:translate(-50%);width:max-content;max-width:calc(100vw - 44px);z-index:20}.version-switcher__link{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--shell-chip, rgba(255, 255, 255, .58));border:1px solid var(--shell-line, rgba(20, 20, 20, .15));border-radius:999px;color:var(--shell-muted, #666762);display:inline-flex;font-size:11px;font-weight:650;justify-content:center;letter-spacing:.1em;min-height:38px;min-width:64px;padding:9px 14px;text-transform:uppercase;transition:background .18s ease,color .18s ease}.version-switcher__link[aria-current=page]{background:var(--shell-text, #151616);border-color:var(--shell-text, #151616);color:var(--shell-panel, #fff)}.version-switcher__link:focus-visible{outline:2px solid var(--shell-text, #151616);outline-offset:3px}.version-content{opacity:1;transition:opacity .26s ease}.version-content[data-version-transition]{opacity:0}@media(prefers-reduced-motion:reduce){.version-content{transition-duration:0ms}}.detail-toggle{cursor:pointer}.memo-toggle{align-items:center;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;width:40px}.memo-toggle svg{display:block;height:16px;stroke-width:1.8;width:16px}.experiment-meta__title{align-items:center;display:flex;gap:12px}.experiment-meta__title h1,.experiment-meta__title h2{margin-right:0}.experiment-status{border:1px solid var(--shell-line, rgba(20, 20, 20, .15));border-radius:999px;color:var(--shell-muted, #666762);flex:none;font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1;padding:6px 8px 5px;text-transform:uppercase}.experiment-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.experiment-tags span,.experiment-tags .experiment-tag-link{border:1px solid var(--shell-line, rgba(20, 20, 20, .15));border-radius:999px;color:var(--shell-muted, #666762);font-size:11px;letter-spacing:.13em;padding:7px 11px;text-transform:uppercase}.experiment-tags .experiment-tag-link{cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.experiment-tags .experiment-tag-link:hover,.experiment-tags .experiment-tag-link:focus-visible{background:var(--shell-text, #151616);border-color:var(--shell-text, #151616);color:var(--shell-panel, #fff)}.experiment-tags .experiment-tag-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.experiment-actions{align-items:center;display:flex;margin-top:40px}.experiment-reference-link{align-items:center;color:var(--shell-text, #151616);display:inline-flex;flex-wrap:wrap;font-size:12px;gap:6px;letter-spacing:.01em;overflow-wrap:anywhere;padding:9px 0 3px;position:relative}.experiment-reference-link:before,.experiment-reference-link:after{bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.experiment-reference-link:before{background:var(--shell-line, rgba(20, 20, 20, .25))}.experiment-reference-link:after{background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .28s var(--ease-out-expo)}.experiment-reference-link span{transition:transform .22s var(--ease-out-expo)}.experiment-reference-link:hover:after,.experiment-reference-link:focus-visible:after{transform:scaleX(1);transform-origin:left}.experiment-reference-link:hover span,.experiment-reference-link:focus-visible span{transform:translate(2px,-2px)}.experiment-reference-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}body[data-dialog-open]{overflow:hidden}.tech-note__eyebrow{color:var(--shell-muted, #666762);font-size:11px;letter-spacing:.28em;margin:0 0 22px;text-transform:uppercase}@media(max-width:640px){.experiment-nav__link:not(.experiment-nav__easing-link){display:none}.experiment-nav__easing-link{padding-inline:12px}}