:root{--settings-primary:#96f;--settings-primary-hover:#7d3fff;--settings-bg:var(--bg-main,#fcfbff);--settings-card-bg:#fff;--settings-text-main:#333;--settings-text-muted:#888;--settings-border:#e7e2f2;--settings-base-scale:100%}[data-theme=dark]{--settings-primary:#a377ff;--settings-card-bg:#1c1c24;--settings-text-main:#fcfbff;--settings-text-muted:#a0a0b0;--settings-border:#2d2d3d}@media (prefers-color-scheme:dark){[data-theme=system]{--settings-primary:#a377ff;--settings-card-bg:#1c1c24;--settings-text-main:#fcfbff;--settings-text-muted:#a0a0b0;--settings-border:#2d2d3d}}html{font-size:var(--settings-base-scale)}html[data-motion=reduce] .settings-main *,html[data-motion=reduce] .settings-main :before,html[data-motion=reduce] .settings-main :after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.settings-main{background-color:var(--settings-bg);width:100%;min-height:100vh;color:var(--settings-text-main);justify-content:center;align-items:flex-start;padding:60px 24px;font-family:Montserrat,sans-serif;transition:background-color .3s,color .3s;display:flex}.settings-main .settings-card{background:var(--settings-card-bg);border:1px solid var(--settings-border);border-radius:24px;width:100%;max-width:680px;padding:clamp(24px,5vw,48px);transition:background-color .3s,border-color .3s;box-shadow:0 12px 32px #140a280a}.settings-main .settings-card .settings-header{margin-bottom:32px}.settings-main .settings-card .settings-header h1{letter-spacing:-.02em;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700}.settings-main .settings-card .settings-header p{color:var(--settings-text-muted);margin:0;font-size:.95rem;line-height:1.6}.settings-main .settings-card .settings-section-title{border-bottom:1px solid var(--settings-border);margin:32px 0 16px;padding-bottom:8px;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600}.settings-main .settings-card .theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.settings-main .settings-card .theme-grid .theme-btn{border:2px solid var(--settings-border);width:100%;min-width:0;color:var(--settings-text-muted);cursor:pointer;background:0 0;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;font-family:Montserrat,sans-serif;font-weight:600;transition:all .2s;display:flex}.settings-main .settings-card .theme-grid .theme-btn:hover{border-color:var(--settings-primary);background:#9966ff0a}.settings-main .settings-card .theme-grid .theme-btn.active{border-color:var(--settings-primary);color:var(--settings-primary);background:#9966ff14}.settings-main .settings-card .theme-grid .theme-btn.active .theme-icon{background:var(--settings-primary);border-color:var(--settings-primary);color:#fff}.settings-main .settings-card .theme-grid .theme-btn .theme-icon{background:var(--settings-card-bg);border:2px solid var(--settings-border);border-radius:12px;place-items:center;width:40px;height:40px;transition:inherit;display:grid}.settings-main .settings-card .scale-label-row{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.settings-main .settings-card .scale-label-row .toggle-info{flex-direction:column;gap:4px;display:flex}.settings-main .settings-card .scale-label-row .toggle-info strong{font-size:1rem;font-weight:600}.settings-main .settings-card .scale-label-row .toggle-info span{color:var(--settings-text-muted);font-size:.85rem}.settings-main .settings-card .scale-label-row .scale-badge{color:var(--settings-primary);background:#9966ff1a;border-radius:20px;padding:6px 12px;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700}.settings-main .settings-card .range-container{background:var(--settings-card-bg);border:1.5px solid var(--settings-border);border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.settings-main .settings-card .range-container:focus-within{border-color:var(--settings-primary);box-shadow:0 0 0 4px #9966ff1a}.settings-main .settings-card .range-container .range-icon{color:var(--settings-text-muted);justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-weight:600;display:flex}.settings-main .settings-card .range-container .range-icon.small{font-size:.9rem}.settings-main .settings-card .range-container .range-icon.large{font-size:1.4rem}.settings-main .settings-card .range-container .range-slider{appearance:none;background:var(--settings-border);border-radius:4px;outline:none;flex:1;width:100%;min-width:0;height:6px;transition:background .2s}.settings-main .settings-card .range-container .range-slider::-webkit-slider-runnable-track{border-radius:4px;height:6px}.settings-main .settings-card .range-container .range-slider::-webkit-slider-thumb{appearance:none;background:var(--settings-primary);cursor:pointer;border-radius:50%;width:22px;height:22px;margin-top:-8px;transition:transform .1s;box-shadow:0 2px 8px #96f6}.settings-main .settings-card .range-container .range-slider::-webkit-slider-thumb:hover,.settings-main .settings-card .range-container .range-slider::-webkit-slider-thumb:active{transform:scale(1.15)}.settings-main .settings-card .range-container .range-slider::-moz-range-thumb{background:var(--settings-primary);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;transition:transform .1s;box-shadow:0 2px 8px #96f6}.settings-main .settings-card .range-container .range-slider::-moz-range-thumb:hover,.settings-main .settings-card .range-container .range-slider::-moz-range-thumb:active{transform:scale(1.15)}.settings-main .settings-card .range-container .range-slider:focus-visible{outline:2px solid var(--settings-primary);outline-offset:4px}.settings-main .settings-card .toggle-row{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settings-main .settings-card .toggle-row .toggle-info{flex-direction:column;gap:4px;display:flex}.settings-main .settings-card .toggle-row .toggle-info strong{font-size:1rem;font-weight:600}.settings-main .settings-card .toggle-row .toggle-info span{color:var(--settings-text-muted);font-size:.85rem}.settings-main .settings-card .toggle-row .switch{flex-shrink:0;width:50px;height:28px;display:inline-block;position:relative}.settings-main .settings-card .toggle-row .switch input{opacity:0;width:0;height:0}.settings-main .settings-card .toggle-row .switch input:checked+.slider{background-color:var(--settings-primary)}.settings-main .settings-card .toggle-row .switch input:checked+.slider:before{transform:translate(22px)}.settings-main .settings-card .toggle-row .switch input:focus-visible+.slider{outline:2px solid var(--settings-text-main);outline-offset:2px}.settings-main .settings-card .toggle-row .switch .slider{cursor:pointer;background-color:var(--settings-border);border-radius:34px;transition:all .3s;position:absolute;inset:0}.settings-main .settings-card .toggle-row .switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0000001a}.accessibility-dialog-card .toggle-row>label.switch{flex:0 0 50px;min-width:50px;max-width:50px;width:50px!important;height:28px!important;max-height:28px!important}@media (max-width:600px){.settings-main .theme-grid{grid-template-columns:1fr}}.settings-app-layout{background-color:var(--settings-bg);grid-template:"sidebar main"minmax(0,1fr)/240px minmax(0,1fr);width:100%;height:100dvh;min-height:100vh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.settings-app-layout>.sidebar{grid-area:sidebar;height:100dvh;position:sticky;top:0;overflow-y:auto}.settings-public-layout{background-color:var(--settings-bg);flex-direction:column;width:100%;min-height:100vh;display:flex}.settings-app-layout .settings-main{flex:1;grid-area:main;min-width:0;min-height:0;padding-top:40px;overflow-y:auto}.settings-user-summary{border:1px solid var(--settings-border);background:#9966ff0d;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.user-summary-avatar{background:var(--settings-primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;display:grid}.user-summary-details{flex-direction:column;gap:4px;min-width:0;display:flex}.user-summary-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-summary-header h2{color:var(--settings-text-main);margin:0;font-family:Poppins,sans-serif;font-size:1.15rem}.user-summary-email{color:var(--settings-text-muted);margin:0;font-size:.85rem}.role-badge,.account-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}.role-badge.role-admin{color:#92400e;background:#fef3c7;border:1px solid #fde68a}[data-theme=dark] .role-badge.role-admin{color:#fef3c7;background:#78350f;border-color:#92400e}.role-badge.role-maintainer{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}[data-theme=dark] .role-badge.role-maintainer{color:#dbeafe;background:#1e3a8a;border-color:#2563eb}.role-badge.role-user{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}[data-theme=dark] .role-badge.role-user{color:#e5e7eb;background:#374151;border-color:#4b5563}.account-badge.badge-local{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}[data-theme=dark] .account-badge.badge-local{color:#d1fae5;background:#064e3b;border-color:#059669}.account-badge.badge-oauth{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}[data-theme=dark] .account-badge.badge-oauth{color:#fee2e2;background:#7f1d1d;border-color:#dc2626}.settings-tabs{border-bottom:1px solid var(--settings-border);gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.settings-tab-btn{color:var(--settings-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.settings-tab-btn:hover{color:var(--settings-text-main);background:#9966ff0d}.settings-tab-btn.active{background:var(--settings-primary);color:#fff}.settings-section-desc{color:var(--settings-text-muted);margin:-8px 0 16px;font-size:.9rem;line-height:1.5}.settings-form{flex-direction:column;gap:20px;margin-top:16px;display:flex}.settings-form-group{flex-direction:column;gap:6px;display:flex}.settings-label-row{justify-content:space-between;align-items:center;display:flex}.settings-form-group label{color:var(--settings-text-main);font-size:.9rem;font-weight:600}.settings-char-count{color:var(--settings-text-muted);font-size:.8rem}.settings-input-wrapper{align-items:center;display:flex;position:relative}.settings-input{background:var(--settings-card-bg);border:1.5px solid var(--settings-border);width:100%;color:var(--settings-text-main);border-radius:12px;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.settings-input:focus{border-color:var(--settings-primary);outline:none;box-shadow:0 0 0 3px #9966ff26}.settings-input.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.settings-input:disabled{opacity:.6;cursor:not-allowed}.settings-input-toggle{color:var(--settings-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;transition:color .2s;position:absolute;right:12px}.settings-input-toggle:hover{color:var(--settings-primary)}.settings-field-hint{color:var(--settings-text-muted);font-size:.8rem}.settings-field-error{color:#ef4444;margin:0;font-size:.82rem}.password-requirements-box{border:1px solid var(--settings-border);background:#9966ff0a;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;margin-top:6px;padding:12px 14px;display:grid}.req-item{color:var(--settings-text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.req-item.met{color:#10b981;font-weight:600}.elevation-box{border:1px solid var(--settings-border);background:#9966ff08;border-radius:16px;padding:16px}.elevation-box p{color:var(--settings-text-muted);margin-top:0;font-size:.9rem;line-height:1.5}.settings-form-actions{gap:12px;margin-top:8px;display:flex}.settings-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.settings-btn:disabled{opacity:.55;cursor:not-allowed}.settings-btn-sm{border-radius:8px;padding:8px 16px;font-size:.85rem}.settings-btn-primary{background:var(--settings-primary);color:#fff}.settings-btn-primary:hover:not(:disabled){background:var(--settings-primary-hover);transform:translateY(-1px)}.settings-btn-secondary{border:1.5px solid var(--settings-border);color:var(--settings-text-main);background:0 0}.settings-btn-secondary:hover:not(:disabled){border-color:var(--settings-primary);color:var(--settings-primary)}.settings-alert{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:.9rem;line-height:1.5;display:flex}.settings-alert .alert-content{flex-direction:column;gap:4px;display:flex}.settings-alert .alert-content p{margin:0;font-size:.88rem}.settings-alert .alert-dismiss{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;font-size:1.4rem;line-height:1}.settings-alert .alert-dismiss:hover{opacity:1}.alert-success{color:#065f46;background:#10b9811a;border:1px solid #10b9814d}[data-theme=dark] .alert-success{color:#34d399}.alert-error{color:#991b1b;background:#ef44441a;border:1px solid #ef44444d}[data-theme=dark] .alert-error{color:#f87171}.alert-warning{color:#92400e;background:#f59e0b1a;border:1px solid #f59e0b4d}[data-theme=dark] .alert-warning{color:#fbbf24}.alert-info{color:var(--settings-text-main);background:#9966ff14;border:1px solid #9966ff40}@media (max-width:768px){.settings-main{width:100%!important;min-height:auto!important;padding:38px!important}.settings-card{border-radius:16px!important;width:100%!important;max-width:100%!important;padding:20px 14px!important;box-shadow:0 4px 16px #0000000d!important}.settings-card .settings-header h1{font-size:clamp(1.4rem,6vw,1.8rem)!important}.settings-tabs,.settings-tabs-nav{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:8px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.settings-tabs::-webkit-scrollbar{display:none!important}.settings-tabs-nav::-webkit-scrollbar{display:none!important}.settings-tab-btn{flex-shrink:0!important;min-height:40px!important;padding:8px 14px!important;font-size:.85rem!important}.settings-user-summary{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:14px!important}.settings-main .theme-grid{grid-template-columns:1fr!important;gap:10px!important}.ui-scale-buttons{flex-wrap:wrap!important;gap:8px!important}.ui-scale-btn{flex:calc(50% - 8px)!important;min-height:42px!important}.settings-input,input.settings-input{min-height:44px!important;font-size:16px!important}.settings-btn-primary{width:100%!important;min-height:44px!important}}