.account-settings-modal{--as-control-height:38px;--as-control-radius:8px;--as-control-padding-x:12px;--as-control-padding-y:8px;--as-pane-padding-x:28px;--as-pane-padding-y:24px;--as-rail-padding-x:14px;--as-rail-padding-y:18px;--as-section-gap:28px;--as-field-gap:6px;--as-stack-gap:14px;--as-header-band-height:56px}.account-settings-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center}.account-settings-modal.is-open{display:flex}.account-settings-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}.account-settings-shell{position:relative;display:grid;grid-template-columns:232px 1fr;width:min(900px,92vw);height:min(720px,88vh);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.account-settings-rail{background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);padding:0 var(--as-rail-padding-x) var(--as-rail-padding-y);display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto}.account-settings-rail-header{margin:0 calc(-1*var(--as-rail-padding-x));padding:0 calc(var(--as-rail-padding-x) + 8px);height:var(--as-header-band-height);display:flex;align-items:center;border-bottom:1px solid var(--border-subtle);margin-bottom:calc(var(--as-rail-padding-y) - 14px);background:var(--bg-tertiary)}.account-settings-rail-header h2{margin:0;font-size:.95rem;font-weight:600;letter-spacing:.01em;color:var(--text-primary)}.account-settings-tabs{display:flex;flex-direction:column;gap:2px}.account-settings-tab{display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease}.account-settings-tab>i{width:16px;font-size:.95rem;color:var(--text-muted);flex:0 0 auto;text-align:center}.account-settings-tab:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:var(--text-primary)}.account-settings-tab:hover>i{color:var(--text-secondary)}.account-settings-tab.active{background:color-mix(in srgb,var(--text-primary) 10%,transparent);color:var(--text-primary);border-color:transparent;font-weight:600}.account-settings-tab.active>i{color:var(--text-primary)}.account-settings-tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.account-settings-pane{position:relative;padding:0 var(--as-pane-padding-x) var(--as-pane-padding-y);overflow-y:auto;min-height:0;min-width:0}.account-settings-close{position:absolute;top:calc((var(--as-header-band-height) - 32px)/2);right:14px;z-index:3;background:transparent;color:var(--text-muted);border:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .12s ease,color .12s ease}.account-settings-close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.account-settings-close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.account-settings-content h3{margin:0 0 18px;font-size:1.3rem;font-weight:700;line-height:1.25;letter-spacing:-.005em;color:var(--text-primary)}.account-settings-content>h3:first-child{position:sticky;top:0;z-index:2;margin:0 calc(-1*var(--as-pane-padding-x)) 18px;padding:0 calc(var(--as-pane-padding-x) + 32px) 0 var(--as-pane-padding-x);height:var(--as-header-band-height);display:flex;align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);font-size:1.1rem;font-weight:700;letter-spacing:-.005em}.account-settings-content h3+*,.account-settings-content h4+*{margin-top:0}.account-settings-content>h3~h3,.account-settings-content>h3~h4{margin-top:var(--as-section-gap)}.account-settings-content .section-divider{margin:var(--as-section-gap) 0;border:0;border-top:1px solid var(--border-subtle);opacity:.85}.account-settings-content .section-label,.account-settings-rail .section-label{text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;font-weight:600;color:var(--text-muted);margin:6px 0 8px}.account-settings-loading{color:var(--text-muted);padding:calc(var(--as-header-band-height) + 1rem) 0 2rem;text-align:center}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.settings-row:last-child{border-bottom:0}.settings-row>label{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:.92rem;font-weight:500}.settings-row>label>i{color:var(--text-muted);font-size:1rem}.settings-letter{font-weight:700;font-size:1.05rem;width:1.25em;display:inline-block;text-align:center;color:var(--text-muted)}.settings-control{display:flex;align-items:center;gap:10px}.settings-control select{height:var(--as-control-height);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--as-control-radius);padding:0 28px 0 var(--as-control-padding-x);font:inherit;font-size:.9rem;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.settings-control select:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 22%,transparent)}.settings-control input[type="range"]{accent-color:var(--accent-primary);width:140px}.settings-toggle{position:relative;width:38px;height:22px;display:inline-block;cursor:pointer;flex:0 0 auto}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-slider{position:absolute;inset:0;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:999px;transition:background .15s,border-color .15s}.settings-toggle-slider::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-muted);border-radius:50%;transition:transform .15s ease,background .15s}.settings-toggle input:checked+.settings-toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.settings-toggle input:checked+.settings-toggle-slider::after{transform:translateX(14px);background:#fff}.settings-toggle input:focus-visible+.settings-toggle-slider{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.settings-grid-2{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-bottom:14px}@media(max-width:640px){.settings-grid-2{grid-template-columns:1fr}}.settings-field{display:flex;flex-direction:column;gap:var(--as-field-gap);margin-bottom:var(--as-stack-gap)}.settings-field>label{color:var(--text-muted);font-size:.78rem;font-weight:500;letter-spacing:.005em}.settings-input{height:var(--as-control-height);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--as-control-radius);padding:0 var(--as-control-padding-x);font:inherit;font-size:.92rem;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.settings-input::placeholder{color:var(--text-muted);opacity:.7}.settings-input:hover{border-color:color-mix(in srgb,var(--text-primary) 22%,transparent)}.settings-input:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 22%,transparent)}.settings-input:disabled{opacity:.55;cursor:not-allowed}textarea.settings-input{height:auto;min-height:calc(var(--as-control-height)*2);padding:var(--as-control-padding-y) var(--as-control-padding-x);line-height:1.4;resize:vertical}.account-settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--as-control-height);padding:0 16px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--as-control-radius);font:inherit;font-size:.88rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.account-settings-btn:hover{background:color-mix(in srgb,var(--text-primary) 8%,var(--bg-tertiary));color:var(--text-primary)}.account-settings-btn:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.account-settings-btn.primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.account-settings-btn.primary:hover{background:color-mix(in srgb,#000 8%,var(--accent-primary));border-color:color-mix(in srgb,#000 8%,var(--accent-primary));color:#fff}.account-settings-btn.danger{background:#c0392b;color:#fff;border-color:#c0392b}.account-settings-btn.danger:hover{background:#a93226;border-color:#a93226;color:#fff}.account-settings-btn:disabled{opacity:.5;cursor:not-allowed}.account-settings-btn-link{background:transparent;border:0;color:var(--accent-primary);cursor:pointer;font:inherit;font-size:.88rem;font-weight:500;padding:4px 6px;border-radius:var(--radius-sm)}.account-settings-btn-link:hover{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,transparent)}.account-settings-btn-link:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.account-settings-toast{padding:10px 12px;border-radius:var(--as-control-radius);margin-bottom:14px;font-size:.88rem;line-height:1.4;border:1px solid transparent}.account-settings-toast.success{background:rgba(46,160,67,.12);color:#2ea043;border-color:rgba(46,160,67,.3)}.account-settings-toast.error{background:rgba(192,57,43,.12);color:#c0392b;border-color:rgba(192,57,43,.3)}.device-actions{display:flex;gap:8px;flex-wrap:wrap}.device-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.device-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--as-control-radius);color:var(--text-secondary);font-size:.9rem}.device-row>i{color:var(--text-muted)}.device-row.is-current{border-color:color-mix(in srgb,var(--accent-primary) 55%,transparent);background:color-mix(in srgb,var(--accent-primary) 6%,var(--bg-primary))}.device-label{color:var(--text-primary);font-weight:500}.device-meta{color:var(--text-muted);font-size:.82rem;margin-left:6px}.device-pill{margin-left:auto;background:var(--accent-primary);color:#fff;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.security-section+.section-divider{margin-top:var(--as-section-gap)}.security-section h4{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:var(--text-primary);letter-spacing:-.005em}.security-section p{margin:0 0 12px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.security-section.danger-zone{border:1px solid rgba(192,57,43,.45);border-radius:var(--radius-md);padding:16px 18px;background:rgba(192,57,43,.06)}.security-section.danger-zone h4{color:#c0392b;margin-top:0}.security-section.danger-zone p{color:var(--text-secondary)}.pm-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:.9rem}.pm-table th,.pm-table td{border-bottom:1px solid var(--border-subtle);padding:10px 8px;text-align:left;color:var(--text-primary);vertical-align:middle}.pm-table th{color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.pm-role-pill{display:inline-block;background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:500}@media(max-width:640px){.account-settings-shell{grid-template-columns:1fr;height:100vh;width:100vw;border-radius:0}.account-settings-rail{border-right:0;border-bottom:1px solid var(--border-subtle);max-height:38vh}.account-settings-pane{padding:0 18px 20px;--as-pane-padding-x:18px}}html[data-contrast="high"] .account-settings-shell{border-color:var(--text-primary)}html[data-contrast="high"] .account-settings-tab.active{background:color-mix(in srgb,var(--text-primary) 18%,transparent);outline:1px solid var(--border-subtle)}html[data-contrast="high"] .settings-input,html[data-contrast="high"] .settings-control select{border-color:color-mix(in srgb,var(--text-primary) 40%,transparent)}#qr-code-mount{display:inline-block;padding:12px;background:#fff;border-radius:var(--radius-md);line-height:0}#qr-code-mount img,#qr-code-mount canvas{display:block}