:root{--ft-primary:#6366f1;--ft-primary-rgb:99, 102, 241;--ft-text:#1e293b;--ft-text-muted:#64748b;--ft-bg:#fff;--ft-bg-hover:#f1f5f9;--ft-border:#e2e8f0;--ft-shadow:0 2px 8px #00000014;--ft-shadow-lg:0 8px 24px #0000001f;--ft-radius:var(--main-radius,.5rem);--ft-radius-lg:var(--main-radius-lg,.75rem)}._ft-container{gap:var(--main-space-4,1rem);flex-direction:column;min-height:60vh;display:flex;position:relative}._ft-stage{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}._ft-toy{justify-content:center;align-items:center;width:100%;display:none}._ft-toy-active{display:flex}@media (max-width:768px){._ft-container{padding-left:1rem;padding-right:1rem}._ft-stage{min-height:320px}}._ft-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}._ft-tab{background:var(--ft-bg);border-style:solid;border-width:1.5px;border-color:var(--ft-border);border-radius:var(--ft-radius-lg);color:var(--ft-text-muted);cursor:pointer;box-shadow:var(--ft-shadow);align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}._ft-tab:hover{color:var(--ft-text);border-color:rgba(var(--ft-primary-rgb), .3)}._ft-tab-active{color:var(--ft-primary);border-color:var(--ft-primary);background:rgba(var(--ft-primary-rgb), .06);box-shadow:0 2px 8px rgba(var(--ft-primary-rgb), .15)}._ft-tab-icon{justify-content:center;align-items:center;display:flex}._ft-tab-icon svg{width:16px;height:16px}@media (max-width:480px){._ft-tab{padding:.4rem .75rem;font-size:.75rem}._ft-tab-label{display:none}._ft-tab-icon svg{width:18px;height:18px}}._ft-spinner-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:1rem;display:flex}._ft-spinner-svg{cursor:grab;filter:drop-shadow(0 4px 12px #00000026)}._ft-spinner-svg:active{cursor:grabbing}._ft-spinner-center{fill:var(--ft-primary)}._ft-spinner-center-inner{fill:var(--ft-bg);opacity:.9}._ft-spinner-arm{fill:var(--ft-primary);opacity:.85}._ft-spinner-bearing{fill:var(--ft-bg);opacity:.7}._ft-spinner-rpm{color:var(--ft-text);font-size:1.5rem;font-weight:700;font-family:var(--main-font-mono,monospace);text-align:center;min-width:120px}._ft-spinner-hint{color:var(--ft-text-muted);font-size:.8125rem;transition:opacity .3s}._ft-spinner-hint-hidden{opacity:0}@media (max-width:480px){._ft-spinner-svg{width:240px;height:240px}}._ft-popit-wrap{flex-direction:column;align-items:center;gap:1rem;display:flex}._ft-popit-grid{background:var(--ft-bg);border-radius:var(--ft-radius-lg);min-height:300px;box-shadow:var(--ft-shadow-lg);border-style:solid;border-width:1.5px;border-color:var(--ft-border);grid-template-columns:repeat(6,1fr);gap:.5rem;padding:1.25rem;display:grid}._ft-popit-bubble{background:rgba(var(--ft-primary-rgb), .15);border-style:solid;border-width:2px;border-color:rgba(var(--ft-primary-rgb), .3);cursor:pointer;border-radius:50%;width:48px;height:48px;transition:all .1s;position:relative;box-shadow:inset 0 -4px 6px #00000014,0 2px 4px #0000000f}._ft-popit-bubble:hover{opacity:.85}._ft-popit-bubble-popped{background:rgba(var(--ft-primary-rgb), .05);border-color:rgba(var(--ft-primary-rgb), .15);box-shadow:inset 0 2px 4px #0000000f}._ft-popit-flip{background:var(--ft-bg);border-style:solid;border-width:1.5px;border-color:var(--ft-border);border-radius:var(--ft-radius);color:var(--ft-text-muted);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s;display:flex}._ft-popit-flip:hover{color:var(--ft-primary);border-color:rgba(var(--ft-primary-rgb), .3)}@media (max-width:480px){._ft-popit-bubble{width:40px;height:40px}._ft-popit-grid{gap:.375rem;padding:1rem}}._ft-cube-wrap{flex-direction:column;align-items:center;gap:1.25rem;display:flex}._ft-cube-face{background:var(--ft-bg);border-radius:var(--ft-radius-lg);border-style:solid;border-width:2px;border-color:var(--ft-border);width:280px;height:280px;box-shadow:var(--ft-shadow-lg);-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:relative}._ft-cube-nav{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}._ft-cube-nav-btn{background:var(--ft-bg);border-style:solid;border-width:1px;border-color:var(--ft-border);border-radius:var(--ft-radius);color:var(--ft-text-muted);cursor:pointer;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}._ft-cube-nav-btn:hover{color:var(--ft-text)}._ft-cube-nav-active{color:var(--ft-primary);border-color:var(--ft-primary);background:rgba(var(--ft-primary-rgb), .06)}._ft-cube-btn{background:var(--ft-primary);cursor:pointer;width:56px;height:56px;box-shadow:0 4px 8px rgba(var(--ft-primary-rgb), .3);border:0 solid #0000;border-radius:50%;transition:box-shadow .1s}._ft-cube-btn:hover{box-shadow:0 2px 4px rgba(var(--ft-primary-rgb), .2)}._ft-cube-btn-pressed{box-shadow:inset 0 2px 4px #0003}._ft-cube-toggle{background:var(--ft-border);cursor:pointer;border:0 solid #0000;border-radius:15px;width:56px;height:30px;transition:background .2s;position:relative}._ft-cube-toggle:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}._ft-cube-toggle-on{background:var(--ft-primary)}._ft-cube-toggle-on:after{left:29px}._ft-cube-dial{background:var(--ft-bg);border-style:solid;border-width:3px;border-color:var(--ft-border);cursor:grab;width:120px;height:120px;box-shadow:var(--ft-shadow);border-radius:50%;position:relative}._ft-cube-dial:active{cursor:grabbing}._ft-cube-dial-knob{background:var(--ft-primary);border-radius:4px;width:8px;height:24px;margin-left:-4px;position:absolute;top:12px;left:50%}._ft-cube-joystick-area{background:var(--ft-bg-hover);border-style:solid;border-width:2px;border-color:var(--ft-border);cursor:pointer;border-radius:50%;width:160px;height:160px;position:relative}._ft-cube-joystick-knob{background:var(--ft-primary);width:48px;height:48px;box-shadow:0 2px 8px rgba(var(--ft-primary-rgb), .3);cursor:grab;border-radius:50%;margin-top:-24px;margin-left:-24px;transition:all .15s;position:absolute;top:50%;left:50%}._ft-cube-joystick-knob:active{cursor:grabbing}._ft-cube-slider-track{background:var(--ft-bg-hover);cursor:pointer;border-radius:4px;width:200px;height:8px;position:relative}._ft-cube-slider-fill{background:var(--ft-primary);border-radius:4px;width:50%;height:100%;transition:width .1s}._ft-cube-slider-thumb{background:var(--ft-primary);width:24px;height:24px;box-shadow:0 2px 6px rgba(var(--ft-primary-rgb), .3);cursor:grab;border-radius:50%;margin-top:-12px;margin-left:-12px;position:absolute;top:50%;left:50%}._ft-cube-slider-thumb:active{cursor:grabbing}._ft-cube-ball-area{border-radius:var(--ft-radius-lg);background:var(--ft-bg-hover);border-style:solid;border-width:1px;border-color:var(--ft-border);cursor:pointer;width:200px;height:200px;position:relative;overflow:hidden}._ft-cube-ball{background:var(--ft-primary);width:40px;height:40px;box-shadow:0 2px 6px rgba(var(--ft-primary-rgb), .3);border-radius:50%;margin-top:-20px;margin-left:-20px;position:absolute;top:50%;left:50%}@media (max-width:480px){._ft-cube-face{width:240px;height:240px;padding:1rem}}._ft-switches-wrap{flex-direction:column;align-items:center;gap:1rem;display:flex}._ft-switches-grid{background:var(--ft-bg);border-radius:var(--ft-radius-lg);min-height:280px;box-shadow:var(--ft-shadow-lg);border-style:solid;border-width:1.5px;border-color:var(--ft-border);grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem;display:grid}._ft-switch-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}._ft-switch{background:var(--ft-border);cursor:pointer;border:0 solid #0000;border-radius:15px;width:56px;height:30px;transition:background .2s;position:relative}._ft-switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}._ft-switch-on{background:var(--ft-primary)}._ft-switch-on:after{left:29px}._ft-switch-label{color:var(--ft-text-muted);font-size:.6875rem;font-weight:500}._ft-switches-reset{background:var(--ft-bg);border-style:solid;border-width:1.5px;border-color:var(--ft-border);border-radius:var(--ft-radius);color:var(--ft-text-muted);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s;display:flex}._ft-switches-reset:hover{color:var(--ft-primary);border-color:rgba(var(--ft-primary-rgb), .3)}@media (max-width:480px){._ft-switches-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem}}._ft-infinity-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:1rem;display:flex}._ft-infinity-cube{cursor:pointer;perspective:600px;width:200px;height:200px;position:relative}._ft-infinity-panel{background:var(--ft-primary);border-radius:var(--ft-radius);width:100%;height:50%;box-shadow:var(--ft-shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute}._ft-infinity-top{transform-origin:bottom;border-bottom-right-radius:0;border-bottom-left-radius:0;top:0}._ft-infinity-bottom{transform-origin:top;opacity:.85;border-top-left-radius:0;border-top-right-radius:0;bottom:0}._ft-infinity-cube-folded ._ft-infinity-top{transform:rotateX(-180deg)}._ft-infinity-cube-folded ._ft-infinity-bottom{transform:rotateX(180deg)}._ft-infinity-hint{color:var(--ft-text-muted);font-size:.8125rem}._ft-infinity-counter{color:var(--ft-text);font-size:2rem;font-weight:700;font-family:var(--main-font-mono,monospace)}@media (max-width:480px){._ft-infinity-cube{width:160px;height:160px}}._ft-controls{background:var(--ft-bg);border-radius:var(--ft-radius-lg);box-shadow:var(--ft-shadow);border-style:solid;border-width:1px;border-color:var(--ft-border);justify-content:center;align-items:center;gap:1.5rem;max-width:360px;margin:0 auto;padding:.75rem 1.5rem;display:flex}._ft-ctrl-btn{width:36px;height:36px;color:var(--ft-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}._ft-ctrl-btn:hover{color:var(--ft-primary);background:rgba(var(--ft-primary-rgb), .08)}._ft-ctrl-btn-muted{opacity:.4}._ft-stats{align-items:baseline;gap:.375rem;display:flex}._ft-stats-count{color:var(--ft-text);font-size:1.25rem;font-weight:700;font-family:var(--main-font-mono,monospace)}._ft-stats-label{color:var(--ft-text-muted);font-size:.75rem}@media (max-width:480px){._ft-controls{gap:1rem;padding:.5rem 1rem}}