:root{--perf-bg: rgba(8, 10, 15, .92);--perf-glass: rgba(255, 255, 255, .03);--perf-border: rgba(255, 255, 255, .08);--perf-text: #ffffff;--perf-text-dim: #a0aec0;--perf-text-muted: #718096;--perf-gauge-bg: rgba(0, 0, 0, .15);--perf-fps: #00ffd0;--perf-gpu: #ff9f43;--perf-cpu: #a78bfa;--perf-success: #10b981;--perf-warning: #f59e0b;--perf-danger: #ef4444;--perf-gradient-primary: linear-gradient(135deg, #00ffd0 0%, #a78bfa 100%);--perf-gradient-glow: radial-gradient(ellipse at center, rgba(0, 255, 208, .15) 0%, transparent 70%);--perf-radius: 12px;--perf-radius-sm: 8px;--perf-padding: 12px}.perf-panel{position:fixed;z-index:9999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:var(--perf-text);user-select:none;pointer-events:auto;background:var(--perf-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--perf-radius);border:1px solid var(--perf-border);box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0d inset,0 0 60px -20px #00ffd01a;animation:perf-fade-in .3s ease-out;overflow:hidden}.perf-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--perf-gradient-primary);opacity:.6;border-radius:var(--perf-radius) var(--perf-radius) 0 0}.perf-panel.top-left{top:16px;left:16px}.perf-panel.top-right{top:16px;right:16px}.perf-panel.bottom-left{bottom:16px;left:16px}.perf-panel.bottom-right{bottom:16px;right:16px}.perf-panel.minimal{min-width:200px}.perf-panel.minimal .perf-stats{display:none}.perf-panel.light{--perf-bg: rgba(240, 245, 250, .92);--perf-glass: rgba(0, 0, 0, .02);--perf-border: rgba(0, 0, 0, .08);--perf-text: #1a202c;--perf-text-dim: #4a5568;--perf-text-muted: #718096;--perf-gauge-bg: rgba(255, 255, 255, .5);--perf-fps: #00c9a7;--perf-gpu: #e67e22;--perf-cpu: #8b5cf6;box-shadow:0 4px 24px #0000001a,0 0 0 1px #0000000d inset}.perf-panel.light:before{background:linear-gradient(135deg,#00c9a7,#8b5cf6)}.perf-panel.light .perf-graph-container{background:#00000008}.perf-panel.light .perf-theme-btn{background:#0000000d;border-color:#0000001a;color:var(--perf-text-muted)}.perf-panel.light .perf-theme-btn:hover{background:#00000014;border-color:#00000026;color:var(--perf-text)}.perf-header{display:flex;align-items:center;gap:16px;padding:var(--perf-padding);padding-bottom:8px}.perf-metric{display:flex;flex-direction:column;align-items:flex-start;min-width:65px}.perf-metric-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;min-width:55px;display:inline-block}.perf-metric-value.fps{color:var(--perf-fps)}.perf-metric-value.gpu{color:var(--perf-gpu)}.perf-metric-value.cpu{color:var(--perf-cpu)}.perf-metric-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--perf-text-dim);margin-top:3px}.perf-metric-unit{font-size:11px;font-weight:400;color:var(--perf-text-muted);margin-left:2px;font-variant-numeric:tabular-nums}.perf-metric-value.overclock{color:#ff6eff;text-shadow:0 0 10px rgba(255,110,255,.5)}.perf-graph-container{position:relative;height:60px;margin:0 var(--perf-padding);border-radius:var(--perf-radius-sm);background:#0000004d;overflow:hidden}.perf-graph-container:before{content:"";position:absolute;inset:0;background:var(--perf-gradient-glow);opacity:.5;pointer-events:none}.perf-graph{width:100%;height:100%;display:block}.perf-graph-legend{display:flex;gap:12px;padding:6px var(--perf-padding);padding-top:4px}.perf-legend-item{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--perf-text-dim)}.perf-legend-dot{width:6px;height:6px;border-radius:50%}.perf-legend-dot.fps{background:var(--perf-fps)}.perf-legend-dot.gpu{background:var(--perf-gpu)}.perf-legend-dot.cpu{background:var(--perf-cpu)}.perf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:8px var(--perf-padding);padding-top:4px;border-top:1px solid var(--perf-border);margin-top:8px}.perf-stat{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;transition:background .15s ease}.perf-stat:hover{background:#ffffff08}.perf-stat-icon{width:14px;height:14px;color:var(--perf-text-muted);opacity:.7}.perf-stat-content{display:flex;flex-direction:column}.perf-stat-value{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--perf-text);line-height:1}.perf-stat-label{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--perf-text-muted);margin-top:2px}.perf-vram{padding:8px var(--perf-padding);border-top:1px solid var(--perf-border)}.perf-vram-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.perf-vram-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--perf-text-dim)}.perf-vram-value{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--perf-fps)}.perf-vram-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.perf-vram-fill{height:100%;background:var(--perf-gradient-primary);border-radius:2px;transition:width .3s ease}.perf-toggle{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:6px;color:var(--perf-text-dim);cursor:pointer;transition:all .15s ease}.perf-toggle:hover{background:#ffffff1a;color:var(--perf-text)}.perf-toggle svg{width:14px;height:14px}@keyframes perf-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes perf-pulse{0%,to{opacity:1}50%{opacity:.5}}.perf-metric-value.warning{animation:perf-pulse 1s ease infinite}@media (max-width: 480px){.perf-panel{min-width:280px}.perf-header{gap:10px}.perf-metric-value{font-size:16px}.perf-stats{grid-template-columns:repeat(2,1fr)}}.perf-gauge-container{display:flex;align-items:center;justify-content:center;padding:8px}.perf-gauge{display:block;position:relative}.perf-mini-gauge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px}.perf-mini-gauge-track{width:6px;height:100%;background:#ffffff1a;border-radius:3px;overflow:hidden;display:flex;flex-direction:column-reverse}.perf-mini-gauge-fill{width:100%;border-radius:3px;transition:height .2s ease}.perf-mini-gauge-value{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.perf-mini-gauge-label{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--perf-text-muted)}.perf-panel-with-gauge{display:flex;align-items:stretch;flex-direction:row}.perf-panel-main{flex:1;min-width:0;position:relative}.perf-panel-gauge{display:flex;align-items:center;justify-content:center;padding:12px;border-right:1px solid var(--perf-border);background:#00000026;order:-1}.perf-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:22px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--perf-text-muted);cursor:pointer;transition:all .2s ease}.perf-icon-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--perf-text)}.perf-icon-btn:active{transform:scale(.95)}.perf-expand-btn.perf-icon-btn svg{opacity:.9}.perf-hide-btn.perf-icon-btn svg{opacity:.9}.perf-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:8px var(--perf-padding) 4px;border-bottom:1px solid var(--perf-border)}.perf-panel.light .perf-icon-btn{background:#0000000d;border-color:#0000001a;color:var(--perf-text-muted)}.perf-panel.light .perf-icon-btn:hover{background:#00000014;border-color:#00000026;color:var(--perf-text)}.perf-panel-dot{position:fixed;z-index:9999;width:10px;height:10px;padding:0;border:none;border-radius:50%;background:var(--perf-fps);opacity:.1;cursor:pointer;transition:opacity .2s ease}.perf-panel-dot:hover{opacity:.5}.perf-panel-dot.top-left{top:16px;left:16px}.perf-panel-dot.top-right{top:16px;right:16px}.perf-panel-dot.bottom-left{bottom:16px;left:16px}.perf-panel-dot.bottom-right{bottom:16px;right:16px}.perf-theme-btn{display:flex;align-items:center;justify-content:center;width:26px;height:22px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--perf-text-muted);cursor:pointer;transition:all .2s ease}.perf-theme-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fbbf24}.perf-theme-btn:active{transform:scale(.95)}.perf-panel.light .perf-theme-btn:hover{color:#6366f1}