@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{color:#eaeaff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;font-family:Inter,system-ui,-apple-system,sans-serif}#root{width:100%;height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}::selection{color:#eaeaff;background:#00f0ff33}:root,[data-theme=dark]{--bg-primary:#0b0b14;--bg-surface:#12121f;--bg-elevated:#1a1a2e;--border:#252545;--border-light:#32325a;--primary:#a855f7;--primary-rgb:168, 85, 247;--accent:#00e5ff;--accent-rgb:0, 229, 255;--success:#00e676;--warning:#ffab00;--critical:#ff5252;--hot-pink:#ff2d78;--purple:#a855f7;--text-primary:#eef;--text-secondary:#88a;--text-muted:#77a;--sidebar-width:230px;--sidebar-collapsed:60px;--glow:0 0 10px #a855f733;--glow-accent:0 0 10px #00e5ff33;--card-bg:var(--bg-surface);--bg-secondary:var(--bg-elevated)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app.public-page{display:block}.app.public-page .main-content.full-width{width:100%;max-width:100%;margin-left:0}[data-theme=light]{--bg-primary:#f5f3ff;--bg-surface:#fff;--bg-elevated:#faf8ff;--border:#e0d8f0;--border-light:#d0c8e8;--primary:#7c3aed;--primary-rgb:124, 58, 237;--accent:#0891b2;--accent-rgb:8, 145, 178;--success:#059669;--warning:#d97706;--critical:#dc2626;--hot-pink:#db2777;--purple:#7c3aed;--text-primary:#1e1b4b;--text-secondary:#6b7280;--text-muted:#9ca3af;--glow:none;--glow-accent:none}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}.app{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{background:var(--bg-primary);flex:1;padding:24px 28px;overflow:hidden auto}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;transition:width .2s,min-width .2s;display:flex;position:relative}.sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 16px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--accent));width:32px;height:32px;box-shadow:0 0 12px rgba(var(--primary-rgb), .3);color:var(--bg-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex}.logo-text{letter-spacing:3px;background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(var(--primary-rgb), .4));-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:8px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.nav-group{margin-bottom:4px}.nav-group-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px 8px;font-size:14px;font-weight:700;transition:color .15s;display:flex}.nav-group-label:hover{color:var(--text-secondary);background:#ffffff08}.nav-group-chevron{transition:transform .2s}.nav-group-chevron.collapsed{transform:rotate(-90deg)}.nav-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item.active{background:rgba(var(--primary-rgb), .08);color:var(--primary);text-shadow:0 0 6px rgba(var(--primary-rgb), .3)}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-badge{border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.nav-badge.active{background:rgba(var(--accent-rgb), .15);color:var(--success)}.sidebar-stats{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:12px 16px;display:flex}.sidebar-stat{justify-content:space-between;font-size:11px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.stat-value{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.sidebar-toggle{background:var(--bg-elevated);border:1px solid var(--border);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;bottom:16px;right:-12px}.sidebar-toggle:hover{color:var(--primary)}.dashboard{flex-direction:column;gap:20px;display:flex}.dashboard-loading{height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.pulse-ring{border:2px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.dashboard-topbar{justify-content:space-between;align-items:center;display:flex}.dashboard-title h1{font-size:22px;font-weight:700}.system-status{color:var(--text-secondary);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.status-dot.active{background:var(--success);box-shadow:0 0 8px var(--success);animation:2s infinite glow-pulse}@keyframes glow-pulse{0%,to{box-shadow:0 0 4px var(--success)}50%{box-shadow:0 0 12px var(--success)}}.dashboard-gauges{justify-content:center;gap:20px;padding:16px 0;display:flex}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.dashboard-bottom{grid-template-columns:1fr 360px;gap:16px;min-height:300px;display:grid}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--border-light)}.metric-card-header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.metric-icon{color:var(--text-muted)}.metric-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:600}.metric-value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1;transition:color .3s}.metric-unit{opacity:.7;margin-left:2px;font-size:14px;font-weight:600}.metric-subtitle{color:var(--text-muted);margin-top:6px;font-size:11px}.metric-indicator{border-radius:0 12px 12px 0;width:4px;height:100%;transition:background-color .3s;position:absolute;top:0;right:0}.radial-gauge{justify-content:center;align-items:center;display:flex;position:relative}.radial-gauge-text{flex-direction:column;align-items:center;gap:0;display:flex;position:absolute}.radial-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1;transition:color .3s}.radial-unit{color:var(--text-muted);font-size:10px;font-weight:600}.radial-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-top:2px;font-size:10px;font-weight:600}.live-chart{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chart-header h3{font-size:14px;font-weight:600}.chart-tabs{gap:4px;display:flex}.chart-tab{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s}.chart-tab:hover{border-color:var(--border-light);color:var(--text-primary)}.chart-tab.active{background:rgba(var(--primary-rgb), .08)}.chart-container{margin:0 -8px}.diagnostics-feed{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;max-height:400px;padding:16px;display:flex}.diagnostics-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.diagnostics-header h3{font-size:14px;font-weight:600}.diagnostics-actions{align-items:center;gap:8px;display:flex}.event-count{color:var(--text-muted);font-size:11px}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .15s}.btn-icon:hover{color:var(--critical)}.diagnostics-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.diagnostics-list::-webkit-scrollbar{width:4px}.diagnostics-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.diagnostics-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;font-size:12px;display:flex}.diagnostic-event{border-left:3px solid;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;overflow:hidden}.event-icon{flex-shrink:0;margin-top:1px}.event-content{flex:1;min-width:0}.event-title{margin-bottom:2px;font-size:12px;font-weight:600}.event-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.event-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.game-mode-btn{border:1px solid var(--primary);background:rgba(var(--primary-rgb), .06);color:var(--primary);cursor:pointer;letter-spacing:.5px;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.game-mode-btn:hover{background:rgba(var(--primary-rgb), .12);box-shadow:0 0 20px rgba(var(--primary-rgb), .15)}.game-mode-btn.active{border-color:var(--success);color:var(--success);background:rgba(var(--accent-rgb), .06)}.game-mode-btn.active:hover{background:rgba(var(--accent-rgb), .12);box-shadow:0 0 20px rgba(var(--accent-rgb), .15)}.game-mode-btn.loading{opacity:.7;cursor:wait}.game-mode-btn-glow{background:radial-gradient(circle at center, rgba(var(--primary-rgb), .1), transparent 70%);pointer-events:none;position:absolute;inset:0}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gamemode-panel{flex-direction:column;gap:20px;display:flex}.gamemode-header{justify-content:space-between;align-items:flex-start;display:flex}.gamemode-header h1{font-size:22px;font-weight:700}.subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.gamemode-stats{gap:16px;display:flex}.gm-stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;min-width:120px;padding:14px 20px;display:flex}.gm-stat-value{color:var(--success);font-size:22px;font-weight:800}.gm-stat-label{color:var(--text-muted);margin-top:2px;font-size:11px}.gamemode-config{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px}.gamemode-config h3{margin-bottom:14px;font-size:14px;font-weight:600}.config-list{flex-direction:column;gap:8px;display:flex}.config-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.config-item-left{align-items:center;gap:12px;display:flex}.config-icon{color:var(--primary);flex-shrink:0}.config-label{font-size:13px;font-weight:600}.config-desc{color:var(--text-muted);font-size:11px}.toggle{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border);cursor:pointer;border-radius:22px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-secondary);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:rgba(var(--primary-rgb), .3)}.toggle input:checked+.toggle-slider:before{background:var(--primary);transform:translate(18px)}.toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.process-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px}.process-list h3{margin-bottom:12px;font-size:14px;font-weight:600}.process-table{flex-direction:column;gap:2px;display:flex}.process-row{border-radius:6px;grid-template-columns:2fr 1fr 1fr 1fr 40px;align-items:center;padding:8px 12px;font-size:12px;display:grid}.process-row.process-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600}.process-row:not(.process-header):hover{background:#ffffff05}.process-row.game-related{background:rgba(var(--primary-rgb), .04)}.proc-name{align-items:center;gap:6px;font-weight:500;display:flex}.game-icon{color:var(--primary)}.proc-cpu,.proc-ram{font-variant-numeric:tabular-nums}.proc-priority{text-transform:uppercase;font-size:10px;font-weight:600}.priority-high{color:var(--warning)}.priority-realtime{color:var(--critical)}.priority-normal{color:var(--text-secondary)}.priority-low{color:var(--text-muted)}.btn-kill{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.btn-kill:hover{color:var(--critical);border-color:var(--critical);background:#ff33661a}.diagnostics-page .diagnostics-feed{max-height:none}.diag-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.diag-summary-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.diag-summary-card.critical{color:var(--critical)}.diag-summary-card.warning{color:var(--warning)}.diag-summary-card.info{color:var(--primary)}.diag-summary-card.total{color:var(--text-secondary)}.diag-count{font-size:24px;font-weight:800}.diag-label{opacity:.7;font-size:11px}.diag-categories{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.diag-categories h3{margin-bottom:10px;font-size:14px}.category-tags{flex-wrap:wrap;gap:6px;display:flex}.category-tag{text-transform:capitalize;border:1px solid var(--border);background:#ffffff0a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.cat-fps{color:var(--success);border-color:rgba(var(--accent-rgb), .2)}.cat-cpu{color:var(--primary);border-color:rgba(var(--primary-rgb), .2)}.cat-gpu{color:var(--purple);border-color:#a855f733}.cat-thermal{color:var(--critical);border-color:#f363}.cat-network{color:var(--warning);border-color:#ffb80033}.cat-ram{color:#ff8c42;border-color:#ff8c4233}.sessions-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.sessions-empty h3{color:var(--text-secondary)}.sessions-empty p{max-width:400px;font-size:13px}.sessions-list{flex-direction:column;gap:10px;display:flex}.session-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:18px;transition:border-color .15s}.session-card:hover{border-color:var(--border-light)}.session-card.current{border-color:var(--success);background:rgba(var(--accent-rgb), .04)}.session-status{color:var(--success);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite glow-pulse}.session-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.session-card-top h3{font-size:15px;font-weight:600}.session-date{color:var(--text-muted);font-size:12px}.session-duration{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.session-card-stats{flex-wrap:wrap;gap:20px;display:flex}.session-stat{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;display:flex}.session-events-count{color:var(--text-muted);margin-top:10px;font-size:11px}.network-quality{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:20px;margin-bottom:16px;padding:24px;display:flex}.quality-grade{border:3px solid;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;font-size:48px;font-weight:900;display:flex}.quality-info h3{font-size:16px}.quality-info p{color:var(--text-secondary);margin-top:2px;font-size:13px}.network-metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.network-servers{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.network-servers h3{align-items:center;gap:8px;margin-bottom:14px;font-size:14px;display:flex}.server-list{flex-direction:column;gap:4px;display:flex}.server-row{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.server-region{font-size:13px;font-weight:600}.server-city{color:var(--text-muted);margin-left:8px;font-size:11px}.server-ping{align-items:center;gap:8px;display:flex}.ping-value{font-variant-numeric:tabular-nums;font-weight:700}.ping-value.good{color:var(--success)}.ping-value.warning{color:var(--warning)}.ping-value.critical{color:var(--critical)}.recommended{text-transform:uppercase;color:var(--success);background:rgba(var(--accent-rgb), .1);letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.network-traceroute{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px}.network-traceroute h3{margin-bottom:16px;font-size:14px}.traceroute-visual{flex-direction:column;gap:0;padding-left:20px;display:flex}.hop-node{align-items:flex-start;gap:16px;padding-bottom:20px;display:flex;position:relative}.hop-node:last-child{padding-bottom:0}.hop-dot{background:var(--primary);border:2px solid var(--bg-surface);z-index:1;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:2px}.hop-node:last-child .hop-dot{background:var(--success)}.hop-line{background:var(--border);width:2px;height:calc(100% - 8px);position:absolute;top:14px;left:5px}.hop-info{flex-direction:column;gap:1px;display:flex}.hop-label{font-size:12px;font-weight:600}.hop-ip{color:var(--text-muted);font-family:monospace;font-size:11px}.hop-time{color:var(--primary);font-size:11px;font-weight:600}.settings-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:20px}.settings-section-header{color:var(--primary);align-items:center;gap:8px;margin-bottom:14px;display:flex}.settings-section-header h3{color:var(--text-primary);font-size:14px}.settings-list{flex-direction:column;gap:4px;display:flex}.setting-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.setting-info{flex-direction:column;display:flex}.setting-label{font-size:13px;font-weight:600}.setting-desc{color:var(--text-muted);font-size:11px}.setting-select{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.setting-select:focus{border-color:var(--primary);outline:none}.setting-range{width:120px;accent-color:var(--primary)}.hotkey{background:var(--bg-primary);border:1px solid var(--border);color:var(--primary);border-radius:6px;padding:4px 10px;font-family:monospace;font-size:11px}.settings-about{align-items:center;gap:16px;display:flex}.about-logo{background:linear-gradient(135deg, var(--primary), var(--accent));width:48px;height:48px;color:var(--bg-primary);border-radius:12px;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.settings-about h4{font-size:16px}.settings-about p{color:var(--text-secondary);font-size:12px}.about-tagline{font-style:italic;color:var(--primary)!important}.page{flex-direction:column;gap:16px;display:flex}.page-header h1{font-size:22px;font-weight:700}.page-header .subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:border-color .15s;display:flex}.btn-secondary:hover{border-color:var(--border-light)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.search-box{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:150px;font-size:12px}.games-page .page-header{justify-content:space-between;align-items:flex-start;display:flex}.games-header-actions{align-items:center;gap:8px;display:flex}.games-content{grid-template-columns:1fr 1fr;gap:16px;min-height:400px;display:grid}.hardware-overview{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.hw-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hw-title h3{font-size:14px}.hw-tier-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700}.hw-specs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.hw-spec{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.hw-icon{color:var(--primary);flex-shrink:0}.hw-spec-info{flex:1}.hw-spec-name{font-size:12px;font-weight:600;display:block}.hw-spec-detail{color:var(--text-muted);font-size:10px;display:block}.hw-spec-tier{text-transform:uppercase;font-size:10px;font-weight:700}.game-library{min-height:300px}.game-library-scanning,.game-library-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.scan-detail{font-size:11px}.game-grid{flex-direction:column;gap:8px;display:flex}.game-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:14px;transition:all .15s;position:relative}.game-card:hover{border-color:var(--border-light)}.game-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb), .04)}.game-card.running{border-color:var(--success)}.game-running-badge{color:var(--success);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:5px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.game-card-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.game-platform{font-size:20px}.game-card-info{flex:1}.game-name{font-size:13px;font-weight:600;display:block}.game-size{color:var(--text-muted);font-size:11px}.game-card-bottom{margin-bottom:4px}.compat-bar{background:var(--border);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.compat-fill{border-radius:2px;height:100%;transition:width .3s}.game-card-meta{justify-content:space-between;align-items:center;display:flex}.compat-score{font-size:10px;font-weight:600}.profile-active-badge{color:var(--success);background:rgba(var(--accent-rgb), .1);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.game-last-played{color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.game-detail{flex-direction:column;gap:16px;display:flex}.game-detail-header{justify-content:space-between;align-items:flex-start;display:flex}.game-detail-title{align-items:center;gap:12px;display:flex}.game-platform-large{font-size:28px}.game-detail-title h2{font-size:18px}.game-detail-sub{color:var(--text-secondary);font-size:12px}.running-indicator{color:var(--success);font-weight:700}.game-requirements{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.game-requirements h3{margin-bottom:12px;font-size:13px}.req-comparison{flex-direction:column;gap:8px;display:flex}.req-row{align-items:center;gap:12px;display:flex}.req-label{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:4px;width:80px;font-size:11px;display:flex}.req-bar-container{flex:1;gap:4px;display:flex}.req-needed,.req-yours{border-radius:4px;flex:1;padding:4px 8px;font-size:10px}.req-needed{color:var(--warning);background:#ffb80014}.req-yours{background:rgba(var(--primary-rgb), .08);color:var(--primary)}.profile-selector{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.profile-selector h3{font-size:13px}.profile-hint{color:var(--text-muted);margin:4px 0 12px;font-size:11px}.profile-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profile-card{border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:all .15s;display:flex;position:relative}.profile-card:hover{border-color:var(--border-light)}.profile-card.active{background:rgba(var(--primary-rgb), .04)}.profile-active-check{width:20px;height:20px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.profile-card-label{font-size:12px;font-weight:700}.profile-card-desc{color:var(--text-muted);font-size:10px;line-height:1.3}.profile-card-stats{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.profile-card-stats span{color:var(--text-secondary);background:#ffffff0a;border-radius:4px;padding:2px 6px;font-size:10px}.resource-allocation{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.resource-allocation h3{font-size:13px}.alloc-profile-name{color:var(--text-muted);margin:2px 0 12px;font-size:11px}.alloc-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.alloc-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:12px}.alloc-card-header{color:var(--primary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.alloc-detail{flex-direction:column;gap:4px;display:flex}.alloc-bar-row{color:var(--text-secondary);align-items:center;gap:6px;font-size:10px;display:flex}.alloc-bar-row span:first-child{width:40px}.alloc-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.alloc-bar-fill{border-radius:3px;height:100%;transition:width .3s}.alloc-bar-fill.game{background:var(--primary)}.alloc-bar-fill.system{background:var(--text-muted)}.alloc-value{text-align:right;font-variant-numeric:tabular-nums;min-width:50px;font-size:10px;font-weight:600}.alloc-tag{color:var(--text-muted);background:#ffffff08;border-radius:4px;margin:2px 0;padding:2px 6px;font-size:10px;display:inline-block}.alloc-kill-list{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.kill-item{color:var(--critical);background:#ff336614;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:10px}.kill-more{color:var(--text-muted);padding:1px 5px;font-size:10px}.alloc-summary-bar{background:rgba(var(--primary-rgb), .06);border:1px solid rgba(var(--primary-rgb), .15);color:var(--primary);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:12px;display:flex}.alloc-note{color:var(--text-muted)}.graphics-preset{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.graphics-preset h3{font-size:13px}.preset-hint{color:var(--text-muted);margin:4px 0 12px;font-size:11px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.preset-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.preset-label{color:var(--text-muted);flex:1}.preset-value{font-size:11px;font-weight:700}.running-banner{flex-direction:column;gap:8px;display:flex}.running-banner-card{background:rgba(var(--accent-rgb), .04);border:1px solid var(--success);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.running-banner-left{color:var(--success);align-items:center;gap:10px;display:flex}.running-game-name{color:var(--text-primary);font-size:14px;font-weight:700;display:block}.running-game-status{color:var(--text-secondary);font-size:11px;display:block}.running-banner-stats{gap:16px;display:flex}.running-stat{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.game-install-path{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-family:monospace;font-size:11px;display:flex}.benchmark-page .page-header{justify-content:space-between;align-items:flex-start;display:flex}.benchmark-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px;display:grid}.benchmark-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:18px;transition:border-color .15s}.benchmark-card.running{border-color:var(--primary)}.benchmark-card.completed{border-color:var(--border-light)}.bench-card-header{gap:12px;margin-bottom:14px;display:flex}.bench-icon{font-size:24px}.bench-card-header h3{font-size:14px}.bench-card-header p{color:var(--text-muted);margin-top:2px;font-size:11px}.bench-progress{margin-bottom:14px}.bench-progress-bar{background:var(--border);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.bench-progress-fill{background:linear-gradient(90deg, var(--primary), var(--success));border-radius:3px;height:100%;transition:width .3s}.bench-phase{color:var(--text-secondary);font-size:11px}.bench-pct{float:right;color:var(--primary);font-size:11px;font-weight:600}.bench-result{margin-bottom:14px}.bench-score{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.bench-grade{font-size:36px;font-weight:900}.bench-score-num{opacity:.7;font-size:14px;font-weight:600}.bench-details{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bench-detail-item{background:var(--bg-primary);border-radius:6px;justify-content:space-between;padding:6px 10px;font-size:11px;display:flex}.bench-detail-key{color:var(--text-muted)}.bench-detail-val{font-variant-numeric:tabular-nums;font-weight:600}.bench-recommendations{flex-direction:column;gap:4px;margin-top:10px;display:flex}.bench-rec{color:var(--warning);background:#ffb8000f;border-radius:6px;align-items:flex-start;gap:6px;padding:6px 10px;font-size:11px;display:flex}.bench-actions{align-items:center;gap:10px;display:flex}.bench-duration{color:var(--text-muted);font-size:11px}.tools-game-selector{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.tools-game-selector label{color:var(--text-secondary)}.tools-anti-cheat{color:var(--text-muted);margin-left:auto;font-size:11px}.crosshair-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.crosshair-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.crosshair-preview-header h3{font-size:14px}.crosshair-editor{grid-template-columns:140px 1fr 1fr;align-items:start;gap:16px;display:grid}.crosshair-preview{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.crosshair-presets h4{margin-bottom:8px;font-size:12px}.preset-buttons{flex-wrap:wrap;gap:4px;display:flex}.preset-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:10px}.preset-btn.active{border-color:var(--primary);color:var(--primary)}.preset-btn:hover{border-color:var(--border-light)}.crosshair-controls{flex-direction:column;gap:6px;display:flex}.ch-control{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.ch-control input[type=range]{width:100px;accent-color:var(--primary)}.ch-control input[type=color]{cursor:pointer;background:0 0;border:none;width:24px;height:24px}.tool-category{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tool-category-header{cursor:pointer;align-items:center;gap:8px;padding:14px 16px;transition:background .15s;display:flex}.tool-category-header:hover{background:#ffffff05}.tool-category-header h3{flex:1;font-size:13px}.tool-cat-icon{font-size:16px}.tool-cat-count{color:var(--text-muted);font-size:11px}.tool-list{flex-direction:column;gap:6px;padding:0 12px 12px;display:flex}.tool-item{background:var(--bg-primary);border:1px solid var(--border);border-left:3px solid;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.tool-item-left{flex:1;gap:10px;display:flex}.tool-emoji{flex-shrink:0;font-size:18px}.tool-name{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tool-desc{color:var(--text-muted);margin-top:2px;font-size:10px;line-height:1.4}.premium-badge{color:var(--warning);background:#ffb8001a;border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-flex}.tool-item-right{text-align:right;flex-shrink:0}.tool-legality{border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.tool-legality-reason{color:var(--text-muted);max-width:200px;margin-top:4px;font-size:10px;line-height:1.3}.ai-fab{background:linear-gradient(135deg, var(--primary), var(--accent));width:52px;height:52px;color:var(--bg-primary);cursor:pointer;box-shadow:0 4px 20px rgba(var(--primary-rgb), .3);z-index:100;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:24px;right:24px}.ai-fab:hover{box-shadow:0 6px 25px rgba(var(--primary-rgb), .4);transform:scale(1.08)}.ai-fab-label{margin-top:-2px;font-size:10px;font-weight:800}.ai-panel{background:var(--bg-surface);border:1px solid var(--border);z-index:100;border-radius:16px;flex-direction:column;width:380px;height:480px;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 40px #00000080}.ai-panel.expanded{width:500px;height:600px}.ai-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ai-header-left{color:var(--primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.ai-header-actions{gap:4px;display:flex}.ai-messages{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.ai-msg{gap:8px;max-width:90%;display:flex}.ai-msg.user{flex-direction:row-reverse;align-self:flex-end}.ai-msg-icon{color:var(--primary);flex-shrink:0;margin-top:4px}.ai-msg-content{border-radius:12px;padding:10px 14px;font-size:12px;line-height:1.5}.ai-msg.assistant .ai-msg-content{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px 12px 12px 4px}.ai-msg.user .ai-msg-content{background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .2);color:var(--primary);border-radius:12px 12px 4px}.ai-msg-content p{margin:0 0 4px}.ai-msg-content p:last-child{margin:0}.ai-typing{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px 12px 12px 4px;gap:4px;padding:12px 14px;display:flex}.ai-typing span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s infinite typing-bounce}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.ai-input{border-top:1px solid var(--border);gap:8px;padding:12px;display:flex}.ai-input input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:12px}.ai-input input:focus{border-color:var(--primary)}.ai-send{background:var(--primary);width:36px;height:36px;color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.ai-send:hover{opacity:.9}.ai-send:disabled{opacity:.3;cursor:not-allowed}.recording-status{border:1px solid var(--critical);background:#ff33660f;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.recording-status.streaming{background:#9146ff0f;border-color:#9146ff}.rec-status-left{align-items:center;gap:14px;display:flex}.rec-indicator{color:var(--critical);align-items:center;gap:5px;font-size:13px;font-weight:800;animation:1.5s infinite rec-blink;display:flex}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.5}}.stream-indicator{color:#9146ff;align-items:center;gap:5px;font-size:13px;font-weight:800;display:flex}.rec-timer{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:18px;font-weight:800}.rec-size{color:var(--text-muted);font-size:12px}.rec-status-right{align-items:center;gap:14px;display:flex}.rec-perf{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.btn-stop{background:var(--critical);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:8px 16px;font-size:12px;font-weight:700;display:flex}.recording-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rec-action-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:20px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.rec-action-btn:hover{border-color:var(--border-light)}.rec-action-btn:disabled{opacity:.4;cursor:not-allowed}.rec-action-btn.record:hover:not(:disabled){border-color:var(--critical);color:var(--critical)}.rec-action-btn.stream:hover:not(:disabled){color:#9146ff}.rec-action-btn.both:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.rec-action-desc{color:var(--text-muted);font-size:11px;font-weight:400}.recording-config-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.rec-config-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:18px}.rec-config-header{color:var(--primary);align-items:center;gap:8px;margin-bottom:14px;display:flex}.rec-config-header h3{color:var(--text-primary);font-size:14px}.rec-config-list{flex-direction:column;gap:6px;display:flex}.rec-config-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.rec-config-item>span:first-child{color:var(--text-secondary)}.rec-bitrate{align-items:center;gap:8px;display:flex}.rec-bitrate input[type=range]{width:100px;accent-color:var(--primary)}.rec-bitrate span{text-align:right;min-width:60px;font-size:11px;font-weight:600}.rec-impact{color:var(--success);font-size:11px}.rec-av-controls{gap:6px;margin-top:12px;display:flex}.av-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;transition:all .15s;display:flex}.av-btn.active{color:var(--primary);border-color:rgba(var(--primary-rgb), .3);background:rgba(var(--primary-rgb), .06)}.av-btn:hover{border-color:var(--border-light)}.rec-save-path{color:var(--text-muted);background:var(--bg-primary);border-radius:4px;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;font-family:monospace;font-size:10px;display:flex}.stream-platforms{gap:6px;margin-bottom:12px;display:flex}.platform-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .15s}.platform-btn.active{background:rgba(var(--primary-rgb), .04)}.platform-btn:hover{border-color:var(--border-light)}.stream-key-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;outline:none;width:180px;padding:6px 10px;font-size:11px}.stream-key-input:focus{border-color:var(--primary)}.stream-health{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.stream-health h4{margin-bottom:8px;font-size:12px}.health-indicators{gap:12px;display:flex}.health-item{flex-direction:column;gap:2px;display:flex}.health-label{color:var(--text-muted);font-size:10px}.health-value{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.health-value.good{color:var(--success)}.health-value.warning{color:var(--warning)}.playbook-filters{align-items:center;gap:12px;display:flex}.playbook-game-select{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.playbook-content{grid-template-columns:280px 1fr;gap:16px;min-height:500px;display:grid}.player-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;max-height:700px;padding:14px;overflow-y:auto}.player-list h3{color:var(--warning);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.player-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:12px}.player-card{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;transition:all .15s;display:flex}.player-card:hover{background:#ffffff08}.player-card.selected{border-color:var(--warning);background:#ffb8000f}.player-avatar{background:linear-gradient(135deg, var(--warning), var(--critical));width:32px;height:32px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.player-info{flex:1;min-width:0}.player-name{font-size:13px;font-weight:700;display:block}.player-meta{color:var(--text-muted);font-size:10px;display:block}.player-game-tag{color:var(--primary);margin-top:1px;font-size:10px;display:block}.player-country{color:var(--text-muted);font-size:11px}.pro-settings-detail{flex-direction:column;gap:14px;display:flex}.pro-header{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.pro-avatar-large{background:linear-gradient(135deg, var(--warning), var(--critical));width:52px;height:52px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.pro-header h2{font-size:18px}.pro-real-name{color:var(--text-muted);font-size:12px;display:block}.pro-team{color:var(--text-secondary);margin-top:2px;font-size:11px;display:block}.pro-earnings{color:var(--warning);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:inline-flex}.pro-notes{color:var(--text-secondary);background:#ffb8000f;border:1px solid #ffb80026;border-radius:8px;padding:12px 16px;font-size:12px;font-style:italic;line-height:1.5}.pro-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.pro-section-header{color:var(--primary);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.copy-all-btn{background:rgba(var(--primary-rgb), .08);border:1px solid rgba(var(--primary-rgb), .2);color:var(--primary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.copy-all-btn:hover{background:rgba(var(--primary-rgb), .15)}.pro-settings-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;display:grid}.pro-setting-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:4px;padding:8px 10px;font-size:11px;display:flex}.pro-setting-item.highlight{border-color:rgba(var(--primary-rgb), .2);background:rgba(var(--primary-rgb), .04)}.pro-setting-label{color:var(--text-muted);align-items:center;gap:4px;display:flex}.pro-setting-value{color:var(--text-primary);text-align:right;font-weight:700}.copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px;transition:color .15s}.copy-btn:hover{color:var(--primary)}.crosshair-code-box{background:var(--bg-primary);border:1px solid var(--border);color:var(--primary);word-break:break-all;border-radius:6px;padding:10px 14px;font-family:monospace;font-size:12px}.pro-insights{flex-direction:column;gap:6px;display:flex}.insight-item{background:var(--bg-primary);border:1px solid var(--border);border-left:3px solid var(--warning);border-radius:6px;padding:10px 12px}.insight-category{text-transform:uppercase;letter-spacing:1px;color:var(--warning);font-size:10px;font-weight:700;display:block}.insight-setting{margin:2px 0;font-size:12px;display:block}.insight-impact{color:var(--text-muted);font-size:10px;line-height:1.4;display:block}.pro-updated{color:var(--text-muted);text-align:right;font-size:10px}.pro-no-settings{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.pro-no-settings h3{color:var(--text-secondary)}.pro-no-settings p{max-width:300px;font-size:13px}.game-updates-page .page-header{justify-content:space-between;align-items:center;display:flex}.page-header-left{align-items:center;gap:12px;display:flex}.page-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.updates-header-actions{align-items:center;gap:10px;display:flex}.unread-badge-large{color:var(--critical);background:#ff47571f;border:1px solid #ff47574d;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.btn-icon{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px;transition:all .15s}.btn-icon:hover{color:var(--primary);border-color:var(--primary)}.update-digests{gap:10px;margin-bottom:12px;padding-bottom:6px;display:flex;overflow-x:auto}.digest-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;min-width:160px;padding:12px 14px;transition:all .15s}.digest-card:hover{border-color:var(--primary)}.digest-card.active{border-color:var(--primary);background:rgba(var(--primary-rgb), .06)}.digest-card.has-unread{border-left:3px solid var(--critical)}.digest-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.digest-game{color:var(--text-primary);font-size:13px;font-weight:700}.digest-unread{background:var(--critical);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 7px;font-size:10px;font-weight:800}.digest-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.digest-total{color:var(--text-muted);font-size:11px}.digest-critical{color:var(--critical);align-items:center;gap:3px;font-size:10px;font-weight:600;display:inline-flex}.digest-latest{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;display:flex}.update-filters{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.filter-chip{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:16px;padding:4px 10px;font-size:11px;transition:all .15s}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:rgba(var(--primary-rgb), .1);border-color:var(--primary);color:var(--primary);font-weight:600}.updates-content{grid-template-columns:1fr 1.2fr;gap:14px;min-height:500px;display:grid}.updates-list{flex-direction:column;gap:8px;max-height:700px;padding-right:4px;display:flex;overflow-y:auto}.updates-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.update-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:14px 16px;transition:all .15s;position:relative}.update-card:hover{border-color:rgba(var(--primary-rgb), .3)}.update-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb), .04)}.update-card.unread{border-left:3px solid var(--warning)}.update-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.update-card-left{align-items:center;gap:6px;display:flex}.unread-icon{color:var(--warning)}.read-icon{color:var(--text-muted);opacity:.4}.update-game-name{color:var(--primary);font-size:11px;font-weight:600}.update-version{color:var(--text-muted);background:#ffffff0d;border-radius:4px;padding:1px 6px;font-size:10px}.critical-tag{color:var(--critical);background:#ff47571a;border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.critical-tag.large{padding:4px 10px;font-size:12px}.update-date{color:var(--text-muted);font-size:10px}.update-card-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.3}.update-card-summary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.update-card-tags{flex-wrap:wrap;gap:4px;display:flex}.change-tag{border:1px solid var(--border);color:var(--text-muted);text-transform:capitalize;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;display:inline-flex}.change-tag.more{font-style:italic}.update-arrow{color:var(--text-muted);opacity:.3;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.update-card:hover .update-arrow{opacity:.7}.update-detail{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;max-height:700px;overflow-y:auto}.update-detail-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 30px;display:flex}.update-detail-empty h3{color:var(--text-secondary);font-size:15px}.update-detail-empty p{max-width:280px;font-size:12px}.update-detail-content{flex-direction:column;gap:16px;padding:20px;display:flex}.update-detail-header{border-bottom:1px solid var(--border);padding-bottom:14px}.update-detail-title-row{align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.update-detail-title-row h2{font-size:17px;line-height:1.3}.update-detail-meta{color:var(--text-muted);gap:12px;margin-bottom:10px;font-size:11px;display:flex}.update-detail-summary{color:var(--text-secondary);font-size:13px;line-height:1.5}.update-section{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:14px}.update-section h3{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.perf-section h3{color:var(--primary)}.recommendation-section h3{color:var(--warning)}.changes-section h3{color:var(--text-primary)}.perf-notes{flex-direction:column;gap:6px;display:flex}.perf-note{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.perf-note svg{color:var(--primary);flex-shrink:0;margin-top:2px}.recommendation-text{color:var(--text-secondary);background:#ffb8000d;border:1px solid #ffb8001f;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.6}.changes-list{flex-direction:column;gap:6px;display:flex}.change-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;transition:all .15s;overflow:hidden}.change-card:hover{border-color:rgba(var(--primary-rgb), .2)}.change-card-header{align-items:center;gap:10px;padding:10px 12px;display:flex}.change-category-icon{flex-shrink:0;font-size:16px}.change-card-info{flex:1;min-width:0}.change-title{color:var(--text-primary);font-size:12px;font-weight:700;display:block}.change-category-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.change-badges{align-items:center;gap:6px;display:flex}.impact-badge{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.settings-impact-badge{border:1px solid var(--border);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.settings-impact-badge.buff{color:#00d97e;border-color:#00d97e4d}.settings-impact-badge.nerf{color:var(--critical);border-color:#ff47574d}.settings-impact-badge.rework{color:var(--warning);border-color:#ffb8004d}.settings-impact-badge.neutral{color:var(--text-muted)}.expand-icon{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.change-card-body{border-top:1px solid var(--border);margin-top:-2px;padding:12px 12px 14px}.change-description{color:var(--text-secondary);margin-bottom:10px;font-size:12px;line-height:1.5}.affected-settings{margin-bottom:10px}.affected-label{color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:600;display:block}.affected-tags{flex-wrap:wrap;gap:4px;display:flex}.affected-tag{background:rgba(var(--primary-rgb), .06);border:1px solid rgba(var(--primary-rgb), .15);color:var(--primary);border-radius:4px;padding:2px 8px;font-size:10px}.pro-tip-box{background:#ffb8000f;border:1px solid #ffb80026;border-radius:8px;gap:10px;padding:10px 14px;display:flex}.pro-tip-box svg{color:var(--warning);flex-shrink:0;margin-top:2px}.pro-tip-label{text-transform:uppercase;letter-spacing:.5px;color:var(--warning);margin-bottom:3px;font-size:10px;font-weight:700;display:block}.pro-tip-box p{color:var(--text-secondary);font-size:11px;line-height:1.5}.tuner-summary{gap:14px;margin-bottom:14px;display:flex}.tuner-stat{background:var(--bg-surface);border:1px solid var(--border);text-align:center;border-radius:10px;flex:1;padding:14px 16px}.tuner-stat-value{color:var(--primary);font-size:24px;font-weight:800;display:block}.tuner-stat-label{color:var(--text-muted);font-size:11px}.tuner-tabs{gap:4px;margin-bottom:14px;display:flex}.tuner-tab{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.tuner-tab:hover{border-color:var(--primary);color:var(--primary)}.tuner-tab.active{background:rgba(var(--primary-rgb), .08);border-color:var(--primary);color:var(--primary)}.btn-primary{background:linear-gradient(135deg, var(--primary), #00b8c7);color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.9}.tweak-category{margin-bottom:16px}.tweak-category-title{color:var(--primary);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.tweak-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;margin-bottom:4px;overflow:hidden}.tweak-card.suboptimal{border-left:3px solid var(--warning)}.tweak-header{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.tweak-info{flex:1;align-items:center;gap:8px;display:flex}.tweak-name{font-size:12px;font-weight:600}.tweak-status{background:#ffffff0d;border-radius:4px;padding:1px 6px;font-size:10px}.tweak-status.enabled{color:#00d97e}.tweak-status.disabled{color:var(--text-muted)}.tweak-risk{border-radius:3px;padding:1px 5px;font-size:10px}.tweak-risk.safe{color:#00d97e;background:#00d97e1a}.tweak-risk.moderate{color:var(--warning);background:#ffb8001a}.tweak-risk.advanced{color:var(--critical);background:#ff47571a}.tweak-restart{color:var(--warning);font-size:10px}.tweak-actions{align-items:center;gap:8px;display:flex}.btn-small{background:rgba(var(--primary-rgb), .08);border:1px solid rgba(var(--primary-rgb), .2);color:var(--primary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.btn-small:hover{background:rgba(var(--primary-rgb), .15)}.btn-small.apply{color:var(--warning);background:#ffb8001a;border-color:#ffb8004d}.btn-small.enabled{color:#00d97e;border-color:#00d97e4d}.btn-small.disabled{color:var(--text-muted);border-color:var(--border)}.btn-small.active{color:#00d97e;border-color:#00d97e4d}.btn-small:disabled{opacity:.5;cursor:default}.optimal-check{color:#00d97e}.tweak-detail{color:var(--text-secondary);padding:0 14px 12px;font-size:12px;line-height:1.5}.tweak-impact{color:var(--primary);align-items:center;gap:6px;margin:6px 0;font-size:11px;display:flex}.tweak-warning{color:var(--warning);align-items:center;gap:6px;margin:4px 0;font-size:11px;display:flex}.tweak-command{color:var(--text-muted);align-items:flex-start;gap:6px;margin-top:6px;font-size:10px;display:flex}.tweak-command code{word-break:break-all;font-family:monospace}.power-plans-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.power-plan-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px;transition:all .15s}.power-plan-card.active{border-color:var(--primary);background:rgba(var(--primary-rgb), .04)}.power-plan-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.power-plan-header h3{font-size:14px}.custom-badge{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:4px;padding:1px 6px;font-size:10px}.power-plan-card p{color:var(--text-muted);margin-bottom:10px;font-size:11px;line-height:1.4}.startup-list{flex-direction:column;gap:2px;display:flex}.startup-header-row{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);grid-template-columns:2fr 80px 100px 80px;gap:10px;padding:8px 14px;font-size:10px;font-weight:700;display:grid}.startup-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;grid-template-columns:2fr 80px 100px 80px;align-items:center;gap:10px;padding:10px 14px;display:grid}.startup-item.disable{border-left:3px solid var(--critical)}.startup-name{min-width:0}.startup-label{font-size:12px;font-weight:600;display:block}.startup-publisher{color:var(--text-muted);font-size:10px;display:block}.startup-reason{color:var(--text-muted);margin-top:2px;font-size:10px;font-style:italic;display:block}.startup-impact{text-transform:uppercase;font-size:10px;font-weight:600}.startup-impact.high{color:var(--critical)}.startup-impact.medium{color:var(--warning)}.startup-impact.low{color:var(--text-muted)}.startup-rec{font-size:10px;font-weight:600}.startup-rec.keep{color:#00d97e}.startup-rec.disable{color:var(--critical)}.startup-rec.optional{color:var(--warning)}.driver-recommendation-banner{background:#ffb80014;border:1px solid #ffb80033;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 18px;display:flex}.driver-rec-left{align-items:center;gap:12px;display:flex}.driver-rec-left strong{font-size:13px;display:block}.driver-rec-left span{color:var(--text-muted);font-size:11px;display:block}.driver-rec-right{align-items:center;gap:10px;display:flex}.driver-rec-size{color:var(--text-muted);font-size:11px}.installed-drivers-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:20px;display:grid}.installed-driver-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.driver-card-icon{color:var(--text-muted)}.driver-card-info{flex:1;min-width:0}.driver-card-name{font-size:12px;font-weight:600;display:block}.driver-card-version,.driver-card-vendor{color:var(--text-muted);font-size:10px;display:block}.driver-card-status{white-space:nowrap;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:flex}.driver-history-content{grid-template-columns:1fr 1.3fr;gap:14px;display:grid}.driver-history-list{flex-direction:column;gap:6px;display:flex}.driver-version-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:12px 14px;transition:all .15s;position:relative}.driver-version-card:hover{border-color:rgba(var(--primary-rgb),.3)}.driver-version-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.driver-version-card.installed{border-left:3px solid #00d97e}.dv-top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.dv-version{font-size:13px;font-weight:700}.dv-installed-tag{color:#00d97e;background:#00d97e26;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.dv-recommended-tag{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.dv-stability{text-transform:capitalize;margin-left:auto;font-size:10px;font-weight:600}.dv-meta{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:10px;display:flex}.dv-games{color:var(--text-secondary);font-size:10px}.dv-issues-count{color:var(--critical);align-items:center;gap:4px;margin-top:4px;font-size:10px;display:flex}.dv-arrow{color:var(--text-muted);opacity:.3;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.driver-version-detail{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;max-height:600px;overflow-y:auto}.dv-detail-content{flex-direction:column;gap:14px;padding:20px;display:flex}.dv-detail-header{align-items:center;gap:12px;display:flex}.dv-detail-header h2{font-size:20px}.dv-stability-large{text-transform:capitalize;font-size:12px;font-weight:600}.dv-detail-meta{color:var(--text-muted);gap:12px;font-size:11px;display:flex}.dv-section{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:12px}.dv-section h3{color:var(--primary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.dv-section.issues h3{color:var(--critical)}.dv-perf-list{flex-direction:column;gap:4px;display:flex}.dv-perf-item{grid-template-columns:130px 60px 1fr;align-items:center;gap:8px;padding:4px 0;font-size:11px;display:grid}.dv-perf-game{font-weight:600}.dv-perf-change{align-items:center;gap:2px;font-weight:700;display:flex}.dv-perf-change.positive{color:#00d97e}.dv-perf-change.negative{color:var(--critical)}.dv-perf-note{color:var(--text-muted)}.dv-fix-item{color:var(--text-secondary);align-items:flex-start;gap:6px;padding:3px 0;font-size:11px;display:flex}.dv-fix-item svg{color:#00d97e;flex-shrink:0;margin-top:1px}.dv-issue-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;margin-bottom:6px;padding:10px}.dv-issue-card.high,.dv-issue-card.critical{border-left:3px solid var(--critical)}.dv-issue-severity{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.dv-issue-severity.high,.dv-issue-severity.critical{color:var(--critical);background:#ff47571a}.dv-issue-severity.medium{color:var(--warning);background:#ffb8001a}.dv-issue-severity.low{color:var(--text-muted)}.dv-issue-card p{color:var(--text-secondary);margin:6px 0;font-size:11px}.dv-issue-affected{color:var(--text-muted);font-size:10px}.dv-issue-workaround{color:var(--primary);margin-top:6px;font-size:11px}.dv-actions{border-top:1px solid var(--border);padding-top:10px}.dv-installed-label{color:#00d97e;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.dv-detail-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.peripheral-devices{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.peripheral-device-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-width:200px;padding:12px 14px;transition:all .15s;display:flex}.peripheral-device-card:hover{border-color:var(--primary)}.peripheral-device-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.peripheral-device-card.disconnected{opacity:.4;cursor:default}.pdev-info{flex:1}.pdev-name{font-size:12px;font-weight:600;display:block}.pdev-meta{color:var(--text-muted);font-size:10px;display:block}.pdev-poll{color:var(--primary);font-size:10px;display:block}.pdev-status.connected{color:#00d97e}.pdev-status.disconnected{color:var(--text-muted)}.peripheral-tests h2{margin-bottom:12px;font-size:15px}.test-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.periph-test-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px}.ptest-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ptest-name{font-size:13px;font-weight:600}.ptest-progress{background:var(--bg-primary);border-radius:3px;height:6px;margin-bottom:6px;position:relative;overflow:hidden}.ptest-progress-bar{background:var(--primary);border-radius:3px;height:100%;transition:width .1s}.ptest-progress span{color:var(--text-muted);font-size:10px;position:absolute;top:-16px;right:0}.ptest-result{flex-direction:column;gap:6px;display:flex}.ptest-main-stat{align-items:baseline;gap:6px;display:flex}.ptest-big-num{color:var(--text-primary);font-size:28px;font-weight:800}.ptest-unit{color:var(--text-muted);font-size:11px}.ptest-verdict{text-transform:capitalize;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.ptest-details{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:10px;display:flex}.ptest-recommendations{margin-top:6px}.ptest-rec{color:var(--warning);background:#ffb8000f;border-radius:4px;margin-bottom:3px;padding:4px 8px;font-size:10px}.ptest-empty{color:var(--text-muted);text-align:center;padding:20px;font-size:11px}.clip-stats-row{gap:14px;margin-bottom:12px;display:flex}.clip-stat{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;display:flex}.clip-filters{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.clip-content-layout{grid-template-columns:180px 1fr 260px;gap:14px;display:grid}.clip-folders{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:12px}.clip-folders h3{color:var(--primary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.clip-folder-item{cursor:pointer;border-radius:6px;margin-bottom:2px;padding:6px 8px}.clip-folder-item:hover{background:#ffffff08}.folder-name{font-size:11px;font-weight:600;display:block}.folder-meta{color:var(--text-muted);font-size:10px}.clip-grid{flex-direction:column;gap:6px;display:flex}.clip-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px;display:flex}.clip-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.clip-card:hover{border-color:rgba(var(--primary-rgb),.3)}.clip-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.clip-thumbnail{background:var(--bg-primary);width:64px;height:40px;color:var(--text-muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.clip-duration{background:#000000b3;border-radius:2px;padding:0 3px;font-size:10px;position:absolute;bottom:2px;right:3px}.clip-info{flex:1;min-width:0}.clip-filename{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.clip-game-meta{color:var(--text-muted);font-size:10px;display:block}.clip-tags-row{gap:4px;margin-top:3px;display:flex}.clip-tag{text-transform:capitalize;border:1px solid;border-radius:3px;padding:1px 5px;font-size:10px}.clip-actions{gap:4px;display:flex}.clip-fav-btn,.clip-del-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:4px}.clip-fav-btn:hover,.clip-fav-btn.active{color:var(--warning)}.clip-del-btn:hover{color:var(--critical)}.clip-detail-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px}.clip-detail-preview{background:var(--bg-primary);width:100%;height:120px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.clip-detail-panel h3{word-break:break-all;margin-bottom:8px;font-size:13px}.clip-detail-meta{color:var(--text-muted);flex-direction:column;gap:4px;margin-bottom:8px;font-size:10px;display:flex}.clip-detail-meta div{align-items:center;gap:4px;display:flex}.clip-detail-tags{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:8px;display:flex}.clip-detail-path{color:var(--text-muted);word-break:break-all;font-family:monospace;font-size:10px}.config-content{grid-template-columns:280px 1fr;gap:14px;display:grid}.config-file-list{flex-direction:column;gap:12px;display:flex}.config-game-group h3{color:var(--primary);margin-bottom:6px;font-size:13px}.config-file-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:all .15s;display:flex}.config-file-card:hover{border-color:rgba(var(--primary-rgb),.3)}.config-file-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.cfg-file-info{flex:1;min-width:0}.cfg-file-name{font-size:11px;font-weight:600;display:block}.cfg-file-desc{color:var(--text-muted);font-size:10px;display:block}.cfg-backup-icon{color:#00d97e;flex-shrink:0}.config-editor{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;max-height:700px;overflow-y:auto}.config-editor-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.config-editor-header h2{font-size:15px}.cfg-path{color:var(--text-muted);font-family:monospace;font-size:10px;display:block}.cfg-header-actions{gap:6px;display:flex}.config-tabs{padding:10px 16px}.config-settings-list{padding:0 16px 16px}.cfg-setting-category{margin-bottom:14px}.cfg-setting-category h4{color:var(--primary);margin-bottom:6px;font-size:12px}.cfg-setting-row{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr auto;gap:8px;margin-bottom:3px;padding:8px 10px;display:grid}.cfg-setting-row.modified{border-left:3px solid var(--primary)}.cfg-setting-left{min-width:0}.cfg-setting-key{color:var(--primary);font-family:monospace;font-size:11px}.cfg-setting-desc{color:var(--text-muted);font-size:10px;display:block}.cfg-modified-tag{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:3px;padding:0 4px;font-size:10px}.cfg-setting-right{text-align:right}.cfg-setting-value{font-size:12px;font-weight:700;display:block}.cfg-default-value{color:var(--text-muted);font-size:10px;display:block}.cfg-risk{border-radius:3px;padding:0 4px;font-size:10px}.cfg-risk.safe{color:#00d97e}.cfg-risk.moderate{color:var(--warning)}.cfg-risk.risky{color:var(--critical)}.cfg-setting-impact{color:var(--text-muted);grid-column:1/-1;font-size:10px;font-style:italic}.launch-options-section{padding:0 16px 16px}.launch-string-box{background:var(--bg-primary);border:1px solid var(--border);color:var(--primary);border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-family:monospace;font-size:11px;display:flex}.launch-string-box code{word-break:break-all;flex:1}.launch-options-list{flex-direction:column;gap:4px;display:flex}.launch-option-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.launch-option-card.enabled{border-left:3px solid #00d97e}.launch-toggle{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;width:28px;height:28px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;display:flex}.launch-toggle.on{color:#00d97e;background:#00d97e26;border-color:#00d97e4d}.launch-option-info{flex:1}.launch-flag{color:var(--primary);font-size:11px;display:block}.launch-desc{color:var(--text-secondary);font-size:10px;display:block}.launch-impact{color:var(--text-muted);font-size:10px;font-style:italic;display:block}.launch-option-badges{align-items:center;gap:6px;display:flex}.launch-rec-badge{color:#00d97e;background:#00d97e1a;border-radius:3px;padding:1px 5px;font-size:10px}.config-presets-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:0 16px 16px;display:grid}.cfg-no-presets{text-align:center;color:var(--text-muted);padding:40px;font-size:12px}.config-preset-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:14px}.config-preset-card h4{margin-bottom:4px;font-size:13px}.config-preset-card p{color:var(--text-muted);margin-bottom:8px;font-size:11px;line-height:1.4}.preset-tags{gap:4px;margin-bottom:8px;display:flex}.preset-tag{background:rgba(var(--primary-rgb),.08);color:var(--primary);border-radius:4px;padding:1px 6px;font-size:10px}.preset-footer{justify-content:space-between;align-items:center;display:flex}.preset-author{color:var(--text-muted);font-size:10px}.config-editor-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.config-editor-empty h3{color:var(--text-secondary)}.config-editor-empty p{font-size:12px}.monitor-cards{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.monitor-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:280px;padding:12px 16px;transition:all .15s;display:flex}.monitor-card:hover{border-color:var(--primary)}.monitor-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.monitor-info{flex:1}.monitor-name{font-size:13px;font-weight:600;display:block}.monitor-specs{color:var(--text-muted);font-size:10px;display:block}.monitor-features{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.monitor-badge{color:var(--text-muted);background:#ffffff0d;border-radius:4px;padding:1px 6px;font-size:10px}.monitor-badge.primary{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.display-test-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:20px;display:grid}.display-test-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px}.dtest-header{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.dtest-result{flex-direction:column;gap:6px;display:flex}.color-profiles-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.color-profile-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px}.color-profile-card h4{margin-bottom:4px;font-size:13px}.color-profile-desc{color:var(--text-muted);margin-bottom:8px;font-size:10px;line-height:1.4}.color-profile-settings{flex-direction:column;gap:3px;display:flex}.cp-setting{justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.cp-setting span:first-child{color:var(--text-muted)}.cp-setting span:last-child{font-weight:600}.keybind-warnings{background:#ffb8000f;border:1px solid #ffb80026;border-radius:10px;margin-bottom:14px;padding:12px 14px}.keybind-warnings h3{color:var(--warning);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.keybind-warning-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;margin-bottom:4px;padding:8px 10px}.kw-key{font-size:12px;font-weight:700;display:block}.kw-games{gap:10px;margin:3px 0;font-size:10px;display:flex}.kw-game-key{color:var(--text-muted)}.kw-suggestion{color:var(--warning);font-size:10px}.keybind-content{grid-template-columns:260px 1fr;gap:14px;display:grid}.keybind-profiles{flex-direction:column;gap:10px;display:flex}.kb-game-group h3{color:var(--primary);margin-bottom:6px;font-size:12px}.kb-profile-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:all .15s;display:flex}.kb-profile-card:hover{border-color:rgba(var(--primary-rgb),.3)}.kb-profile-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.kb-profile-info{flex:1}.kb-profile-name{font-size:11px;font-weight:600;display:block}.kb-profile-meta{color:var(--text-muted);font-size:10px;display:block}.keybind-editor{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.kb-editor-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kb-editor-header h2{font-size:16px}.kb-game-label{color:var(--text-muted);font-size:11px;display:block}.kb-conflicts{background:#ff47570f;border:1px solid #ff475726;border-radius:8px;margin-bottom:12px;padding:10px 12px}.kb-conflicts h4{color:var(--critical);align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.kb-conflict-item{padding:4px 0}.kb-conflict-key{color:var(--critical);font-size:11px;font-weight:700}.kb-conflict-desc{color:var(--text-muted);font-size:10px;display:block}.kb-categories{flex-direction:column;gap:4px;display:flex}.kb-category-header{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.kb-cat-count{color:var(--text-muted);margin-left:auto;margin-right:6px;font-size:10px}.kb-binds-list{padding:4px 0}.kb-bind-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.kb-bind-action{color:var(--text-secondary);font-size:11px}.kb-bind-keys{gap:4px;display:flex}.kb-key-badge{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:10px;font-weight:700}.kb-key-badge.secondary{color:var(--text-muted)}.kb-editor-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.kb-editor-empty h3{color:var(--text-secondary)}.thermal-alert{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 18px;display:flex}.thermal-alert.medium{color:var(--warning);background:#ffb80014;border:1px solid #ffb80033}.thermal-alert.high{color:var(--critical);background:#ff475714;border:1px solid #ff475733}.thermal-alert ul{margin:4px 0 0 16px;font-size:11px}.thermal-alert li{color:var(--text-secondary);margin-bottom:2px}.thermal-zones-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:20px;display:grid}.thermal-zone-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px}.tz-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tz-name{font-size:12px;font-weight:600}.tz-temp{margin-bottom:8px;font-size:28px;font-weight:800}.tz-bar{background:var(--bg-primary);border-radius:3px;height:6px;margin-bottom:4px;position:relative;overflow:visible}.tz-bar-fill{border-radius:3px;height:100%;transition:width .5s}.tz-bar-warning,.tz-bar-critical{border-radius:1px;width:2px;height:10px;position:absolute;top:-2px}.tz-bar-warning{background:var(--warning)}.tz-bar-critical{background:var(--critical)}.tz-range{color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.tz-warn-label{color:var(--warning)}.fan-zones-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:20px;display:grid}.fan-zone-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.fan-spinning{animation:2s linear infinite spin}.fan-spinning-fast{animation:.5s linear infinite spin}.fan-info{flex:1}.fan-name{font-size:11px;font-weight:600;display:block}.fan-rpm{color:var(--text-muted);font-size:10px;display:block}.fan-speed-bar{background:var(--bg-primary);border-radius:2px;flex:1;min-width:40px;height:4px}.fan-speed-fill{background:var(--primary);border-radius:2px;height:100%}.fan-pct{color:var(--primary);text-align:right;min-width:30px;font-size:11px;font-weight:600}.fan-profiles-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:20px;display:grid}.fan-profile-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px}.fan-profile-card.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.fan-profile-card h4{margin-bottom:4px;font-size:13px}.fan-profile-card p{color:var(--text-muted);margin-bottom:8px;font-size:10px}.fan-curve-mini{align-items:flex-end;gap:6px;height:50px;margin-bottom:8px;display:flex}.fan-curve-point{flex-direction:column;flex:1;align-items:center;display:flex}.fcp-temp{color:var(--text-muted);font-size:10px}.fcp-bar{background:var(--primary);border-radius:2px 2px 0 0;width:100%;min-height:2px;transition:height .3s}.fcp-speed{color:var(--primary);font-size:10px}.thermal-events-list{flex-direction:column;gap:4px;display:flex}.thermal-event{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:11px;display:flex}.te-time{color:var(--text-muted);min-width:50px;font-size:10px}.te-type{text-transform:uppercase;text-align:center;border-radius:3px;min-width:60px;padding:1px 5px;font-size:10px;font-weight:700}.te-type.warning{color:var(--warning);background:#ffb8001a}.te-type.throttle{color:var(--critical);background:#ff47571a}.te-type.critical{color:var(--critical);background:#ff475726}.te-type.cooldown{color:#00d97e;background:#00d97e1a}.te-zone{min-width:40px;font-weight:600}.te-temp{color:var(--text-muted);min-width:40px}.te-msg{color:var(--text-secondary);flex:1}.squad-filters{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.sf-filter-group{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.squad-content{min-height:400px}.squad-posts-list{flex-direction:column;gap:10px;display:flex}.squad-post-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px}.sp-header{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:6px;font-size:10px;display:flex}.sp-game{color:var(--primary);font-weight:600}.sp-region,.sp-time{align-items:center;gap:3px;display:flex}.sp-title{margin-bottom:4px;font-size:14px}.sp-desc{color:var(--text-secondary);margin-bottom:8px;font-size:11px;line-height:1.4}.sp-meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:10px;display:flex}.sp-rank{color:var(--warning);font-weight:600}.sp-slots{color:var(--primary)}.sp-style{color:var(--text-muted)}.sp-mic{color:#00d97e;align-items:center;gap:3px;display:flex}.sp-tags{gap:4px;margin-bottom:10px;display:flex}.sp-tag{background:rgba(var(--primary-rgb),.06);color:var(--primary);border-radius:4px;padding:1px 6px;font-size:10px}.sp-join{justify-content:center;width:100%}.squad-players-layout{grid-template-columns:1fr 300px;gap:14px;display:grid}.squad-players-list{flex-direction:column;gap:4px;display:flex}.squad-player-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.squad-player-card:hover{border-color:rgba(var(--primary-rgb),.3)}.squad-player-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.sp-avatar{background:var(--bg-primary);border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:flex}.sp-player-info{flex:1;min-width:0}.sp-username{font-size:12px;font-weight:600;display:block}.sp-player-game{color:var(--primary);font-size:10px;display:block}.sp-player-meta{color:var(--text-muted);font-size:10px;display:block}.sp-player-right{align-items:center;gap:6px;display:flex}.sp-status-dot{border-radius:50%;width:8px;height:8px}.sp-arrow{color:var(--text-muted);opacity:.3}.muted{color:var(--text-muted);opacity:.4}.squad-player-detail{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.spd-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.spd-avatar{background:linear-gradient(135deg, var(--primary), #00b8c7);width:48px;height:48px;color:var(--bg-primary);border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.spd-header h2{font-size:16px}.spd-status{text-transform:capitalize;font-size:11px;font-weight:600;display:block}.spd-stats{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.spd-stat{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;justify-content:space-between;padding:6px 10px;font-size:10px;display:flex}.spd-stat span{color:var(--text-muted)}.spd-stat strong{color:var(--text-primary)}.spd-rating{color:var(--warning);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.spd-note{color:var(--text-secondary);background:var(--bg-primary);border-radius:8px;margin-bottom:10px;padding:10px 12px;font-size:11px;line-height:1.5}.spd-last-active{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:12px;font-size:10px;display:flex}.ctrl-devices{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ctrl-device-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-width:220px;padding:10px 14px;transition:all .15s;display:flex}.ctrl-device-card:hover{border-color:var(--primary)}.ctrl-device-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.ctrl-device-card.disconnected{opacity:.4;cursor:not-allowed}.ctrl-dev-info{flex:1;min-width:0}.ctrl-dev-name{font-size:12px;font-weight:600;display:block}.ctrl-dev-meta{color:var(--text-muted);font-size:10px;display:block}.ctrl-dev-battery{color:var(--success);font-size:10px}.ctrl-section{margin-top:8px}.ctrl-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ctrl-section-header h2{align-items:center;gap:8px;font-size:16px;display:flex}.drift-results-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.drift-result-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.drift-result-card h3{margin-bottom:8px;font-size:13px}.drift-severity{align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.drift-visualizer{justify-content:center;margin:8px 0;display:flex}.drift-stats{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.drift-stat{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;justify-content:space-between;padding:5px 8px;font-size:10px;display:flex}.drift-stat span{color:var(--text-muted)}.drift-stat strong{color:var(--text-primary)}.drift-recs{flex-direction:column;gap:4px;margin-top:8px;display:flex}.drift-rec{color:var(--text-secondary);background:var(--bg-primary);border-left:2px solid var(--primary);border-radius:6px;padding:6px 10px;font-size:10px}.ctrl-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.ctrl-empty p{margin-top:8px;font-size:13px}.ctrl-empty-sub{color:var(--text-muted);font-size:11px;margin-top:4px!important}.button-test-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.button-test-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.btn-test-name{flex:1;font-weight:600}.btn-test-time{color:var(--text-muted);font-size:10px}.btn-test-verdict{font-size:10px;font-weight:600}.btn-test-issue{color:var(--critical);background:#ff475726;border-radius:3px;padding:1px 4px;font-size:10px}.dz-profiles-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px;display:grid}.dz-profile-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:14px}.dz-profile-card.active{border-color:var(--primary)}.dz-profile-card h4{margin-bottom:4px;font-size:13px}.dz-game-preset{color:var(--primary);margin-bottom:4px;font-size:10px;display:block}.dz-profile-card p{color:var(--text-secondary);margin-bottom:10px;font-size:11px}.dz-values{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;display:grid}.dz-val{background:var(--bg-primary);border-radius:4px;justify-content:space-between;padding:4px 8px;font-size:10px;display:flex}.dz-val span{color:var(--text-muted)}.dz-val strong{color:var(--text-primary)}.fix-guides-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.ctrl-fixes-intro{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.fix-guide-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.fix-guide-header{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.fix-guide-header:hover{background:#ffffff05}.fix-guide-left{align-items:center;gap:10px;display:flex}.fix-difficulty{text-transform:uppercase;min-width:60px;font-size:10px;font-weight:700}.fix-title{font-size:12px;font-weight:600;display:block}.fix-meta{color:var(--text-muted);font-size:10px;display:block}.expand-icon{color:var(--text-muted);transition:transform .2s}.expand-icon.rotated{transform:rotate(90deg)}.fix-guide-body{border-top:1px solid var(--border);padding:12px 14px 14px}.fix-desc{color:var(--text-secondary);margin-bottom:10px;font-size:11px}.fix-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.fix-tool-tag{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:4px;padding:2px 6px;font-size:10px}.fix-steps{margin-bottom:8px;font-size:11px}.fix-steps ol{padding-left:18px}.fix-steps li{color:var(--text-secondary);margin-bottom:4px}.fix-risk{color:var(--warning);align-items:center;gap:4px;margin-bottom:6px;font-size:11px;display:flex}.fix-search{color:var(--text-muted);font-size:11px}.fix-search code{background:var(--bg-primary);border-radius:4px;padding:2px 6px;font-size:10px}.spinning{animation:1s linear infinite spin}.drop-selectors{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.drop-strategy-desc{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.15);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;display:flex}.drop-content{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.drop-map-visual{flex-direction:column;gap:10px;display:flex}.drop-map-container{position:relative}.drop-map-bg{aspect-ratio:1;background:var(--bg-surface);border:1px solid var(--border);background-image:radial-gradient(circle at 20% 30%, rgba(var(--primary-rgb),.03) 0%, transparent 50%), radial-gradient(circle at 70% 60%, rgba(var(--accent-rgb),.03) 0%, transparent 50%);border-radius:12px;width:100%;position:relative;overflow:hidden}.drop-map-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700;position:absolute;top:10px;left:12px}.drop-zone-dot{cursor:pointer;width:28px;height:28px;color:var(--text-primary);z-index:2;border:2px solid;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;transition:all .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.drop-zone-dot:hover{z-index:3;transform:translate(-50%,-50%)scale(1.3)}.drop-zone-dot.selected{z-index:3;box-shadow:0 0 12px rgba(var(--primary-rgb),.4);transform:translate(-50%,-50%)scale(1.4)}.drop-zone-rank{font-size:10px}.drop-legend{justify-content:center;gap:14px;display:flex}.drop-legend-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.drop-legend-dot{border-radius:50%;width:8px;height:8px}.drop-map-svg{border:1px solid var(--border);border-radius:12px;width:100%}.drop-zone-marker:hover circle{filter:brightness(1.3)}.dz-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:10px;padding:0;font-size:11px;display:flex}.dz-back-btn:hover{color:var(--primary)}.dzd-stat-bars{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.dzd-sb-header{justify-content:space-between;margin-bottom:3px;font-size:11px;display:flex}.dzd-sb-header span{color:var(--text-muted)}.dzd-sb-header strong{color:var(--text-primary)}.dzd-sb-track{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.dzd-sb-fill{border-radius:3px;height:100%;transition:width .4s}.drop-zones-panel{max-height:560px;overflow-y:auto}.drop-zones-list h3{margin-bottom:10px;font-size:14px}.drop-zone-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:all .15s;display:flex}.drop-zone-card:hover{border-color:var(--primary)}.dz-rank{color:var(--primary);min-width:28px;font-size:12px;font-weight:800}.dz-tier{min-width:18px;font-size:11px;font-weight:800}.dz-info{flex:1;min-width:0}.dz-name{font-size:12px;font-weight:600;display:block}.dz-meta{color:var(--text-muted);font-size:10px;display:block}.dz-arrow{color:var(--text-muted)}.drop-zone-detail{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.dzd-header{margin-bottom:10px}.dzd-tier{font-size:12px;font-weight:800}.dzd-header h2{margin:2px 0;font-size:18px}.dzd-traffic{text-transform:uppercase;font-size:11px;font-weight:700}.dzd-desc{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.5}.dzd-stats{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;display:grid}.dzd-stat{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;justify-content:space-between;padding:6px 10px;font-size:11px;display:flex}.dzd-stat span{color:var(--text-muted)}.dzd-stat strong{color:var(--text-primary)}.dzd-tips h4{align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.dzd-tip{color:var(--text-secondary);background:var(--bg-primary);border-left:2px solid var(--primary);border-radius:6px;margin-bottom:4px;padding:6px 10px;font-size:11px}.coach-game-select{gap:6px;display:flex}.coach-summary{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.coach-summary-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:14px}.cs-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.cs-score{font-size:28px;font-weight:800;display:block}.cs-delta{margin-bottom:4px;font-size:11px;font-weight:600;display:block}.cs-summary{color:var(--text-secondary);font-size:11px;display:block}.cs-focus{color:var(--primary);font-size:18px;font-weight:700;display:block}.cs-focus-score{color:var(--text-secondary);margin-bottom:4px;font-size:12px;display:block}.cs-focus-desc{color:var(--text-muted);font-size:11px;display:block}.cs-trend-mini{align-items:flex-end;gap:4px;height:60px;display:flex}.cs-trend-bar{background:linear-gradient(to top, rgba(var(--primary-rgb),.2), rgba(var(--primary-rgb),.6));border-radius:3px 3px 0 0;flex:1;min-width:16px;transition:height .3s;position:relative}.cs-trend-label{color:var(--text-muted);font-size:10px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.coach-chat{flex-direction:column;gap:10px;display:flex}.coach-chat-messages{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;max-height:360px;padding:12px;display:flex;overflow-y:auto}.coach-msg{display:flex}.coach-msg.coach{justify-content:flex-start}.coach-msg.user{justify-content:flex-end}.coach-msg-bubble{border-radius:12px;max-width:80%;padding:10px 14px;font-size:13px;line-height:1.6}.coach-msg.coach .coach-msg-bubble{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.coach-msg.user .coach-msg-bubble{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);color:var(--text-primary)}.coach-msg-icon{color:var(--primary);margin-bottom:4px}.coach-chat-input{gap:8px;display:flex}.coach-chat-input input{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:13px}.coach-chat-input input:focus{border-color:var(--primary)}.coach-quick-asks{flex-wrap:wrap;gap:6px;display:flex}.coach-metrics-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.coach-metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:14px}.cm-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cm-name{font-size:12px;font-weight:600}.cm-trend{font-size:16px;font-weight:800}.cm-value{color:var(--primary);margin-bottom:6px;font-size:24px;font-weight:800}.cm-percentile{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cm-pbar{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.cm-pbar-fill{background:var(--primary);border-radius:2px;height:100%}.cm-percentile span{color:var(--text-muted);white-space:nowrap;font-size:10px}.cm-tip{color:var(--text-secondary);font-size:11px;line-height:1.5}.coach-tips-list{flex-direction:column;gap:8px;display:flex}.coach-tip-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.ct-left{flex-direction:column;gap:4px;min-width:80px;display:flex}.ct-priority{text-transform:uppercase;font-size:10px;font-weight:700}.ct-category{text-transform:capitalize;font-size:10px;font-weight:600}.ct-content{flex:1}.ct-title{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.ct-desc{color:var(--text-secondary);font-size:11px;line-height:1.5}.ct-difficulty{text-transform:capitalize;white-space:nowrap;font-size:10px;font-weight:600}.coach-drills-list{flex-direction:column;gap:8px;display:flex}.coach-drill-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.cd-header{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.cd-header:hover{background:#ffffff05}.cd-left{align-items:center;gap:10px;display:flex}.cd-name{font-size:13px;font-weight:600;display:block}.cd-meta{color:var(--text-muted);font-size:10px;display:block}.cd-body{border-top:1px solid var(--border);padding:12px 14px 14px}.cd-desc{color:var(--text-secondary);margin-bottom:10px;font-size:12px}.cd-steps{margin-bottom:8px;font-size:12px}.cd-steps ol{padding-left:18px}.cd-steps li{color:var(--text-secondary);margin-bottom:4px}.cd-expected{color:var(--primary);align-items:center;gap:4px;font-size:11px;display:flex}.cp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.cp-header h2{font-size:16px}.cp-eta{color:var(--primary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.cp-goals{margin-bottom:20px}.cp-goals h3{margin-bottom:10px;font-size:14px}.cp-goal{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:12px;display:flex}.cp-goal input[type=checkbox]{accent-color:var(--primary)}.cp-focus-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.cp-focus-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:14px}.cpf-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cpf-area{font-size:14px;font-weight:700}.cpf-score{font-size:16px;font-weight:800}.cp-focus-card p{color:var(--text-secondary);margin-bottom:10px;font-size:11px;line-height:1.5}.cpf-drills{font-size:11px}.cpf-drills strong{margin-bottom:4px;display:block}.cpf-drill-tag{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:4px;margin-right:4px;padding:2px 8px;font-size:10px;display:inline-block}.error-boundary{height:60vh;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.error-boundary h2{color:var(--text-primary);font-size:18px}.error-boundary p{max-width:400px;font-size:13px}@media (width<=1100px){.recording-config-grid,.games-content,.crosshair-editor,.playbook-content,.updates-content,.driver-history-content,.config-content,.keybind-content,.clip-content-layout,.squad-players-layout,.drop-content,.coach-summary{grid-template-columns:1fr}}@media (width<=900px){.dashboard-bottom{grid-template-columns:1fr}.dashboard-gauges{flex-wrap:wrap}.diag-summary{grid-template-columns:repeat(2,1fr)}.benchmark-grid,.alloc-grid,.profile-grid{grid-template-columns:1fr}.tuner-summary{flex-direction:column}.installed-drivers-grid,.test-cards-grid{grid-template-columns:1fr}.thermal-zones-grid{grid-template-columns:1fr 1fr}.fan-profiles-grid,.drift-results-grid,.dz-profiles-grid,.feedback-layout{grid-template-columns:1fr}}.feedback-success{color:var(--success);background:#00e6761a;border:1px solid #00e6764d;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.feedback-layout{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.feedback-form-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px}.feedback-form-card h3{color:var(--text-primary);margin-bottom:16px;font-size:16px}.feedback-types{gap:8px;margin-bottom:16px;display:flex}.feedback-type-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.feedback-type-btn.active{background:rgba(var(--primary-rgb), .1);border-color:var(--fb-color,var(--primary));color:var(--fb-color,var(--primary))}.feedback-input{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;margin-bottom:12px;padding:10px 14px;font-size:13px;transition:border-color .2s}.feedback-input:focus{border-color:var(--primary)}.feedback-textarea{resize:vertical;background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;margin-bottom:12px;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.feedback-textarea:focus{border-color:var(--primary)}.feedback-rating{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:16px;font-size:13px;display:flex}.feedback-stars{gap:2px;display:flex}.feedback-star{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px;transition:color .15s}.feedback-star.active{color:#ffab00}.feedback-submit{justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:13px;display:flex}.feedback-submit:disabled{opacity:.4;cursor:not-allowed}.feedback-history{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px}.feedback-history h3{color:var(--text-primary);margin-bottom:12px;font-size:14px}.feedback-empty{color:var(--text-muted);font-size:13px}.feedback-history-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:10px 12px}.fbh-header{justify-content:space-between;margin-bottom:4px;display:flex}.fbh-type{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.fbh-date{color:var(--text-muted);font-size:11px}.fbh-title{color:var(--text-primary);font-size:13px;font-weight:500}.fbh-stars{gap:1px;margin-top:4px;display:flex}.welcome-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.welcome-card{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:500px;padding:48px 40px;box-shadow:0 20px 60px #0006}.welcome-dots{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.welcome-dot{background:var(--border-light);border-radius:50%;width:8px;height:8px;transition:all .3s}.welcome-dot.active{border-radius:4px;width:24px}.welcome-dot.done{opacity:.5}.welcome-icon{background:var(--bg-elevated);border-radius:24px;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:24px;display:inline-flex}.welcome-title{margin-bottom:6px;font-size:28px;font-weight:800}.welcome-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:16px;font-weight:500}.welcome-desc{color:var(--text-muted);margin-bottom:32px;font-size:14px;line-height:1.6}.welcome-actions{justify-content:center;gap:10px;display:flex}.welcome-btn-primary{color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:12px 28px;font-size:14px;font-weight:700;transition:opacity .2s;display:inline-flex}.welcome-btn-primary:hover{opacity:.85}.welcome-btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.welcome-btn-secondary:hover{border-color:var(--primary);color:var(--text-primary)}.welcome-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:20px;font-size:12px;text-decoration:underline}.welcome-skip:hover{color:var(--text-secondary)}.changelog-list{flex-direction:column;gap:12px;display:flex}.changelog-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:16px 20px;transition:all .2s}.changelog-card:hover,.changelog-card.expanded{border-color:var(--primary)}.changelog-card-header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.changelog-version-info{align-items:center;gap:8px;display:flex}.changelog-version{color:var(--text-primary);font-family:monospace;font-size:18px;font-weight:700}.changelog-type-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.changelog-meta{flex:1;align-items:center;gap:12px;display:flex}.changelog-title{color:var(--text-secondary);font-weight:500}.changelog-date{color:var(--text-muted);font-size:13px}.changelog-toggle{color:var(--text-muted);margin-left:auto;font-size:12px}.changelog-changes{flex-direction:column;gap:8px;margin-top:16px;display:flex}.changelog-change-item{align-items:center;gap:10px;display:flex}.changelog-category-badge{color:#fff;text-transform:uppercase;text-align:center;border-radius:3px;min-width:60px;padding:2px 6px;font-size:10px;font-weight:700}.changelog-change-text{color:var(--text-secondary);font-size:14px}.system-info-banner{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px 20px}.system-info-banner h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px}.system-info-grid{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.bug-form{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}.bug-form-row{margin-bottom:16px}.bug-form-row label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.bug-form-row input,.bug-form-row select,.bug-form-row textarea{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:10px 12px;font-size:14px}.bug-form-row input:focus,.bug-form-row select:focus,.bug-form-row textarea:focus{border-color:var(--primary);outline:none}.bug-form-row-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bug-success{text-align:center;color:#10b981;padding:40px;font-size:16px;font-weight:600}.bug-reports-list{margin-top:20px}.bug-reports-list h3{margin-bottom:12px}.bug-report-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:14px 18px}.bug-report-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bug-report-title{color:var(--text-primary);font-weight:600}.bug-report-badges{gap:6px;display:flex}.bug-report-desc{color:var(--text-muted);margin:6px 0 0;font-size:13px}.bug-report-meta{color:var(--text-muted);gap:16px;margin-top:8px;font-size:12px;display:flex}.landing-page{padding:0}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:70vh;padding:60px 40px;display:grid}.landing-badge{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;background:#6366f126;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.landing-title{color:var(--text-primary);margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:18px;line-height:1.6}.landing-cta-group{flex-wrap:wrap;gap:12px;display:flex}.btn-landing-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s}.btn-landing-primary:hover{background:#4f46e5;transform:translateY(-1px)}.btn-landing-secondary{color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:500;transition:all .2s}.btn-landing-secondary:hover{border-color:var(--primary);color:var(--primary)}.hero-mockup{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.hero-mockup-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.hero-mockup-bar .dot{border-radius:50%;width:10px;height:10px}.hero-mockup-bar .dot.red{background:#ef4444}.hero-mockup-bar .dot.yellow{background:#f59e0b}.hero-mockup-bar .dot.green{background:#10b981}.mockup-title{color:var(--text-muted);margin-left:12px;font-size:12px}.hero-mockup-body{flex-direction:column;gap:16px;padding:24px;display:flex}.mock-metric{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.mock-metric span:first-child{width:40px;font-weight:600}.mock-metric span:last-child{text-align:right;width:60px;font-size:12px;font-weight:600}.mock-bar{background:var(--bg-secondary);border-radius:4px;flex:1;height:8px;overflow:hidden}.mock-bar div{border-radius:4px;height:100%;transition:width 1s}.landing-stats{background:var(--card-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;gap:48px;padding:40px;display:flex}.landing-stat{text-align:center}.landing-stat-value{color:#6366f1;font-size:32px;font-weight:800;display:block}.landing-stat-label{color:var(--text-muted);font-size:14px}.landing-features{text-align:center;padding:60px 40px}.landing-features h2{margin-bottom:8px;font-size:32px}.landing-features-sub{color:var(--text-muted);margin-bottom:40px;font-size:16px}.landing-features-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.landing-feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .2s}.landing-feature-card:hover{border-color:var(--primary);transform:translateY(-2px)}.landing-feature-icon{margin-bottom:12px;font-size:28px;display:block}.landing-feature-card h3{margin:0 0 8px;font-size:16px}.landing-feature-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.landing-bottom-cta{text-align:center;border-top:1px solid var(--border);background:linear-gradient(135deg,#6366f11a,#a855f70d);padding:60px 40px}.landing-bottom-cta h2{margin-bottom:8px;font-size:32px}.landing-bottom-cta p{color:var(--text-muted);margin-bottom:24px}.landing-version{color:var(--text-muted);margin-top:16px;font-size:13px}.landing-feature-section{padding:48px 40px}.landing-section-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.landing-section-line{border-radius:2px;width:4px;height:32px}.landing-section-header h2{margin:0;font-size:24px}.landing-section-count{color:var(--text-muted);margin-left:auto;font-size:13px}.landing-feature-card.clickable{cursor:pointer}.landing-feature-link{margin-top:10px;font-size:13px;font-weight:600;display:block}.landing-section-line[data-cat=monitor]{background:#10b981}.landing-section-line[data-cat=optimize]{background:#6366f1}.landing-section-line[data-cat=coach]{background:#a855f7}.landing-section-line[data-cat=hardware]{background:#f59e0b}.landing-section-line[data-cat=capture]{background:#ec4899}.landing-how-it-works{text-align:center;background:var(--card-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 40px}.landing-how-it-works h2{margin-bottom:32px;font-size:28px}.how-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.how-step{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:16px;max-width:280px;padding:32px 24px}.how-step-number{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:18px;font-weight:700;display:inline-flex}.how-step h3{margin:0 0 8px;font-size:18px}.how-step p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.how-step-arrow{color:var(--text-muted);font-size:24px}.landing-testimonials{text-align:center;padding:60px 40px}.landing-testimonials h2{margin-bottom:32px;font-size:28px}.testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.testimonial-card{background:var(--card-bg);border:1px solid var(--border);text-align:left;border-radius:16px;padding:28px}.testimonial-avatar{margin-bottom:12px;font-size:32px}.testimonial-quote{color:var(--text-secondary);margin:0 0 16px;font-size:15px;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:8px;display:flex}.testimonial-name{color:var(--text-primary);font-size:14px;font-weight:600}.testimonial-game{color:var(--text-muted);font-size:13px}.landing-tech{text-align:center;padding:48px 40px}.landing-tech h2{margin-bottom:8px;font-size:28px}.landing-tech-sub{color:var(--text-muted);margin-bottom:32px}.tech-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.tech-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;min-width:140px;padding:16px 24px;display:flex}.tech-name{color:#6366f1;font-size:15px;font-weight:700}.tech-desc{color:var(--text-muted);font-size:12px}.landing-pricing-teaser{text-align:center;background:var(--card-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 40px}.landing-pricing-teaser h2{margin-bottom:24px;font-size:28px}.pricing-teaser-cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.pricing-teaser-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:16px;min-width:220px;max-width:260px;padding:28px 24px;transition:all .2s}.pricing-teaser-card.featured{border-color:#6366f1}.pricing-teaser-card:hover{transform:translateY(-2px)}.pricing-teaser-badge{margin-bottom:8px;font-size:28px;display:block}.pricing-teaser-card h3{margin:0 0 4px;font-size:20px}.pricing-teaser-price{color:var(--text-primary);margin:8px 0;font-size:28px;font-weight:800}.pricing-teaser-price span{color:var(--text-muted);font-size:14px;font-weight:400}.pricing-teaser-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.landing-footer-links{color:var(--text-muted);justify-content:center;gap:12px;margin-top:24px;font-size:13px;display:flex}.landing-footer-links span{cursor:pointer;transition:color .2s}.landing-footer-links span:hover{color:var(--primary)}.landing-footer-links a{color:var(--text-muted);text-decoration:none}.landing-footer-links a:hover{color:var(--primary)}.landing-pricing-teaser .btn-landing-secondary{margin-top:24px}.community-socials{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px;display:grid}.community-social-card{background:var(--card-bg);border:1px solid var(--border);color:inherit;border-radius:12px;flex-direction:column;gap:12px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.community-social-card:hover{border-color:var(--primary);transform:translateY(-2px)}.social-card-header{align-items:center;gap:10px;display:flex}.social-icon{font-size:24px}.social-name{color:var(--text-primary);font-size:16px;font-weight:600}.social-members{color:#fff;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.social-desc{color:var(--text-muted);flex:1;font-size:13px;line-height:1.5}.social-join-btn{text-align:center;color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-block}.social-join-btn:hover{opacity:.85}.section-title{margin:32px 0 16px;font-size:20px}.community-highlights-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:32px;display:grid}.community-highlight-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.highlight-icon{margin-bottom:10px;font-size:28px;display:block}.community-highlight-card h4{margin:0 0 6px;font-size:15px}.community-highlight-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.community-newsletter{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:12px;padding:32px}.community-newsletter h3{margin:0 0 8px}.community-newsletter p{color:var(--text-muted);margin-bottom:16px}.newsletter-form{gap:10px;max-width:400px;margin:0 auto;display:flex}.newsletter-form input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.newsletter-form input:focus{border-color:var(--primary);outline:none}.newsletter-success{color:#10b981;font-weight:600}.billing-toggle{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;gap:0;width:fit-content;margin:0 auto 32px;display:flex;overflow:hidden}.billing-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.billing-btn.active{background:var(--primary);color:#fff}.billing-save{color:#fff;background:#10b981;border-radius:4px;padding:2px 6px;font-size:11px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.pricing-card{background:var(--card-bg);border:2px solid var(--border);border-radius:16px;flex-direction:column;padding:32px;transition:all .2s;display:flex;position:relative}.pricing-card.recommended{border-color:#6366f1}.pricing-card.current{border-color:#10b981}.pricing-card:hover{transform:translateY(-2px)}.pricing-recommended{color:#fff;border-radius:12px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-header{text-align:center;margin-bottom:24px}.pricing-badge{margin-bottom:8px;font-size:32px;display:block}.pricing-card-header h3{margin:0 0 6px;font-size:24px}.pricing-desc{color:var(--text-muted);margin:0;font-size:13px}.pricing-price{text-align:center;margin-bottom:24px}.pricing-amount{color:var(--text-primary);font-size:40px;font-weight:800}.pricing-period{color:var(--text-muted);font-size:16px}.pricing-yearly-total{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.pricing-features{flex:1;margin:0 0 24px;padding:0;list-style:none}.pricing-features li{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:8px 0;font-size:14px}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓ ";color:#10b981;font-weight:700}.pricing-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.pricing-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.pricing-btn:disabled{opacity:.7;cursor:default}.pricing-faq{margin-top:20px}.pricing-faq h3{text-align:center;margin-bottom:20px}.faq-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.faq-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.faq-item h4{color:var(--text-primary);margin:0 0 8px;font-size:15px}.faq-item p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.analytics-summary{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.analytics-stat-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:12px;padding:20px}.analytics-stat-value{color:#6366f1;font-size:28px;font-weight:700;display:block}.analytics-stat-label{color:var(--text-muted);font-size:13px}.analytics-chart-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.analytics-chart-card h3{margin:0 0 16px;font-size:16px}.analytics-bar-chart{justify-content:space-around;align-items:flex-end;gap:8px;height:160px;display:flex}.analytics-bar-col{flex-direction:column;flex:1;align-items:center;display:flex}.analytics-bar-wrapper{align-items:flex-end;width:100%;max-width:40px;height:120px;display:flex}.analytics-bar{background:#6366f1;border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s}.analytics-bar-label{color:var(--text-muted);margin-top:6px;font-size:11px}.analytics-bar-value{color:var(--text-secondary);font-size:11px;font-weight:600}.analytics-lists{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.analytics-list-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.analytics-list-card h3{margin:0 0 12px;font-size:16px}.analytics-list-item{border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.analytics-list-item:last-child{border-bottom:none}.analytics-list-count{color:#6366f1;font-weight:600}.analytics-events-section{margin-top:16px}.analytics-events-list{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;max-height:300px;margin-top:12px;overflow-y:auto}.analytics-event-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.analytics-event-item:last-child{border-bottom:none}.event-type-badge{text-transform:uppercase;background:var(--bg-secondary);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.event-type-badge[data-type=page_view]{color:#6366f1;background:#6366f126}.event-type-badge[data-type=feature_use]{color:#10b981;background:#10b98126}.event-type-badge[data-type=error]{color:#ef4444;background:#ef444426}.event-type-badge[data-type=session]{color:#f59e0b;background:#f59e0b26}.event-name{color:var(--text-secondary);flex:1}.event-time{color:var(--text-muted);font-size:12px}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:13px}.btn-ghost:hover{color:var(--text-primary)}.page-container{padding:24px 32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.page-header h2{margin:0;font-size:24px}.page-subtitle{color:var(--text-muted);margin:0 0 24px;font-size:14px}.badge{color:#fff;text-transform:uppercase;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.empty-state{text-align:center;color:var(--text-muted);padding:40px;font-size:14px}.legal-page{max-width:800px}.legal-updated{color:var(--text-muted);margin-bottom:32px;font-size:13px}.legal-section{margin-bottom:28px}.legal-section h3{color:var(--text-primary);margin:0 0 10px;font-size:18px}.legal-section h4{color:var(--text-secondary);margin:16px 0 8px;font-size:15px}.legal-section p{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.7}.legal-section ul{margin:0 0 12px;padding-left:20px}.legal-section li{color:var(--text-secondary);margin-bottom:6px;font-size:14px;line-height:1.7}.legal-section a{color:#6366f1;text-decoration:none}.legal-section a:hover{text-decoration:underline}.license-current-plan{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex}.license-plan-info h3{margin:0 0 6px;font-size:18px}.license-status{color:var(--text-secondary);margin:0;font-size:14px}.license-status[data-status=active]{color:#10b981}.license-status[data-status=expired]{color:#ef4444}.license-key-display{color:var(--text-muted);margin:8px 0 0;font-size:13px}.license-key-display code{background:var(--bg-secondary);letter-spacing:1px;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:13px}.license-plan-actions{flex-wrap:wrap;gap:10px;display:flex}.license-activate-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.license-activate-section h3{margin:0 0 6px}.license-activate-section p{color:var(--text-muted);margin:0 0 16px;font-size:13px}.license-input-row{gap:10px;display:flex}.license-input-row input{background:var(--bg-secondary);border:1px solid var(--border);max-width:320px;color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;border-radius:8px;flex:1;padding:10px 14px;font-family:monospace;font-size:15px}.license-input-row input:focus{border-color:var(--primary);outline:none}.license-message{margin-top:12px;font-size:14px;font-weight:600}.license-message.success{color:#10b981}.license-message.error{color:#ef4444}.license-purchase-section{margin-bottom:24px}.license-purchase-section h3{margin:0 0 16px}.license-purchase-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.license-purchase-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.license-purchase-card h4{margin:0 0 6px;font-size:16px}.license-purchase-card p{color:var(--text-muted);margin:0 0 16px;font-size:13px}.license-purchase-btns{gap:10px;display:flex}.license-history-section{margin-bottom:24px}.license-history-section h3{margin:0 0 12px}.license-history-list{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.license-history-item{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:12px 18px;font-size:14px;display:flex}.license-history-item:last-child{border-bottom:none}.license-history-plan{color:#6366f1;min-width:50px;font-weight:700}.license-history-amount{color:var(--text-primary);min-width:80px;font-weight:600}.license-history-method{color:var(--text-muted);flex:1}.license-history-date{color:var(--text-muted);font-size:13px}.license-legal-links{color:var(--text-muted);justify-content:center;gap:12px;margin-top:16px;padding:20px;font-size:13px;display:flex}.license-legal-links span{cursor:pointer}.license-legal-links span:hover{color:var(--primary)}.auth-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-container{width:100%;max-width:420px}.auth-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:24px;padding:0;font-size:14px;display:flex}.auth-back:hover{color:var(--primary)}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo .logo-icon.large{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;font-size:28px;font-weight:900;display:inline-flex}.auth-logo h1{letter-spacing:6px;background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px;font-weight:900}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:28px}.auth-tabs{background:var(--bg-primary);border-radius:10px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.auth-tab.active{background:var(--bg-elevated);color:var(--primary)}.auth-tab:hover:not(.active){color:var(--text-primary)}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-field input{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.auth-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .15)}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:40px}.auth-eye{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-eye:hover{color:var(--text-primary)}.auth-error{color:var(--critical);background:#ff52521a;border:1px solid #ff52524d;border-radius:8px;padding:10px 14px;font-size:13px}.auth-submit{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:700;transition:opacity .2s,transform .1s}.auth-submit:hover{opacity:.9}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:13px}.auth-switch button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.auth-switch button:hover{text-decoration:underline}.sidebar-logout{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.sidebar-logout:hover{color:var(--critical);background:#ff52521a}.public-navbar{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.public-navbar-logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.public-navbar-logo .logo-icon{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:flex}.public-navbar-logo span{letter-spacing:4px;font-size:18px;font-weight:900}.public-navbar-links{align-items:center;gap:24px;display:flex}.public-navbar-links a{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.public-navbar-links a:hover{color:var(--text-primary)}.public-navbar-links a.active{color:var(--primary)}.public-navbar-cta{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s}.public-navbar-cta:hover{opacity:.9}@media (width<=768px){.public-navbar{padding:12px 16px}.public-navbar-links{gap:12px}.public-navbar-links a:not(.public-navbar-cta){display:none}.landing-hero{text-align:center;grid-template-columns:1fr}.landing-hero-mockup{display:none}.landing-features-grid{grid-template-columns:1fr}.landing-stats{flex-wrap:wrap}.landing-how-grid,.landing-testimonials-grid{grid-template-columns:1fr}.pricing-plans{flex-direction:column;align-items:center}.pricing-plan{width:100%;max-width:400px}.community-social-grid{grid-template-columns:1fr 1fr}.auth-container{padding:16px}}@media (width<=600px){.sidebar{display:none}.main-content{margin-left:0!important}.community-social-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}