.settings-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px 16px}.settings-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=768px){.settings-layout{grid-template-columns:1fr}.settings-layout .settings-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;display:grid}.settings-sidebar .sidebar-section-title{grid-column:1/-1;margin:0 0 6px}.settings-sidebar .sidebar-btn{padding:10px}}.settings-sidebar{flex-direction:column;gap:6px;padding:24px 16px;display:flex}@media (width>=769px){.settings-layout .settings-sidebar{overscroll-behavior:contain;max-height:calc(100vh - 94px);position:sticky;top:70px;overflow-y:auto}.settings-layout .settings-sidebar::-webkit-scrollbar{width:6px}.settings-layout .settings-sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-xs)}}.sidebar-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px 12px;font-size:.7rem;font-weight:700}.sidebar-btn{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--text-muted);cursor:var(--mac-cursor-pointer);transition:transform .15s ease, background .25s var(--ease-smooth), color .25s var(--ease-smooth), border-color .25s var(--ease-smooth), box-shadow .25s var(--ease-smooth);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex;position:relative;overflow:hidden}.sidebar-btn:active{transform:none}.settings-sidebar .sidebar-btn{box-sizing:border-box;min-height:44px;text-decoration:none}.settings-sidebar .sidebar-btn .material-icons-round{flex-shrink:0}.settings-sidebar .sidebar-btn:focus-visible{outline:2px solid var(--accent-blue-base);outline-offset:2px}.sidebar-btn:before{content:"";border-radius:var(--radius-xs);background:var(--accent-blue-base);opacity:0;width:3px;transition:opacity .25s var(--ease-spring), transform .25s var(--ease-spring);position:absolute;top:20%;bottom:20%;left:0;transform:scaleY(.3)}.sidebar-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-subtle);color:var(--text-primary)}.sidebar-btn.active{background:color-mix(in srgb, var(--accent-blue-base) 10%, var(--bg-surface-solid,transparent));border-color:color-mix(in srgb, var(--accent-blue-base) 25%, transparent);color:var(--accent-blue-base);box-shadow:0 0 12px color-mix(in srgb, var(--accent-blue-base) 12%, transparent)}.sidebar-btn.active:before{opacity:1;transform:scaleY(1)}.settings-content-panel{min-width:0}:where(.settings-container) .panel-card{border-radius:var(--radius-lg);min-height:0;padding:clamp(20px,3vw,32px)}.smooth-transition-wrapper{grid-template-columns:1fr;width:100%;display:grid}.smooth-transition-content{grid-area:1/1;width:100%}.btn-spinner{opacity:0;align-items:center;width:0;margin-right:0;transition:width .3s cubic-bezier(.34,1.56,.64,1),opacity .3s,margin-right .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;overflow:hidden}.btn-spinner.show{opacity:1;width:16px;margin-right:6px}:where(.settings-container) form .btn-aero-primary{gap:0}@media (width<=768px){:where(.settings-container) .panel-card{padding:20px}}:where(.settings-container) .alert-box{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:.8rem;display:flex}:where(.settings-container) .alert-box.success{background:color-mix(in srgb, var(--aero-mint) 8%, transparent);border:1px solid color-mix(in srgb, var(--aero-mint) 25%, transparent);color:var(--aero-mint)}:where(.settings-container) .alert-box.error{background:color-mix(in srgb, var(--aero-rose) 8%, transparent);border:1px solid color-mix(in srgb, var(--aero-rose) 25%, transparent);color:var(--aero-rose)}:where(.settings-container) .panel-card.is-saving{pointer-events:none;opacity:.7;transition:opacity .25s}:where(.settings-container) .panel-card{transition:opacity .25s}.panel-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;font-size:.8rem;display:flex}.section-content{flex-direction:column;gap:24px;display:flex}.section-title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:800}.section-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.8rem}.profile-visual-card{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:0 8px 30px #00000014, var(--glass-inset-highlight);margin-bottom:8px;overflow:hidden}.profile-visual-cover{background:color-mix(in srgb, var(--accent-blue-base) 12%, var(--bg-surface2));justify-content:center;align-items:center;width:100%;height:140px;display:flex;position:relative;overflow:hidden}.profile-visual-cover img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.no-cover-art{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.no-cover-icon{color:var(--text-muted);font-size:22px}.cover-gradient-shade{pointer-events:none;background:linear-gradient(#0000 40%,#00000073 100%);position:absolute;inset:0}.btn-cover-action{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-full);cursor:var(--mac-cursor-pointer);box-shadow:var(--shadow-sm), var(--shadow-glow);transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast);background:#0000008c;border:1px solid #ffffff4d;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.btn-cover-action:hover{background:var(--accent-blue-base);border-color:#fff;transform:translateY(-1px)}.btn-cover-action:active{transform:translateY(1px)}.profile-visual-bottom{z-index:6;flex-wrap:wrap;align-items:flex-start;gap:20px;margin-top:-44px;padding:0 20px 20px;display:flex;position:relative}.avatar-interactive-slot{flex:0 0 94px}.avatar-visual-circle{border-radius:var(--radius-xl);border:4px solid var(--bg-surface-solid,var(--bg-surface));background:var(--accent-gradient);width:94px;height:94px;box-shadow:var(--shadow-md), var(--shadow-glow), 0 0 0 1px var(--border-subtle);transition:transform var(--t-spring);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar-visual-circle:hover{transform:scale(1.02)}.avatar-visual-circle img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.avatar-initials-text{color:#fff;font-size:2.2rem;font-weight:800;font-family:var(--font-display)}.avatar-camera-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;opacity:0;cursor:var(--mac-cursor-pointer);transition:opacity var(--t-fast);z-index:2;background:#00000073;border:none;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.avatar-visual-circle:hover .avatar-camera-overlay,.avatar-camera-overlay:focus-visible{opacity:1}.avatar-corner-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;width:26px;height:26px;box-shadow:var(--shadow-xs), var(--shadow-glow);pointer-events:none;z-index:1;transition:opacity var(--t-fast);background:#000000a6;border:1.5px solid #ffffffa6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px}.avatar-corner-badge .material-icons-round{font-size:15px}.avatar-visual-circle:hover .avatar-corner-badge{opacity:0}.visual-actions-meta{flex-direction:column;flex:1;justify-content:center;min-width:0;padding-top:52px;display:flex}.visual-hints-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.visual-hint{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.hint-dot{color:var(--aero-mint,#00d4aa);font-size:14px}.form-container{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;min-width:0;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.7rem;font-weight:700}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=576px){.form-row{grid-template-columns:1fr}.profile-visual-bottom{text-align:center;flex-direction:column;align-items:center}.visual-actions-meta{align-items:center;padding-top:10px}}.mode-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=768px){.mode-cards{grid-template-columns:1fr}}.mode-card{text-align:left;border-radius:var(--radius-md);background:var(--bg-surface-solid,var(--bg-surface));border:1px solid var(--border-subtle);border-top:1px solid var(--glass-border-t);box-shadow:var(--shadow-xs), var(--glass-inset-highlight);cursor:var(--mac-cursor-pointer);transition:transform .15s ease, border-color .25s var(--ease-smooth), background .25s var(--ease-smooth), box-shadow .25s var(--ease-smooth);flex-direction:column;gap:6px;padding:16px;display:flex}.mode-card:hover{background:var(--bg-surface-hover);border-color:color-mix(in srgb, var(--accent-blue-base) 35%, var(--border-subtle));box-shadow:0 4px 14px color-mix(in srgb, var(--accent-blue-base) 10%, transparent), var(--glass-inset-highlight);transform:translateY(-2px)}.mode-card:active{transform:none}.mode-card.active{background:color-mix(in srgb, var(--accent-blue-base) 8%, var(--bg-surface-solid,var(--bg-surface)));border-color:color-mix(in srgb, var(--accent-blue-base) 45%, var(--border-subtle));box-shadow:0 0 18px color-mix(in srgb, var(--accent-blue-base) 14%, transparent), var(--glass-inset-highlight)}.mode-card-head{justify-content:space-between;align-items:center;display:flex}.mode-card-icon{color:var(--accent-blue-base);font-size:1.4rem}.mode-card-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:color-mix(in srgb, var(--text-main) 6%, transparent);border:1px solid var(--border-subtle);border-radius:999px;padding:2px 8px;font-size:.6rem;font-weight:700}.mode-card.active .mode-card-tag{color:var(--accent-blue-base);background:color-mix(in srgb, var(--accent-blue-base) 12%, transparent);border-color:color-mix(in srgb, var(--accent-blue-base) 30%, transparent)}.mode-card-title{color:var(--text-main);font-size:.9rem;font-weight:800}.mode-card-desc{color:var(--text-muted);font-size:.7rem;line-height:1.4}.feed-summary{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-blue-base) 5%, transparent);border:1px solid color-mix(in srgb, var(--accent-blue-base) 12%, transparent);color:var(--text-main);align-items:center;gap:10px;padding:12px 16px;font-size:.78rem;line-height:1.4;display:flex}.feed-summary .material-icons-round{color:var(--accent-blue-light);flex-shrink:0;font-size:1.2rem}.presets-block{flex-direction:column;gap:10px;display:flex}.presets-head{justify-content:space-between;align-items:center;display:flex}.reset-btn{color:var(--text-muted);cursor:var(--mac-cursor-pointer);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:700;transition:color .2s,background .2s;display:inline-flex}.reset-btn:hover{color:var(--aero-rose);background:color-mix(in srgb, var(--aero-rose) 8%, transparent)}.reset-btn .material-icons-round{font-size:1rem}.presets-row{flex-wrap:wrap;gap:8px;display:flex}.preset-chip{color:var(--text-muted);background:var(--bg-surface-solid,var(--bg-surface));border:1px solid var(--border-subtle);border-top:1px solid var(--glass-border-t);box-shadow:var(--shadow-xs), var(--glass-inset-highlight);cursor:var(--mac-cursor-pointer);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:700;transition:transform .15s,color .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.preset-chip:hover{color:var(--text-primary);background:var(--bg-surface-hover);border-color:color-mix(in srgb, var(--accent-blue-base) 35%, var(--border-subtle));box-shadow:0 2px 8px color-mix(in srgb, var(--accent-blue-base) 10%, transparent), var(--glass-inset-highlight)}.preset-chip:active{transform:none}.preset-chip.active{background:color-mix(in srgb, var(--accent-blue-base) 12%, var(--bg-surface-solid,var(--bg-surface)));color:var(--accent-blue-base);border-color:color-mix(in srgb, var(--accent-blue-base) 45%, var(--border-subtle));box-shadow:0 0 12px color-mix(in srgb, var(--accent-blue-base) 15%, transparent), var(--glass-inset-highlight)}.preset-chip .material-icons-round{font-size:1rem}.chart-container.dimmed{opacity:.5}.algo-hint{color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:.72rem;line-height:1.3;display:flex}.algo-hint .material-icons-round{color:var(--aero-amber,#f59e0b);font-size:1rem}.chart-container{background:color-mix(in srgb, var(--accent-blue-light) 4%, transparent);border:1px solid color-mix(in srgb, var(--accent-blue-base) 8%, transparent);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.chart-title{color:var(--text-muted);text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.chart-bars{border-bottom:1px solid color-mix(in srgb, var(--accent-blue-base) 10%, transparent);justify-content:space-around;align-items:flex-end;gap:8px;height:100px;padding-top:16px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.bar-pct-text{color:var(--text-main);margin-bottom:4px;font-size:.75rem;font-weight:700}.bar-fill{border-top-left-radius:6px;border-top-right-radius:6px;width:100%;transition:height .3s}.chart-labels-row{text-align:center;color:var(--text-muted);justify-content:space-around;font-size:.65rem;font-weight:700;display:flex}.chart-labels-row span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sliders-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.sliders-grid{grid-template-columns:1fr}}.slider-group{flex-direction:column;gap:4px;display:flex}.slider-header{color:var(--text-main);justify-content:space-between;font-size:.8rem;font-weight:700;display:flex}.slider-value-text{color:var(--accent-blue-light)}.slider-desc{color:var(--text-muted);margin:0;font-size:.7rem;line-height:1.3}.aero-range{--range-fill:linear-gradient(90deg, var(--accent-blue-base,var(--accent-blue-base)), var(--accent-blue-light,var(--accent-blue-light)));appearance:none;width:100%;height:18px;cursor:var(--mac-cursor-pointer);background:0 0;outline:none;margin-top:6px}.aero-range::-webkit-slider-runnable-track{background:var(--range-fill) 0 / var(--range-pct,var(--value,50%)) 100% no-repeat, color-mix(in srgb, var(--text-main) 12%, transparent);border-radius:999px;height:6px;box-shadow:inset 0 1px 2px #00000024}.aero-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent-blue-base,var(--accent-blue-base));width:16px;height:16px;box-shadow:0 2px 8px #00000040, 0 0 12px color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 40%, transparent);transition:transform var(--t-fast), box-shadow var(--t-fast);background:#fff;border-radius:999px;margin-top:-5px}.aero-range:hover::-webkit-slider-thumb{transform:scale(1.15)}.aero-range:active::-webkit-slider-thumb{box-shadow:0 1px 4px #0000004d, 0 0 16px color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 55%, transparent);transform:none}.aero-range:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 35%, transparent);border-radius:999px}.aero-range::-moz-range-track{background:color-mix(in srgb, var(--text-main) 12%, transparent);border-radius:999px;height:6px;box-shadow:inset 0 1px 2px #00000024}.aero-range::-moz-range-progress{background:var(--range-fill);border-radius:999px;height:6px}.aero-range::-moz-range-thumb{border:2px solid var(--accent-blue-base,var(--accent-blue-base));width:12px;height:12px;box-shadow:0 2px 8px #00000040, 0 0 12px color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 40%, transparent);transition:transform var(--t-fast);background:#fff;border-radius:999px}.aero-range:hover::-moz-range-thumb{transform:scale(1.15)}.algo-footer{border-top:1px solid #0077ff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding-top:16px;display:flex}.radio-settings-group{flex-direction:column;gap:12px;display:flex}.radio-options{flex-direction:column;gap:8px;display:flex}.radio-option{cursor:var(--mac-cursor-pointer);color:var(--text-main);align-items:center;gap:10px;font-size:.8rem;display:flex}.radio-option input[type=radio]{appearance:none;border-radius:var(--radius-squircle);corner-shape:squircle;border:2px solid var(--border-subtle);width:16px;height:16px;transition:all var(--t-fast);outline:none;flex:0 0 16px;justify-content:center;align-items:center;display:flex}.radio-option input[type=radio]:hover{border-color:color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 60%, transparent)}.radio-option input[type=radio]:checked{border-color:var(--accent-blue-base,var(--accent-blue-light));background:radial-gradient(circle at center, var(--accent-blue-base,var(--accent-blue-base)) 0 4px, transparent 4.5px), color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 12%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 40%, transparent), inset 0 1px 2px #00000014}.radio-option input[type=radio]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 35%, transparent)}.toggle-settings-group{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.toggle-details{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.toggle-title{color:var(--text-main);font-size:.9rem;font-weight:700}.toggle-desc{color:var(--text-muted);font-size:.8rem;line-height:1.5}.border-top{border-top:1px solid var(--border-subtle);padding-top:20px}.border-bottom{border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.payment-validation{margin-top:2px}.payment-hint{align-items:center;gap:6px;margin:0;font-size:.72rem;font-weight:600;display:flex}.payment-hint .material-icons-round{font-size:1rem}.payment-hint.ok{color:var(--aero-mint)}.payment-hint.error{color:var(--aero-rose)}.platform-name{text-transform:capitalize;color:var(--text-primary);font-weight:800}.payment-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-inset-highlight), var(--shadow-glow,0 4px 20px #00000014);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.payment-card:before{content:"";border-top-left-radius:inherit;border-top-right-radius:inherit;background:var(--glass-border-t);z-index:1;height:1px;position:absolute;top:0;left:0;right:0}.payment-card-head{z-index:2;align-items:flex-start;gap:16px;display:flex;position:relative}.payment-icon-wrapper{flex:0 0 48px;width:48px;height:48px;position:relative}.payment-icon{border-radius:var(--radius-squircle);corner-shape:squircle;background:var(--accent-gradient);z-index:2;color:#fff;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0;box-shadow:inset 0 2px 4px #fff6,0 4px 12px #0ea5e94d}.payment-glow{background:var(--accent-gradient);filter:blur(12px);opacity:.6;z-index:1;border-radius:var(--radius-squircle);animation:3s ease-in-out infinite alternate pulse-glow;position:absolute;inset:-4px}@keyframes pulse-glow{0%{opacity:.4;transform:scale(.95)}to{opacity:.7;transform:scale(1.05)}}.payment-card-title{flex-direction:column;gap:6px;display:flex}.payment-card-title .toggle-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.payment-card-title .toggle-desc{font-size:.85rem;line-height:1.4}.payment-input-row{z-index:2;flex-direction:column;gap:12px;display:flex;position:relative}.payment-input-wrap{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:all var(--t-fast);box-shadow:var(--input-shadow-inner,inset 0 2px 4px #00000005);gap:8px;padding:6px;display:flex;position:relative}.payment-input-field{flex:1;align-items:center;gap:8px;padding-left:12px;display:flex}.payment-input{outline:none;flex:1;min-width:0;padding:8px 12px 8px 0;box-shadow:none!important;background:0 0!important;border:none!important}.payment-input-wrap:focus-within{border-color:var(--accent-blue-light);box-shadow:0 0 0 3px #2eb4ff33, var(--input-shadow-inner);background:var(--bg-input-tint)}.payment-save{border-radius:var(--radius-full);letter-spacing:.5px;flex-shrink:0;padding:10px 24px;font-weight:700}.payment-save:not(:disabled){box-shadow:var(--shadow-btn-primary)}.payment-preview-card{background:color-mix(in srgb, var(--text-primary) 3%, transparent);border-radius:var(--radius-md);border:1px dashed var(--border-subtle);z-index:2;flex-direction:column;gap:12px;margin-top:10px;padding:20px;display:flex;position:relative}.payment-preview-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent-blue-base);align-self:flex-start;font-size:.75rem;font-weight:700}.payment-preview-mockup{background:var(--bg-surface-solid);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;padding-bottom:20px;display:flex;position:relative;overflow:hidden}.mockup-banner{background:linear-gradient(135deg, var(--accent-blue-light), var(--aero-mint));opacity:.6;flex-shrink:0;width:100%;height:60px}.mockup-avatar{background:var(--accent-blue-base);border:3px solid var(--bg-surface-solid);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-sm), var(--shadow-glow);z-index:2;border-radius:50%;flex:0 0 64px;justify-content:center;align-items:center;margin-top:-32px;font-size:2rem;display:flex;position:relative}.mockup-info{text-align:center;margin-top:8px;margin-bottom:16px}.mockup-name{color:var(--text-primary);font-size:1rem;font-weight:800}.mockup-bio{color:var(--text-secondary);font-size:.75rem}.mockup-btn{border-radius:var(--radius-full);align-items:center;gap:6px;padding:8px 24px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.mockup-btn .material-icons-round{font-size:1.1rem}.payment-actions-footer{justify-content:flex-end;margin-top:4px;display:flex}.action-btn{border-radius:var(--radius-full);align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;display:inline-flex}.action-btn .material-icons-round{font-size:1rem}.payment-empty-state{text-align:center;color:var(--text-muted);background:color-mix(in srgb, var(--text-primary) 3%, transparent);border-radius:var(--radius-md);border:1px dashed var(--border-subtle);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:relative}.payment-empty-state .material-icons-round{opacity:.5;font-size:2rem}.payment-empty-state p{margin:0;font-size:.85rem}@media (width<=520px){.payment-input-wrap{border-radius:var(--radius-md);flex-direction:column;align-items:stretch;gap:12px;padding:8px}.payment-input-field{padding-left:8px}.payment-input{padding:8px 12px 8px 0}}.perf-diag-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1b85f314 0%,#00d4aa0d 100%);border:1px solid #1b85f338;margin-top:16px;margin-bottom:24px;padding:20px}.perf-diag-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.perf-diag-title-group{align-items:center;gap:12px;display:flex}.perf-diag-icon{color:var(--accent-blue-light);border-radius:var(--radius-md);background:#2eb4ff1f;padding:8px;font-size:28px}.perf-diag-title{color:var(--text-main);font-size:.95rem;font-weight:700}.perf-diag-sub{color:var(--text-muted);margin-top:2px;font-size:.78rem}.perf-status-badge{border-radius:var(--radius-full);letter-spacing:.2px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.perf-status-badge.badge-high{color:var(--aero-mint);background:#00d4aa1f;border:1px solid #00d4aa4d}.perf-status-badge.badge-mid{color:var(--accent-blue-light);background:#2eb4ff1f;border:1px solid #2eb4ff59}.perf-status-badge.badge-low{color:var(--aero-amber);background:#f5a6231f;border:1px solid #f5a6234d}.perf-specs-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.perf-spec-item:hover{border-color:#2eb4ff59;box-shadow:0 4px 16px #00000014}.spec-icon{color:var(--accent-blue-light);opacity:.9;flex-shrink:0;margin-top:1px;font-size:22px}.spec-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.spec-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:.68rem;font-weight:700}.spec-value{color:var(--text-main);word-break:break-word;white-space:normal;font-size:.86rem;font-weight:700;line-height:1.35}.spec-gpu{max-width:100%}.spec-sub{color:var(--text-muted);margin-top:2px;font-size:.72rem;font-weight:500;line-height:1.3;display:block}.perf-diag-footer{margin-top:12px}.auto-opt-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 14px #1b85f340}.perf-section-block{margin-bottom:24px}.perf-block-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:4px;font-size:.95rem;font-weight:700;display:flex}.perf-block-title .material-icons-round{color:var(--accent-blue-light);font-size:20px}.perf-block-subtitle{color:var(--text-muted);margin-bottom:14px;font-size:.8rem}.perf-presets-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.perf-preset-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;cursor:var(--mac-cursor-pointer);transition:transform var(--t-fast), border-color var(--t-base), box-shadow var(--t-base), background var(--t-base);flex-direction:column;gap:8px;padding:14px;display:flex;position:relative}.perf-preset-card:hover{box-shadow:var(--shadow-sm), var(--shadow-glow);border-color:#2eb4ff66;transform:translateY(-2px)}.perf-preset-card.active{border-color:var(--accent-blue-light);box-shadow:0 0 0 1px var(--accent-blue-light), 0 4px 16px #2eb4ff26;background:#2eb4ff14}.preset-badge-row{align-items:center;gap:8px;display:flex}.preset-icon{font-size:22px}.text-amber{color:var(--aero-amber)}.text-sky{color:var(--accent-blue-light)}.text-mint{color:var(--aero-mint)}.preset-name{color:var(--text-main);flex:1;font-size:.88rem;font-weight:700}.preset-pill-rec{border-radius:var(--radius-full);color:var(--aero-mint);text-transform:uppercase;letter-spacing:.3px;background:#00d4aa26;padding:2px 6px;font-size:.65rem;font-weight:700}.preset-desc{color:var(--text-muted);margin:0;font-size:.74rem;line-height:1.4}.perf-settings-card{flex-direction:column;gap:14px;margin-bottom:20px;padding:18px 20px;display:flex}.perf-group-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding-bottom:10px;display:flex}.perf-group-icon{color:var(--accent-blue-light);font-size:22px}.perf-group-title{color:var(--text-main);font-size:.9rem;font-weight:700}.perf-setting-row{justify-content:space-between;align-items:center;gap:20px;padding:8px 0;display:flex}.perf-setting-meta{flex:1}.perf-setting-name{color:var(--text-main);font-size:.86rem;font-weight:600}.perf-setting-desc{color:var(--text-muted);margin-top:2px;font-size:.74rem;line-height:1.35}.perf-segmented-control{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#00000026;flex-shrink:0;gap:3px;padding:3px;display:inline-flex}.seg-btn{color:var(--text-muted);border-radius:var(--radius-xs);cursor:var(--mac-cursor-pointer);transition:all var(--t-fast);white-space:nowrap;background:0 0;border:1px solid #0000;outline:none;padding:5px 10px;font-size:.74rem;font-weight:600}.seg-btn:hover{color:var(--text-main);background:color-mix(in srgb, var(--accent-blue-base) 8%, transparent)}.seg-btn:focus-visible{border-color:var(--accent-blue-base)}.seg-btn.active{background:var(--accent-blue-base);color:#fff;border-color:var(--accent-blue-base);box-shadow:0 2px 10px color-mix(in srgb, var(--accent-blue-base) 35%, transparent)}.liquid-status{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:4px;margin-top:5px;font-size:.68rem;font-weight:700;display:inline-flex}.liquid-status-on{color:var(--aero-mint,#3ee6c3)}.perf-storage-box{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0000000d;padding:12px}.storage-info-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.storage-title{color:var(--text-main);font-size:.85rem;font-weight:700}.storage-sub{color:var(--text-muted);margin-top:2px;font-size:.76rem}.perf-diag-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-rescan{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:var(--mac-cursor-pointer);transition:all var(--t-fast);align-items:center;gap:5px;padding:5px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.btn-rescan:hover{color:var(--accent-blue-light);border-color:var(--accent-blue-light);background:#2eb4ff14;transform:translateY(-1px)}.btn-rescan:active{filter:brightness(.95);transform:translateY(1px)}.btn-rescan .material-icons-round{font-size:14px}.perf-spec-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:0;transition:border-color var(--t-fast), box-shadow var(--t-fast);align-items:center;gap:10px;padding:10px 12px;display:flex}.perf-spec-item:hover{border-color:#2eb4ff4d}.perf-benchmark-box{border-radius:var(--radius-md);background:#0ea5e90f;border:1px dashed #0ea5e959;margin-top:16px;padding:14px}.perf-benchmark-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.perf-benchmark-title{color:var(--text-main);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.perf-benchmark-title .material-icons-round{color:var(--accent-blue-light);font-size:18px}.perf-benchmark-sub{color:var(--text-muted);margin-top:2px;font-size:.73rem}.perf-bench-canvas-wrap{border-radius:var(--radius-md);background:#030712;border:1px solid #2eb4ff59;width:100%;height:160px;margin-top:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 12px #000000b3,0 4px 16px #0003}.perf-bench-canvas{width:100%;height:100%;display:block}.perf-bench-placeholder{color:var(--text-secondary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;text-align:center;background:#030712d1;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.8rem;display:flex;position:absolute;inset:0}.perf-bench-live-overlay{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}.live-overlay-left{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-full);background:#030712bf;border:1px solid #ffffff26;align-items:center;gap:6px;padding:4px 10px;display:flex}.live-pulse-dot{background:var(--aero-mint);width:7px;height:7px;box-shadow:0 0 8px var(--aero-mint);border-radius:50%;animation:1s ease-in-out infinite alternate pulse}.live-fps-text{color:#fff;font-family:ui-monospace,monospace;font-size:.78rem;font-weight:800}.live-ms-text{color:#ffffffb3;font-family:ui-monospace,monospace;font-size:.7rem}.live-overlay-right{align-items:center;display:flex}.live-phase-pill{border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.3px;background:#0ea5e940;border:1px solid #2eb4ff80;padding:3px 10px;font-size:.68rem;font-weight:700}.perf-progress-bar-wrap{border-radius:var(--radius-full);background:#ffffff1a;width:100%;height:6px;margin:10px 0;overflow:hidden}.perf-progress-bar-fill{transform-origin:0;background:var(--accent-gradient);width:100%;height:100%;transition:transform .1s linear;box-shadow:0 0 10px #00e5ff80}.perf-benchmark-results{border-top:1px solid #ffffff14;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;margin-top:12px;padding-top:10px;display:grid}.benchmark-stat-card{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);text-align:center;padding:8px 10px}.benchmark-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.65rem;font-weight:600}.benchmark-stat-val{color:var(--text-main);margin-top:2px;font-size:1rem;font-weight:800}.benchmark-score-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.score-great{color:var(--aero-mint);background:#00d4aa26}.score-good{color:var(--accent-blue-light);background:#2eb4ff26}.score-low{color:var(--aero-amber);background:#f5a62326}.perf-actions-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.payment-platform-selector{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.platform-pill{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-primary);cursor:var(--mac-cursor-pointer);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.platform-pill .material-icons-round{font-size:1.1rem}.platform-pill:hover{border-color:color-mix(in srgb, var(--accent-blue-base) 40%, transparent)}.platform-pill.active{background:var(--accent-blue-base);border-color:var(--accent-blue-base);color:#fff}.text-danger{color:var(--aero-rose)}.settings-stack{gap:20px;display:grid}.settings-stack .panel-card{min-height:0;scroll-margin-top:80px}@media (width<=576px){.settings-container .toggle-settings-group{flex-wrap:wrap}.settings-container .toggle-details{flex:200px}.settings-container .aero-toggle-switch{flex-shrink:0}}.settings-jump{flex-wrap:wrap;gap:8px;display:flex}.settings-jump a{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.settings-jump a:hover{color:var(--accent-blue-base);border-color:color-mix(in srgb, var(--accent-blue-base) 40%, var(--border-subtle))}.settings-jump .material-icons-round{font-size:16px}