.fx-shell{--thumb-y:0px;--thumb-h:64px;--magnet-x:0px;--speed:0;--progress:0;position:relative;overflow:hidden;background:#171c18;border:1px solid rgba(255,255,255,.14)}.fx-scroll{width:100%;height:100%;padding-right:48px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) #262c27;background:#f0efe8;color:#1d211d}.fx-scroll::-webkit-scrollbar{width:14px}.fx-scroll::-webkit-scrollbar-track{background:#262c27}.fx-scroll::-webkit-scrollbar-thumb{min-height:44px;border:3px solid #262c27;border-radius:12px;background:var(--accent)}.fx-shell.js-ready .fx-scroll{scrollbar-width:none}.fx-shell.js-ready .fx-scroll::-webkit-scrollbar{display:none}.specimen-layout{min-height:760px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.035),transparent 42%)}.fx-content{padding:clamp(1.5rem,4vw,3rem)}.specimen-intro{min-height:230px;display:flex;flex-direction:column;justify-content:flex-end}.specimen-intro>span,.specimen-zone>span,.specimen-footer span{font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.specimen-intro>span{margin-bottom:1rem;color:var(--accent)}.specimen-personality{display:block;max-width:10ch;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.82;letter-spacing:-.075em;text-transform:uppercase}.specimen-zone{min-height:205px;padding:2rem 0;display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(29,33,29,.16)}.specimen-zone>span{margin-bottom:1rem;color:#737a73}.specimen-zone strong{display:block;max-width:10ch;font-size:clamp(2rem,4.6vw,4.2rem);line-height:.94;letter-spacing:-.055em}.specimen-zone--response{align-items:flex-end;text-align:right}.specimen-zone--response strong{color:var(--accent)}.specimen-footer{padding:1.25rem 0;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(29,33,29,.16);color:#737a73}.specimen-footer strong{font-size:.72rem}.specimen-layout--1 .specimen-intro{align-items:flex-end;text-align:right}.specimen-layout--1 .specimen-zone--cue{padding-left:12%}.specimen-layout--2 .specimen-personality{max-width:7ch;font-style:italic}.specimen-layout--2 .specimen-zone--response{align-items:flex-start;text-align:left;padding-left:18%}.specimen-layout--3 .specimen-intro{justify-content:center}.specimen-layout--3 .specimen-zone--cue{align-items:flex-end;text-align:right}.fx-track{position:absolute;z-index:3;right:0;top:8px;bottom:8px;width:44px;border-radius:22px;cursor:pointer;touch-action:none}.fx-progress{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(var(--progress));transform-origin:top;pointer-events:none}.fx-thumb{position:absolute;top:0;left:8px;width:28px;height:var(--thumb-h);min-height:48px;transform:translate3d(var(--magnet-x),var(--thumb-y),0);transform-origin:center;will-change:transform;cursor:grab;touch-action:none}.fx-thumb:active,.fx-shell.is-dragging .fx-thumb{cursor:grabbing}.fx-thumb>i{position:absolute;display:block;pointer-events:none}.fx-shell:not(.is-visible) .fx-thumb,.fx-shell:not(.is-visible) .fx-thumb:before,.fx-shell:not(.is-visible) .fx-thumb:after,.fx-shell:not(.is-visible) .fx-thumb i{animation-play-state:paused!important}.fx-shell.is-calm .fx-thumb,.fx-shell.is-calm .fx-thumb:before,.fx-shell.is-calm .fx-thumb:after,.fx-shell.is-calm .fx-thumb i{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.fx-thumb,.fx-thumb:before,.fx-thumb:after,.fx-thumb i{animation:none!important;transition:none!important}}.effect-lava-scroll .fx-track{background:#24130f;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.25)}.effect-lava-scroll .fx-thumb{overflow:hidden;border:2px solid #ff9b5d;border-radius:47% 53% 42% 58%/18% 22% 78% 82%;background:radial-gradient(circle at 30% 20%,#ffd27a 0 8%,transparent 9%),radial-gradient(circle at 70% 60%,#ff3d24 0 18%,transparent 19%),linear-gradient(#ff9b39,#9e1d14 55%,#ff6337);background-size:100% 170%;box-shadow:0 0 var(--fx-blur) #ff4c2273;animation:lava-flow var(--fx-slow) linear infinite alternate}.effect-lava-scroll .fx-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 85%,rgba(255,233,150,.8) 0 7%,transparent 8%);animation:lava-bubble 1.4s ease-in-out infinite}.effect-lava-scroll.is-moving .fx-thumb{filter:saturate(1.25) brightness(1.08)}@keyframes lava-flow{to{background-position:0 100%;border-radius:56% 44% 60% 40%/24% 12% 88% 76%}}@keyframes lava-bubble{50%{transform:translateY(-28px) scale(.7);opacity:.35}}