.settings{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:36px 16px 72px}.settings__title{font-size:var(--fs-32);letter-spacing:-.02em;color:var(--fg-heading);margin:0 0 4px;font-weight:600}.settings__subtitle{font-size:var(--fs-14);color:var(--fg-muted);margin:0 0 28px}.settings__grid{grid-template-columns:240px 1fr;align-items:start;gap:32px;display:grid}.settings-nav{top:calc(var(--header-h) + 24px);flex-direction:column;gap:2px;display:flex;position:sticky}.settings-nav__group-label{font-size:var(--fs-12);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em;padding:0 12px 8px;font-weight:600}.settings-nav__item{border-radius:var(--radius-md);font-size:var(--fs-14);color:var(--fg-default);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.settings-nav__item svg{opacity:.8;flex:none;width:18px;height:18px}.settings-nav__item:hover{background:var(--bg-subtle);text-decoration:none}.settings-nav__item[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.settings-nav__item[aria-current=page] svg{opacity:1}.settings__content{flex-direction:column;gap:20px;min-width:0;display:flex}.s-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.s-card__head{border-bottom:1px solid var(--border);padding:20px 24px}.s-card__head h2{font-size:var(--fs-17);color:var(--fg-heading);margin:0;font-weight:600}.s-card__head p{font-size:var(--fs-13);color:var(--fg-muted);margin:4px 0 0;line-height:1.5}.s-card__body{flex-direction:column;gap:18px;padding:24px;display:flex}.s-card__foot{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.s-card__foot--spread{justify-content:space-between}.s-field-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.s-field-grid .field--full{grid-column:1/-1}.field__hint--ok{color:var(--accent)}.field__hint--err{color:var(--like)}.username-preview{font-size:var(--fs-12);color:var(--fg-muted)}.username-preview b{color:var(--fg-default);font-weight:600}.avatar-row{align-items:center;gap:24px;display:flex}.avatar-thumb{border-radius:var(--radius-pill);background:var(--accent);color:#fff;-webkit-user-select:none;user-select:none;flex:none;place-items:center;width:96px;height:96px;font-size:30px;font-weight:600;display:grid;position:relative;overflow:hidden}.avatar-thumb img{object-fit:cover;width:100%;height:100%;display:none;position:absolute;inset:0}.avatar-thumb.has-img img{display:block}.avatar-thumb.has-img .avatar-thumb__initials{display:none}.avatar-thumb__spinner{background:#0f111773;place-items:center;display:none;position:absolute;inset:0}.avatar-thumb.is-loading .avatar-thumb__spinner{display:grid}.avatar-controls{flex-direction:column;gap:10px;min-width:0;display:flex}.avatar-controls__btns{flex-wrap:wrap;gap:10px;display:flex}.avatar-controls__hint{font-size:var(--fs-12);color:var(--fg-subtle);line-height:1.45}.avatar-controls__hint.is-err{color:var(--like)}.banner{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);font-size:var(--fs-13);align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.5;display:flex}.banner__icon{flex:none;width:20px;height:20px;margin-top:1px}.banner__body{flex:1;min-width:0}.banner__body b{color:var(--fg-heading)}.banner__body p{color:var(--fg-muted);margin:2px 0 0}.banner__action{flex:none}.banner--warn{background:color-mix(in srgb, var(--warn) 12%, var(--bg-surface));border-color:color-mix(in srgb, var(--warn) 38%, var(--border))}.banner--warn .banner__icon{color:var(--warn)}.banner--info{background:color-mix(in srgb, var(--info) 10%, var(--bg-surface));border-color:color-mix(in srgb, var(--info) 32%, var(--border))}.banner--info .banner__icon{color:var(--info)}.banner--success{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 32%, var(--border))}.banner--success .banner__icon{color:var(--accent)}@media (width<=520px){.banner{flex-wrap:wrap}.banner__action,.banner__action .btn{width:100%}}.btn.is-loading{pointer-events:none;position:relative;color:#0000!important}.btn.is-loading:after{content:"";width:16px;height:16px;color:var(--fg-on-accent);border:2px solid;border-top-color:#0000;border-radius:50%;animation:.7s linear infinite spin;position:absolute}.btn--ghost.is-loading:after,.btn--danger-soft.is-loading:after{color:var(--fg-default)}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{z-index:3000;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);background:var(--chrome-deep);color:#fff;font-size:var(--fs-13);box-shadow:var(--shadow-pop);align-items:center;gap:10px;padding:12px 18px;font-weight:500;animation:.22s ease-out toast-in;display:flex}.toast.is-out{animation:.22s ease-in forwards toast-out}.toast svg{flex:none;width:18px;height:18px}.toast--success svg{color:var(--accent)}.toast--error svg{color:var(--like)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(12px)}}.tfa-status{align-items:center;gap:12px;display:flex}.tfa-status__dot{background:var(--border-strong);border-radius:50%;flex:none;width:10px;height:10px}.tfa-status__text{flex:1;min-width:0}.tfa-status__text b{font-size:var(--fs-14);color:var(--fg-heading);display:block}.tfa-status__text span{font-size:var(--fs-12);color:var(--fg-muted)}body[data-tfa=on] .tfa-status__dot{background:var(--accent)}.tfa-setup{flex-direction:column;gap:20px;display:none}body[data-tfa=setup] .tfa-setup{display:flex}.tfa-on{flex-direction:column;gap:20px;display:none}body[data-tfa=on] .tfa-on{display:flex}.tfa-on-text{display:none}body[data-tfa=on] .tfa-on-text{display:inline}body[data-tfa=on] .tfa-off-text{display:none}.tfa-setup__actions{flex-wrap:wrap;gap:10px;display:flex}body[data-tfa=setup] .tfa-action--enable,body[data-tfa=on] .tfa-action--enable,.tfa-action--disable{display:none}body[data-tfa=on] .tfa-action--disable{display:inline-flex}body[data-tfa=on] .tfa-setup,body[data-tfa=off] .tfa-setup{display:none}.tfa-setup__cols{grid-template-columns:auto 1fr;align-items:start;gap:24px;display:grid}.qr{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;flex:none;grid-template-rows:repeat(21,1fr);grid-template-columns:repeat(21,1fr);width:168px;height:168px;padding:10px;display:grid}.qr i{background:0 0}.qr i.on{background:var(--chrome-deep)}.tfa-setup__steps{flex-direction:column;gap:14px;min-width:0;display:flex}.tfa-step{font-size:var(--fs-13);color:var(--fg-default);gap:12px;line-height:1.5;display:flex}.tfa-step__n{background:var(--bg-subtle);width:22px;height:22px;color:var(--fg-default);font-size:var(--fs-12);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.code-input{text-align:center;letter-spacing:.4em;width:160px;height:46px;font-size:var(--fs-17);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--fg-heading);outline:0;font-weight:600;transition:border-color .15s,box-shadow .15s}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.recovery{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-page);overflow:hidden}.recovery__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.recovery__head b{font-size:var(--fs-13);color:var(--fg-heading)}.recovery__actions{gap:6px;display:flex}.recovery__list{grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;padding:12px 16px;list-style:none;display:grid}.recovery__list li{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:var(--fs-14);color:var(--fg-default);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:8px;display:flex}.recovery__list li code{white-space:nowrap}.recovery__list li.is-used{color:var(--fg-subtle);text-decoration:line-through}.copy-btn{width:26px;height:26px;color:var(--fg-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.copy-btn:hover{background:var(--bg-subtle);color:var(--accent)}.copy-btn svg{width:15px;height:15px}.session-list{flex-direction:column;display:flex}.session{border-top:1px solid var(--border);align-items:center;gap:14px;padding:14px 0;display:flex}.session:first-child{border-top:0;padding-top:0}.session__icon{border-radius:var(--radius-md);background:var(--bg-subtle);width:40px;height:40px;color:var(--fg-muted);flex:none;place-items:center;display:grid}.session__icon svg{width:20px;height:20px}.session__body{flex:1;min-width:0}.session__title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.session__title b{font-size:var(--fs-14);color:var(--fg-heading);font-weight:600}.session__meta{font-size:var(--fs-12);color:var(--fg-muted);margin-top:2px}.session-badge{font-size:var(--fs-12);color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);padding:2px 8px;font-weight:600}.session__end{color:var(--fg-muted);font-size:var(--fs-13);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex:none;padding:6px 8px}.session__end:hover{color:var(--like);background:color-mix(in srgb, var(--like) 8%, transparent)}.danger-divider{align-items:center;gap:14px;margin:16px 2px 4px;display:flex}.danger-divider span{font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.05em;color:var(--like);font-weight:600}.danger-divider:before,.danger-divider:after{content:"";background:var(--border);flex:1;height:1px}.danger-divider:before{flex:0 0 0}.s-card--danger{border-color:color-mix(in srgb, var(--like) 40%, var(--border))}.s-card--danger .s-card__head{border-bottom-color:color-mix(in srgb, var(--like) 22%, var(--border))}.btn--danger{background:var(--like);color:#fff;border-color:var(--like)}.btn--danger:hover{background:color-mix(in srgb, var(--like) 86%, #000);border-color:color-mix(in srgb, var(--like) 86%, #000)}.btn--danger-soft{border-color:color-mix(in srgb, var(--like) 45%, var(--border));color:var(--like);background:0 0}.btn--danger-soft:hover{background:color-mix(in srgb, var(--like) 8%, transparent)}.modal--confirm{max-width:440px;animation:none}.modal__intro{font-size:var(--fs-13);color:var(--fg-muted);margin:0;line-height:1.55}.modal__intro b{color:var(--fg-heading)}.modal__footer-row{gap:10px;display:flex}.modal__footer-row .btn{flex:1;height:46px}@media (width<=1100px){.settings{max-width:760px}.settings__grid{grid-template-columns:200px 1fr;gap:24px}}@media (width<=720px){.settings{padding:24px 16px 56px}.settings__title{font-size:var(--fs-24)}.settings__subtitle{margin-bottom:20px}.settings__grid{grid-template-columns:1fr;gap:18px}.settings-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:6px;padding-bottom:4px;position:static;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav__group-label{display:none}.settings-nav__item{border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap;flex:none;padding:9px 14px}.settings-nav__item[aria-current=page]{border-color:#0000}.s-field-grid,.recovery__list{grid-template-columns:1fr}.tfa-setup__cols{text-align:left;grid-template-columns:1fr;justify-items:center}.avatar-row{flex-direction:column;align-items:flex-start;gap:16px}.modal-backdrop{align-items:flex-end;padding:0}.modal--confirm{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%}}