:root{--mouse-test-primary:#6366f1;--mouse-test-primary-hover:#4f46e5;--mouse-test-primary-light:#818cf8;--mouse-test-primary-soft:#e0e7ff;--mouse-test-secondary:#0ea5e9;--mouse-test-success:#10b981;--mouse-test-warning:#f59e0b;--mouse-test-error:#ef4444;--mouse-test-purple:#8b5cf6;--mouse-test-bg:#fff;--mouse-test-bg-subtle:#f8fafc;--mouse-test-bg-card:#fff;--mouse-test-text:#0f172a;--mouse-test-text-secondary:#475569;--mouse-test-text-muted:#94a3b8;--mouse-test-border:#e2e8f0;--mouse-test-border-light:#f1f5f9;--mouse-test-zone-bg:#fff;--mouse-test-zone-header-bg:#fff;--mouse-test-zone-border:#e2e8f0;--mouse-test-glow-primary:0 0 20px #6366f140;--mouse-test-glow-success:0 0 20px #10b98140;--mouse-test-glow-warning:0 0 20px #f59e0b40;--mouse-test-glow-purple:0 0 20px #8b5cf640;--mouse-test-shadow-sm:0 1px 3px #0000000d,0 1px 2px #0000000f;--mouse-test-shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--mouse-test-shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006;--mouse-test-shadow-xl:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;--mouse-test-radius:1rem;--mouse-test-radius-sm:.5rem}._mouse-tester-container{flex-direction:column;gap:1.25rem;width:100%;max-width:1100px;margin:0 auto;display:flex}._mouse-tester-header{border:1px solid var(--mouse-test-border-light);-webkit-backdrop-filter:blur(16px);z-index:50;background:#fffc;border-radius:1rem;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;transition:all .3s;display:flex;position:sticky;top:1rem;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005,inset 0 0 0 1px #ffffff80}._mouse-tester-header:hover{border-color:var(--mouse-test-border);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006,inset 0 0 0 1px #fffc}._mouse-tester-grid{grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr 1fr;gap:1.25rem;display:grid}._mouse-tester-zone--click{grid-area:1/1/3}._mouse-tester-zone--scroll{grid-area:1/2}._mouse-tester-zone--double{grid-area:2/2}._mouse-tester-zone--cps{grid-area:1/3}._mouse-tester-zone--drag{grid-area:2/3}._mouse-tester-zone{background:var(--mouse-test-zone-bg);border-radius:var(--mouse-test-radius);border:1px solid var(--mouse-test-zone-border);box-shadow:var(--mouse-test-shadow-md);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}._mouse-tester-zone:hover{box-shadow:var(--mouse-test-shadow-lg);border-color:var(--mouse-test-border-light)}._mouse-tester-zone-header{background:var(--mouse-test-zone-header-bg);border-bottom:1px solid var(--mouse-test-zone-border);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}._mouse-tester-zone-title{color:var(--mouse-test-text);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}._mouse-tester-zone-content{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex}@media (max-width:1024px){._mouse-tester-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:1rem}._mouse-tester-zone--click{grid-area:1/1/3}._mouse-tester-zone--scroll{grid-area:1/2}._mouse-tester-zone--double{grid-area:2/2}._mouse-tester-zone--cps{grid-area:3/1}._mouse-tester-zone--drag{grid-area:3/2}}@media (max-width:768px){._mouse-tester-container{padding-left:1rem;padding-right:1rem}._mouse-tester-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:1rem}._mouse-tester-zone--click,._mouse-tester-zone--scroll,._mouse-tester-zone--double,._mouse-tester-zone--cps,._mouse-tester-zone--drag{grid-area:auto/1}}._mouse-tester-stats{align-items:center;gap:2rem;display:flex;position:relative}._mouse-tester-stats:after{content:"";background:var(--mouse-test-border);width:1px;height:60%;display:none;position:absolute;right:-1rem}._mouse-tester-stat{align-items:center;gap:1rem;padding:.25rem .5rem;display:flex;position:relative}._mouse-tester-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--mouse-test-text-muted);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:700;display:flex}._mouse-tester-stat-label:before{content:"";background:var(--mouse-test-success);width:6px;height:6px;box-shadow:0 0 8px var(--mouse-test-success);border-radius:50%;animation:2s infinite pulseDot;display:block}@keyframes pulseDot{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(1)}}._mouse-tester-stat-value{color:var(--mouse-test-text);text-align:left;min-width:100px;box-shadow:none;background:0 0;border:none;align-items:center;gap:.5ch;padding:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:700;display:flex;position:relative}._mouse-tester-stat-value:before{content:"X:";color:var(--mouse-test-text-muted);font-size:.75rem;font-weight:500}._mouse-tester-controls{border-left:1px solid var(--mouse-test-border-light);align-items:center;gap:.75rem;padding-left:1.5rem;display:flex}._mouse-tester-btn-reset{background:var(--mouse-test-bg-subtle);color:var(--mouse-test-text);cursor:pointer;box-shadow:none;border:1px solid #0000;border-radius:2rem;align-items:center;gap:.625rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}._mouse-tester-btn-reset svg{transition:transform .4s}._mouse-tester-btn-reset:hover{color:var(--mouse-test-error);background:#fff1f2;box-shadow:0 2px 8px #f43f5e26}._mouse-tester-btn-reset:hover svg{transform:rotate(180deg)}._mouse-tester-btn-reset:active{transform:translateY(0)}._mouse-tester-counter{background:var(--mouse-test-bg-subtle);border-radius:var(--mouse-test-radius-sm);border:1px solid var(--mouse-test-border-light);flex-direction:column;align-items:center;gap:.25rem;min-width:56px;padding:.75rem .5rem;transition:all .2s;display:flex}._mouse-tester-counter:hover{box-shadow:var(--mouse-test-shadow-sm);border-color:var(--mouse-test-border);background:#fff}._mouse-tester-counter-label{color:var(--mouse-test-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.625rem;font-weight:700}._mouse-tester-counter-value{color:var(--mouse-test-text);font-family:JetBrains Mono,Fira Code,monospace;font-size:1.125rem;font-weight:700;line-height:1.2;transition:color .1s}@keyframes countDataUpdate{0%{transform:scale(1)}50%{color:var(--mouse-test-primary);transform:scale(1.2)}to{transform:scale(1)}}._mouse-tester-counter.updated ._mouse-tester-counter-value{animation:.2s countDataUpdate}._mouse-tester-zone--click ._mouse-tester-zone-content{background-image:radial-gradient(var(--mouse-test-border-light)1px,transparent 1px);background-size:20px 20px;justify-content:center;align-items:center}._mouse-tester-click-visual{align-items:center;gap:2rem;padding:1.5rem;display:flex}._mouse-tester-mouse-icon{filter:drop-shadow(0 10px 15px #0000000d);width:90px;height:135px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}._mouse-tester-mouse-icon:active{transform:scale(.98)}._mouse-tester-mouse-svg{width:100%;height:100%;overflow:visible}._mouse-tester-mouse-body{fill:#fff;stroke:var(--mouse-test-border);stroke-width:2px;transition:all .2s}._mouse-tester-mouse-divider{stroke:var(--mouse-test-border);stroke-width:1.5px;opacity:.6}._mouse-tester-mouse-btn{fill:var(--mouse-test-bg-subtle);stroke:var(--mouse-test-border);stroke-width:1.5px;cursor:pointer;transition:all .1s}._mouse-tester-mouse-btn:hover{fill:#f1f5f9}._mouse-tester-mouse-btn.active{filter:drop-shadow(0 0 12px)}._mouse-tester-mouse-btn-left.active{fill:var(--mouse-test-primary);stroke:var(--mouse-test-primary);color:var(--mouse-test-primary)}._mouse-tester-mouse-btn-right.active{fill:var(--mouse-test-secondary);stroke:var(--mouse-test-secondary);color:var(--mouse-test-secondary)}._mouse-tester-mouse-btn-middle.active{fill:var(--mouse-test-warning);stroke:var(--mouse-test-warning);color:var(--mouse-test-warning)}._mouse-tester-side-buttons{flex-direction:column;gap:.75rem;display:flex}._mouse-tester-side-btn{border:1px solid var(--mouse-test-border);width:44px;height:44px;color:var(--mouse-test-text-muted);box-shadow:var(--mouse-test-shadow-sm);background:#fff;border-radius:.75rem;justify-content:center;align-items:center;transition:all .1s cubic-bezier(.4,0,.2,1);display:flex}._mouse-tester-side-btn.active{background:var(--mouse-test-purple);border-color:var(--mouse-test-purple);color:#fff;box-shadow:var(--mouse-test-glow-purple);transform:translate(-4px)}._mouse-tester-click-counters{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;margin-top:1rem;display:flex}._mouse-tester-scroll-visual{justify-content:center;padding:1rem 0;display:flex;position:relative}._mouse-tester-scroll-indicator{z-index:2;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}._mouse-tester-scroll-indicator:before{content:"";background:var(--mouse-test-border-light);z-index:-1;border-radius:4px;width:2px;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._mouse-tester-scroll-arrow{border:1px solid var(--mouse-test-border);width:40px;height:40px;color:var(--mouse-test-text-muted);box-shadow:var(--mouse-test-shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}._mouse-tester-scroll-arrow.active{background:var(--mouse-test-primary);border-color:var(--mouse-test-primary);color:#fff;box-shadow:var(--mouse-test-glow-primary);transform:scale(1.1)}._mouse-tester-scroll-wheel{border:2px solid var(--mouse-test-border);background:#fff;border-radius:12px;width:24px;height:44px;position:relative;box-shadow:inset 0 2px 4px #0000000d}._mouse-tester-scroll-wheel:after{content:"";background:var(--mouse-test-text-muted);border-radius:4px;width:8px;height:8px;transition:all .15s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._mouse-tester-scroll-wheel.scroll-up:after{background:var(--mouse-test-primary);width:6px;height:6px;transform:translate(-50%,calc(-50% - 10px))}._mouse-tester-scroll-wheel.scroll-down:after{background:var(--mouse-test-primary);width:6px;height:6px;transform:translate(-50%,calc(10px - 50%))}._mouse-tester-scroll-counters{justify-content:center;gap:1rem;display:flex}._mouse-tester-scroll-counters ._mouse-tester-counter{min-width:70px}._mouse-tester-double-target{background:var(--mouse-test-bg-subtle);border:2px dashed var(--mouse-test-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:1rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}._mouse-tester-double-target:before{content:"";opacity:0;background:radial-gradient(circle,#6366f10d 0%,#0000 70%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}._mouse-tester-double-target:hover{border-color:var(--mouse-test-primary-light);background:#f8fafc}._mouse-tester-double-target:hover:before{opacity:1}._mouse-tester-double-target:active{transform:scale(.98)}._mouse-tester-double-target.success{border-color:var(--mouse-test-success);background:#ecfdf5;border-style:solid;animation:.4s ease-out pulseSuccess}@keyframes pulseSuccess{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}._mouse-tester-double-icon{color:var(--mouse-test-text-muted);filter:drop-shadow(0 2px 4px #0000000d);transition:all .2s}._mouse-tester-double-target:hover ._mouse-tester-double-icon{color:var(--mouse-test-primary);transform:scale(1.1)}._mouse-tester-double-target.success ._mouse-tester-double-icon{color:var(--mouse-test-success);transform:scale(1.2)rotate(-10deg)}._mouse-tester-double-hint{color:var(--mouse-test-text-secondary);font-size:.8125rem;font-weight:500}._mouse-tester-double-stats{justify-content:center;gap:1rem;display:flex}._mouse-tester-double-stats ._mouse-tester-counter{flex:1}._mouse-tester-cps-controls{align-items:center;gap:.75rem;display:flex}._mouse-tester-duration-select{background:var(--mouse-test-bg-subtle);border:1px solid var(--mouse-test-border);border-radius:.5rem;padding:.25rem;display:flex}._mouse-tester-duration-btn{color:var(--mouse-test-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}._mouse-tester-duration-btn:hover{color:var(--mouse-test-text)}._mouse-tester-duration-btn.active{color:var(--mouse-test-primary);background:#fff;box-shadow:0 1px 2px #0000000d}._mouse-tester-cps-reset{width:28px;height:28px;color:var(--mouse-test-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}._mouse-tester-cps-reset:hover{color:var(--mouse-test-error);background:#fee2e2}._mouse-tester-cps-target{border:1px solid var(--mouse-test-border-light);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:1.25rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:260px;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}._mouse-tester-cps-target:hover{border-color:var(--mouse-test-primary-light);box-shadow:0 10px 15px -3px #6366f11a}._mouse-tester-cps-target.active{border-color:var(--mouse-test-primary);background:radial-gradient(circle,#f5f3ff 0%,#fff 100%);box-shadow:0 10px 15px -3px #6366f11a}._mouse-tester-cps-target.finished{border-color:var(--mouse-test-success);background:radial-gradient(circle,#f0fdf4 0%,#fff 100%)}._mouse-tester-cps-progress{background:linear-gradient(90deg,var(--mouse-test-primary),var(--mouse-test-purple));z-index:10;border-radius:0 4px 0 0;width:0%;height:4px;transition:width .1s linear;position:absolute;bottom:0;left:0;box-shadow:0 -2px 4px #6366f133}._mouse-tester-cps-display{z-index:2;align-items:baseline;gap:.5rem;display:flex;position:relative}._mouse-tester-cps-value{color:var(--mouse-test-text);letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px #0000000d;font-family:JetBrains Mono,Fira Code,monospace;font-size:3.5rem;font-weight:800;line-height:1;transition:color .1s}._mouse-tester-cps-target.active ._mouse-tester-cps-value{color:var(--mouse-test-primary);transform:scale(1.02)}._mouse-tester-cps-target.finished ._mouse-tester-cps-value{color:var(--mouse-test-success)}._mouse-tester-cps-unit{color:var(--mouse-test-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:700}._mouse-tester-cps-hint{color:var(--mouse-test-text-secondary);opacity:.8;margin:-.5rem 0 .5rem;font-size:.875rem;font-weight:500;transition:all .2s}._mouse-tester-cps-hint.active{color:var(--mouse-test-primary);opacity:1;font-weight:700}._mouse-tester-cps-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--mouse-test-border-light);color:var(--mouse-test-text-secondary);background:#fffc;border-radius:2rem;align-items:center;gap:1.25rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}._mouse-tester-cps-status{text-transform:uppercase;letter-spacing:.1em;background:var(--mouse-test-border-light);color:var(--mouse-test-text-muted);border-radius:2rem;padding:.25rem .875rem;font-size:.75rem;font-weight:800}._mouse-tester-cps-target.active ._mouse-tester-cps-status{background:var(--mouse-test-primary);color:#fff;box-shadow:var(--mouse-test-glow-primary)}@keyframes pulseStatus{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}._mouse-tester-cps-target.finished ._mouse-tester-cps-status{background:var(--mouse-test-success);color:#fff}._mouse-tester-cps-result{opacity:0;pointer-events:none;flex-direction:column;gap:1.25rem;width:100%;max-width:340px;margin-top:1rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(10px)}._mouse-tester-cps-target.finished ._mouse-tester-cps-result{opacity:1;pointer-events:auto;transform:translateY(0)}._mouse-tester-cps-rating{text-align:center}._mouse-tester-cps-rating-label{text-transform:uppercase;letter-spacing:.05em;border-radius:2rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:800;display:inline-block;box-shadow:0 4px 6px -1px #0000000d}._mouse-tester-cps-rating-label.slow{color:#b45309;background:#fffbeb;border:1px solid #fcd34d}._mouse-tester-cps-rating-label.average{color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd}._mouse-tester-cps-rating-label.fast{color:#047857;background:#ecfdf5;border:1px solid #6ee7b7}._mouse-tester-cps-rating-label.very-fast{color:#7c3aed;background:#f5f3ff;border:1px solid #c4b5fd}._mouse-tester-cps-rating-label.insane{color:#b91c1c;background:linear-gradient(135deg,#fffbeb,#fee2e2,#ede9fe);border:1px solid #0000001a;box-shadow:0 4px 12px #b91c1c26}._mouse-tester-cps-meter-track{background:var(--mouse-test-bg-subtle);border:1px solid var(--mouse-test-border-light);border-radius:1rem;height:12px;position:relative;overflow:visible;box-shadow:inset 0 2px 4px #00000008}._mouse-tester-cps-meter-track:before{content:"";opacity:.9;background:linear-gradient(90deg,#fbbf24 0%,#3b82f6 30%,#10b981 60%,#8b5cf6 85%,#ef4444 100%);border-radius:1rem;position:absolute;top:2px;bottom:2px;left:2px;right:2px}._mouse-tester-cps-meter-marker{border:4px solid var(--mouse-test-text);z-index:2;background:#fff;border-radius:50%;width:24px;height:24px;transition:left .8s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003}._mouse-tester-cps-meter-labels{color:var(--mouse-test-text-muted);justify-content:space-between;margin-top:.5rem;padding:0 2px;font-size:.625rem;font-weight:600;display:flex}._mouse-tester-drag-area{border:1px solid var(--mouse-test-border);background:#f8fafc;border-radius:1rem;flex:1;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:1rem;display:flex;position:relative;box-shadow:inset 0 2px 4px #00000008}._mouse-tester-drag-target{border:2px dashed var(--mouse-test-border);width:50px;height:50px;color:var(--mouse-test-text-muted);z-index:1;box-shadow:var(--mouse-test-shadow-sm);background:#fff;border-radius:.875rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}._mouse-tester-drag-target--start{border-color:var(--mouse-test-primary-light);color:var(--mouse-test-primary);background:#eef2ff}._mouse-tester-drag-target--end{border-color:var(--mouse-test-success);color:var(--mouse-test-success)}._mouse-tester-drag-target.drag-over{border-style:solid;border-color:var(--mouse-test-success);background:#d1fae5;transform:scale(1.1);box-shadow:0 0 0 4px #10b98133}._mouse-tester-drag-object{border:1px solid var(--mouse-test-border);width:44px;height:44px;color:var(--mouse-test-primary);cursor:grab;z-index:10;box-shadow:var(--mouse-test-shadow-md);background:#fff;border-radius:.75rem;justify-content:center;align-items:center;transition:box-shadow .2s,transform .2s;display:flex;position:absolute}._mouse-tester-drag-object:hover{box-shadow:var(--mouse-test-shadow-lg);border-color:var(--mouse-test-primary)}._mouse-tester-drag-object.dragging{cursor:grabbing;background:var(--mouse-test-primary);color:#fff;border-color:var(--mouse-test-primary);box-shadow:var(--mouse-test-glow-primary);transform:scale(1.05)}._mouse-tester-drag-area:before{content:"";background:var(--mouse-test-border);z-index:0;border-top:1px dashed var(--mouse-test-border-light);background:0 0;border-radius:2px;height:2px;position:absolute;top:50%;left:60px;right:60px;transform:translateY(-50%)}._mouse-tester-drag-object.at-start{left:1.25rem}._mouse-tester-drag-object.at-end{background:var(--mouse-test-success);color:#fff;border-color:var(--mouse-test-success);left:auto;right:1.25rem}@media (max-width:768px){._mouse-tester-header{flex-direction:column;align-items:stretch;gap:.75rem}._mouse-tester-stats{justify-content:space-between}._mouse-tester-controls{justify-content:flex-end}._mouse-tester-click-visual{flex-direction:column;gap:1.5rem}._mouse-tester-side-buttons{flex-direction:row}._mouse-tester-click-counters{gap:.5rem}._mouse-tester-counter{min-width:44px;padding:.5rem .25rem}}