.mouse-container{max-width:1280px;color:var(--text-primary);margin:0 auto;padding:24px 20px 60px}.mouse-hero{text-align:center;margin-bottom:28px}.mouse-badge{letter-spacing:.5px;text-transform:uppercase;background:var(--accent-light);color:var(--accent);border:1px solid #ff385c33;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:.78rem;font-weight:800;display:inline-flex}.mouse-title{letter-spacing:-.8px;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.3rem;font-weight:900}.mouse-subtitle{color:var(--text-secondary);max-width:680px;margin:0 auto;font-size:1rem;line-height:1.5}.mouse-nav-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:28px;display:flex}.mouse-tab-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:700;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.mouse-tab-btn:hover{background:var(--hover-bg);color:var(--text-primary);transform:translateY(-1px)}.mouse-tab-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:#0000;box-shadow:0 4px 14px #0000001f}.mouse-control-bar{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;display:flex}.mouse-control-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lang-selector-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:6px;padding:5px 10px;transition:border-color .15s;display:inline-flex}.lang-selector-group:hover{border-color:var(--accent)}.lang-icon{font-size:.95rem;line-height:1}.lang-select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;padding-right:2px;font-family:inherit;font-size:.82rem;font-weight:700}.lang-select option{background:var(--bg-card);color:var(--text-primary)}.mouse-btn-toggle{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.mouse-btn-toggle.active{background:var(--accent-light);color:var(--accent);border-color:#ff385c4d}.mouse-btn-reset{border:1px solid var(--border-color);background:var(--hover-bg);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.mouse-btn-reset:hover{background:var(--delta-down-color);color:#fff;border-color:#0000}.mouse-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.mouse-stat-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:18px;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.mouse-stat-card:after{content:"";background:var(--accent);opacity:.8;width:4px;height:100%;position:absolute;top:0;left:0}.mouse-stat-icon{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.mouse-stat-info{flex-direction:column;gap:2px;display:flex}.mouse-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:.78rem;font-weight:600}.mouse-stat-val{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900;line-height:1.1}.mouse-stat-sub{color:var(--text-secondary);font-size:.72rem}.mouse-dblclick-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}@media (max-width:900px){.mouse-dblclick-grid{grid-template-columns:1fr}}.mouse-click-pad{background:var(--bg-card);border:2px dashed var(--border-color);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:380px;box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;transition:all .15s;display:flex;position:relative}.mouse-click-pad:hover{border-color:var(--accent);background:var(--hover-bg)}.mouse-click-pad.active-click{background:var(--accent-light);border-color:var(--accent);transform:scale(.995)}.mouse-svg-visualizer{filter:drop-shadow(0 10px 20px #0000001a);width:170px;height:250px;margin-bottom:16px}.mouse-part{fill:var(--bg-primary);stroke:var(--border-color);stroke-width:2.5px;transition:fill .1s,stroke .1s,transform 80ms}.mouse-part.is-down{filter:drop-shadow(0 0 10px #ff385c99);fill:var(--accent)!important;stroke:var(--accent)!important}.mouse-part.has-doubleclick{animation:.25s mousePartShake;fill:var(--delta-down-color)!important;stroke:var(--delta-down-color)!important}@keyframes mousePartShake{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}75%{transform:translateY(4px)}}.mouse-click-instructions{color:var(--text-primary);margin-bottom:6px;font-size:1.1rem;font-weight:800}.mouse-click-subinstructions{color:var(--text-secondary);font-size:.85rem}.mouse-btn-cards-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mouse-btn-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.mouse-btn-card.highlight{border-color:var(--accent);background:var(--accent-light)}.mouse-btn-card.has-error{border-color:var(--delta-down-color);background:#ff385c14}.mouse-btn-card-header{justify-content:space-between;align-items:center;display:flex}.mouse-btn-card-title{color:var(--text-primary);font-size:.9rem;font-weight:800}.mouse-btn-card-count{color:var(--text-secondary);font-size:.85rem;font-weight:800}.mouse-btn-card-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.mouse-btn-fastest{color:var(--accent);font-weight:700}.mouse-alert-banner{border:1px solid var(--delta-down-color);background:#ff385c1a;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.mouse-alert-left{align-items:center;gap:12px;display:flex}.mouse-alert-icon{font-size:1.6rem}.mouse-alert-title{color:var(--delta-down-color);margin-bottom:2px;font-size:.95rem;font-weight:800}.mouse-alert-desc{color:var(--text-secondary);font-size:.82rem}.mouse-polling-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;margin-bottom:28px;padding:28px}.mouse-polling-track-area{background:var(--bg-primary);border:2px dashed var(--border-color);cursor:crosshair;-webkit-user-select:none;user-select:none;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:240px;margin-bottom:20px;padding:20px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.mouse-polling-track-area:hover,.mouse-polling-track-area.is-tracking{border-color:var(--accent);background:var(--hover-bg)}.mouse-polling-circle-guide{pointer-events:none;border:2px dashed #ff385c4d;border-radius:50%;width:140px;height:140px;animation:12s linear infinite mouseSpin;position:absolute}@keyframes mouseSpin{to{transform:rotate(360deg)}}.mouse-polling-track-title{z-index:2;margin-bottom:6px;font-size:1.3rem;font-weight:800;position:relative}.mouse-polling-track-sub{color:var(--text-secondary);z-index:2;font-size:.88rem;position:relative}.mouse-polling-live-hz{color:var(--accent);font-variant-numeric:tabular-nums;z-index:2;margin-top:10px;font-size:3rem;font-weight:900;line-height:1;position:relative}.mouse-canvas-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:16px;padding:16px}.mouse-canvas-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.85rem;font-weight:700;display:flex}.mouse-canvas-chart{border-radius:8px;width:100%;height:150px;display:block}.mouse-dpi-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;margin-bottom:28px;padding:28px}.mouse-dpi-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.mouse-dpi-step{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:18px}.mouse-dpi-step-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:10px;font-size:.85rem;font-weight:800;display:flex}.mouse-dpi-step-title{margin-bottom:4px;font-size:.92rem;font-weight:800}.mouse-dpi-step-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.mouse-dpi-pad{background:var(--bg-primary);border:2px dashed var(--border-color);text-align:center;cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:20px;margin-bottom:24px;padding:36px 20px;position:relative}.mouse-dpi-pad.measuring{border-color:var(--accent);background:var(--hover-bg)}.mouse-dpi-result-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:18px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;padding:24px;display:flex}.mouse-dpi-result-item{text-align:center;flex-direction:column;gap:4px;display:flex}.mouse-dpi-result-val{color:var(--accent);font-size:2.2rem;font-weight:900;line-height:1}.mouse-scroll-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;margin-bottom:28px;padding:28px}.mouse-scroll-area{background:var(--bg-primary);border:2px dashed var(--border-color);text-align:center;cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:260px;margin-bottom:20px;display:flex;position:relative}.mouse-scroll-arrow-anim{margin-bottom:10px;font-size:2.5rem;transition:transform .15s}.mouse-faq-section{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;margin-top:36px;padding:36px 32px}.mouse-faq-title{letter-spacing:-.4px;margin-bottom:24px;font-size:1.5rem;font-weight:800}.mouse-faq-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.mouse-faq-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:20px}.mouse-faq-q{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:700}.mouse-faq-a{color:var(--text-secondary);font-size:.88rem;line-height:1.6}@media (max-width:768px){.mouse-title{font-size:1.8rem}.mouse-tab-btn{padding:8px 14px;font-size:.85rem}}