.fsx{--fsx-action:var(--colors-accent-9);--fsx-action-soft:color-mix(in srgb, var(--colors-accent-9) 14%, transparent);--fsx-action-ring:color-mix(in srgb, var(--colors-accent-9) 45%, transparent);--fsx-btn-ink:var(--colors-white);--fsx-warn-ink:var(--colors-amber-11);--fsx-warn-line:var(--colors-amber-10);--fsx-warn-fill:color-mix(in srgb, var(--colors-amber-9) 18%, transparent);--fsx-ink:var(--colors-gray-12);--fsx-grey-600:var(--colors-gray-11);--fsx-grey-500:var(--colors-gray-10);--fsx-grey-300:var(--colors-gray-7);--fsx-grey-200:var(--colors-gray-5);--fsx-grey-100:var(--colors-gray-3);--fsx-bg:var(--colors-gray-surface-bg);--fsx-shadow:color-mix(in srgb, var(--colors-black) 8%, transparent);--fsx-spring:cubic-bezier(.34, 1.4, .64, 1);--fsx-out:cubic-bezier(.22, 1, .36, 1);box-sizing:border-box;width:100%;color:var(--fsx-ink);flex-direction:column;align-items:center;font-family:Manrope,Inter,sans-serif;display:flex}.fsx-pad{padding:24px}.fsx *,.fsx :before,.fsx :after{box-sizing:border-box}.fsx-ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.fsx-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fsx-card{aspect-ratio:530/430;background:var(--fsx-bg);width:100%;max-width:530px;box-shadow:0 14px 36px var(--fsx-shadow), 0 1px 2px var(--fsx-shadow);touch-action:pan-y;border-radius:18px;position:relative;overflow:hidden}.fsx-stage{transform-origin:0 0;width:530px;height:430px;position:absolute;top:0;left:0}.fsx-layer{opacity:0;visibility:hidden;width:530px;height:430px;transition:opacity .3s ease-out,visibility 0s linear .3s;position:absolute;top:0;left:0}.fsx-layer.on{opacity:1;visibility:visible;transition:opacity .4s ease-out 80ms}.fsx-ctrl{justify-content:center;align-items:center;gap:32px;height:56px;display:flex;position:absolute;top:340px;left:0;right:0}.fsx-grp{color:var(--fsx-grey-600);align-items:center;gap:8px;display:flex}.fsx-hdr{color:var(--fsx-grey-600);align-items:center;gap:6px;display:flex}.fsx-bar{background:var(--fsx-grey-200);border-radius:3px;height:6px;display:block}.fsx-micro{letter-spacing:.01em;color:var(--fsx-grey-600);font-size:12px;font-weight:600}.fsx-tgl{background:var(--fsx-grey-200);width:76px;height:44px;box-shadow:inset 0 0 0 2px var(--fsx-action-ring);cursor:pointer;border:0;border-radius:22px;padding:0;transition:background .3s ease-out,box-shadow .3s;position:relative}.fsx-tgl .fsx-knob{background:var(--fsx-bg);width:36px;height:36px;box-shadow:0 1px 3px color-mix(in srgb, var(--colors-black) 20%, transparent);color:var(--fsx-grey-600);transition:transform .45s var(--fsx-spring), color .3s;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;left:4px}.fsx-tgl:hover{background:var(--fsx-grey-300)}.fsx-tgl.on{background:var(--fsx-action);box-shadow:none}.fsx-tgl.on:hover{filter:brightness(1.06)}.fsx-tgl.on .fsx-knob{color:var(--fsx-action);transform:translate(32px)}.fsx-btn{background:var(--fsx-action);height:44px;color:var(--fsx-btn-ink);cursor:pointer;transition:transform .3s var(--fsx-spring), filter .2s;border:0;border-radius:22px;align-items:center;gap:8px;padding:0 22px;font:700 14px/1 Manrope,Inter,sans-serif;display:flex}.fsx-btn:hover{filter:brightness(1.07)}.fsx-btn:active{transform:scale(.97)}.fsx-tgl:focus-visible,.fsx-btn:focus-visible,.fsx-nd:focus-visible{outline:2px solid var(--fsx-action);outline-offset:3px}.fsx-ghost{pointer-events:none;opacity:0;z-index:20;width:22px;height:22px;transition:transform .75s var(--fsx-out), opacity .25s;filter:drop-shadow(0 2px 3px color-mix(in srgb, var(--colors-black) 22%, transparent));position:absolute;top:0;left:0}.fsx-ghost path{fill:var(--colors-gray-12);stroke:var(--colors-gray-1);stroke-width:1.5px}.fsx-ghost.g1{opacity:1;transition:opacity .25s}.fsx-ghost.g2,.fsx-ghost.g3{opacity:1}.fsx-ghost.g4{opacity:1;transition:transform 80ms linear}.fsx-ghost .fsx-clk{border:2px solid var(--fsx-action);opacity:0;border-radius:50%;width:24px;height:24px;position:absolute;top:-9px;left:-9px}.fsx-ghost.g3 .fsx-clk{animation:.5s ease-out fsx-ring}.fsx-nav{justify-content:center;gap:4px;height:44px;margin-top:16px;display:flex}.fsx-nd{cursor:pointer;background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.fsx-nd span{background:var(--fsx-grey-300);width:8px;height:8px;transition:width .35s var(--fsx-spring), background .3s;border-radius:4px}.fsx-nd:hover span{background:var(--fsx-grey-500)}.fsx-nd.on span{background:var(--fsx-action);width:24px}@keyframes fsx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes fsx-ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.fsx *,.fsx :after,.fsx :before{transition-property:opacity,background-color,color,border-color,box-shadow,stroke-dashoffset!important;transition-duration:.3s!important;transition-delay:0s!important;animation:none!important}}