:root{--pref-bg-transparent:transparent;--pref-bg-subtle:var(--surface-01);--pref-bg-hover:var(--surface-code);--pref-border:var(--border-faint);--pref-border-hover:var(--border-sharp);--pref-text-primary:var(--text-bright);--pref-text-secondary:var(--text-high);--pref-text-tertiary:var(--text-muted);--pref-text-muted:var(--text-dimmed);--pref-accent-green:var(--accent-green);--pref-accent-green-bg:var(--accent-green-bg);--pref-accent-green-border:var(--accent-green-border);--pref-accent-red:var(--accent-red);--pref-accent-red-bg:var(--accent-red-bg);--pref-accent-red-border:var(--accent-red-border);--pref-accent-orange:var(--accent-orange);--pref-accent-orange-bg:var(--accent-orange-bg);--pref-accent-orange-border:var(--accent-orange-border);--pref-accent-blue:var(--accent-blue-muted);--pref-accent-blue-bg:var(--accent-blue-bg);--pref-accent-blue-border:var(--accent-blue-border);--pref-transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease,opacity 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;--pref-transition-fast:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease,opacity 0.15s ease,box-shadow 0.15s ease,transform 0.15s ease;--pref-row-padding-v:10px;--pref-row-padding-h:12px;--pref-group-gap:20px;--pref-section-header-gap:20px;--pref-item-inner-gap:2px;--pref-label-size:0.8rem;--pref-desc-size:0.7rem;--pref-group-title-size:0.7rem;--pref-section-title-size:1.25rem;--pref-section-desc-size:0.85rem;--pref-row-radius:6px;--pref-toggle-width:36px;--pref-toggle-height:20px;--pref-toggle-circle:14px;--pref-toggle-translate:16px;--pref-section-icon-size:72px;--pref-section-icon-font:1.75rem}html[data-density=comfortable]{--pref-row-padding-v:16px;--pref-row-padding-h:18px;--pref-group-gap:32px;--pref-section-header-gap:28px;--pref-item-inner-gap:6px;--pref-label-size:0.9rem;--pref-desc-size:0.8rem;--pref-group-title-size:0.75rem;--pref-section-title-size:1.4rem;--pref-section-desc-size:0.95rem}.pref-container{background:var(--pref-bg-transparent);border:none}.pref-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--pref-text-muted);margin-bottom:12px;padding-left:2px}.pref-card{background:var(--pref-bg-transparent);border:1px solid var(--pref-border);border-radius:8px;padding:14px 16px;transition:var(--pref-transition)}.pref-card:hover{background:var(--pref-bg-hover);border-color:var(--pref-border-hover)}.pref-row{display:flex;align-items:center;gap:16px;padding:12px 14px;background:var(--pref-bg-subtle);border:1px solid var(--pref-border);border-radius:8px;transition:var(--pref-transition)}.pref-row:hover{background:var(--pref-bg-hover);border-color:var(--pref-border-hover)}.pref-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface-hover);border:1px solid var(--border-sharp);border-radius:3px;font-size:.7rem;font-weight:500;color:var(--pref-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.pref-badge i{font-size:.6rem}.pref-badge.success{background:var(--pref-accent-green-bg);border-color:var(--pref-accent-green-border);color:var(--pref-accent-green)}.pref-badge.error{background:var(--pref-accent-red-bg);border-color:var(--pref-accent-red-border);color:var(--pref-accent-red)}.pref-badge.warning{background:var(--pref-accent-orange-bg);border-color:var(--pref-accent-orange-border);color:var(--pref-accent-orange)}.pref-badge.info{background:var(--pref-accent-blue-bg);border-color:var(--pref-accent-blue-border);color:var(--pref-accent-blue)}.pref-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;background:var(--surface-hover);border:1px solid var(--border-light);border-radius:6px;color:var(--pref-text-secondary);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--pref-transition)}.pref-btn:hover{background:var(--border-light);border-color:var(--border-medium);color:var(--pref-text-primary)}.pref-btn:active{transform:scale(.97)}.pref-btn-icon{width:36px;padding:0}.pref-input,.pref-select{height:38px;padding:0 12px;background:var(--pref-bg-subtle);border:1px solid var(--pref-border);border-radius:6px;color:var(--pref-text-primary);font-size:.85rem;font-family:inherit;outline:0;transition:var(--pref-transition)}.pref-input::placeholder{color:var(--pref-text-muted)}.pref-input:focus,.pref-select:focus{background:var(--pref-bg-hover);border-color:var(--pref-border-hover)}.pref-select-wrap{position:relative;display:block}.pref-select-wrap::after{content:'';position:absolute;right:9px;top:50%;margin-top:-4px;width:5px;height:5px;border-right:1.5px solid var(--text-dimmed);border-bottom:1.5px solid var(--text-dimmed);transform:rotate(45deg);pointer-events:none}.pref-select-wrap select{appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;background:var(--surface-input,var(--surface-01));border:1px solid var(--border-subtle,var(--border-faint));border-radius:5px;color:var(--text-label);padding:5px 26px 5px 9px;font-size:.78rem;font-family:inherit;cursor:pointer;outline:0;transition:border-color .15s}.pref-select-wrap select:hover{border-color:var(--border-light)}.pref-select-wrap select:focus{border-color:var(--border-medium,var(--border-light))}.pref-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;color:var(--pref-text-tertiary);font-size:.85rem}.pref-spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--pref-text-tertiary);border-radius:50%;animation:pref-spin .8s linear infinite}.pref-spinner.sm{width:18px;height:18px}.pref-spinner.xs{width:14px;height:14px}@keyframes pref-spin{to{transform:rotate(360deg)}}.pref-empty,.pref-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;color:var(--pref-text-muted);font-size:.85rem;text-align:center}.pref-empty i,.pref-error i{font-size:2rem;opacity:.5}.pref-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--surface-toast);border:1px solid var(--border-light);border-radius:8px;color:var(--pref-text-primary);font-size:.85rem;box-shadow:var(--shadow-xl);z-index:10000;opacity:0;transform:translateY(10px);transition:var(--pref-transition)}.pref-toast.visible{opacity:1;transform:none}.pref-toast.success i{color:var(--pref-accent-green)}.pref-toast.error i{color:var(--pref-accent-orange)}@media (max-width:768px){.pref-container{padding-top:8px}.pref-toast{left:16px;right:16px;bottom:16px}}