.fps-wrapper{max-width:1000px;margin:40px auto!important}.fps-heading{text-align:center;margin-bottom:25px}.fps-heading h1{font-size:32px;font-weight:800;margin-bottom:10px;color:#151923}.fps-heading p{color:#687386;font-size:15px;margin:0}.fps-card{background:#fff;border:1px solid #e4e8ef;border-radius:18px;padding:24px;box-shadow:0 8px 30px rgb(20 30 55 / .07)}.fps-main{background:linear-gradient(145deg,#151923,#252c3b);border-radius:15px;color:#fff;padding:30px 20px;text-align:center;position:relative;overflow:hidden}.fps-main-label{color:#c3ccda;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}.fps-number{font-size:clamp(65px, 12vw, 100px);font-weight:800;line-height:1.15;letter-spacing:-4px;margin:12px 0;color:#48e6a0;font-variant-numeric:tabular-nums}.fps-unit{color:#d5dbea;font-size:16px}.fps-status{display:inline-flex;align-items:center;gap:8px;border:1px solid #505968;border-radius:30px;padding:7px 14px;margin-top:18px;font-size:13px;color:#d5dbea}.status-dot{width:8px;height:8px;border-radius:50%;background:#929aaa}.status-dot.running{background:#48e6a0;box-shadow:0 0 10px #48e6a0}.fps-stat{height:100%;padding:18px;border:1px solid #e5e9f0;background:#fff;border-radius:12px}.fps-stat-label{color:#687386;font-size:13px;margin-bottom:10px}.fps-stat-value{font-size:27px;font-weight:800;color:#182033;font-variant-numeric:tabular-nums}.fps-stat-unit{font-size:12px;color:#7d8798;margin-left:4px}.fps-section-title{font-size:17px;font-weight:750;margin-bottom:17px;color:#182033}.fps-chart-box{border:1px solid #e5e9f0;background:#fafbfe;border-radius:12px;padding:12px}#fpsChart{display:block;width:100%;height:220px}.fps-chart-legend{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#687386;font-size:12px;padding:10px 4px 0}.legend-line{display:inline-block;width:15px;height:3px;border-radius:2px;background:#0d6efd;vertical-align:middle;margin-right:5px}.legend-target{background:#e5a000}.fps-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}.fps-btn{border:none;border-radius:9px;padding:12px 25px;min-width:130px;font-size:14px;font-weight:700;transition:transform 0.2s,opacity 0.2s}.fps-btn:hover{transform:translateY(-2px)}.fps-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.fps-btn-primary{color:#fff;background:linear-gradient(135deg,#252b37,#080a0e);box-shadow:0 4px 12px rgb(0 0 0 / .18)}.fps-btn-light{color:#252b37;background:#edf0f5;border:1px solid #dce1e9}.fps-btn-danger{color:#fff;background:#dc3545}.fps-info{padding:15px;background:#f3f7ff;border:1px solid #dbe7ff;border-radius:10px;color:#42526b;font-size:13px;line-height:1.7}.fps-footer-note{text-align:center;color:#7d8798;font-size:12px;margin-top:20px}@media (max-width:576px){body{padding:20px 10px}.fps-heading h1{font-size:26px}.fps-card{padding:15px;border-radius:14px}.fps-main{padding:25px 12px}.fps-stat{padding:14px}.fps-stat-value{font-size:23px}.fps-btn{flex:1;min-width:100px;padding:12px 14px}#fpsChart{height:180px}}