.settings-page{max-width:920px;margin:0 auto;padding:14px 0 48px}.settings-sections{gap:30px;min-width:0;display:grid}.settings-nav{display:none}@media (min-width:1050px){.settings-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:40px;display:grid}.settings-nav{gap:3px;display:grid;position:sticky;top:24px}}.settings-nav a{color:#aaa6b5;border-radius:8px;align-items:center;gap:11px;padding:11px 13px;font-size:13px;display:flex}.settings-nav a:hover{color:#eee;background:#1f1d26}.settings-nav a[aria-current=true]{color:#d0bafa;background:#292135}.settings-nav a:focus-visible{outline-offset:2px}html[data-account=guest] :is(.settings-nav[inert],.settings-skeleton) .is-members,html:not([data-account=guest]) .settings-skeleton .is-guest-only,html:not([data-member]) .settings-skeleton .is-paid-plan,html[data-member] .settings-skeleton .is-free-plan{display:none}html[data-account=guest] .settings-skeleton .settings-account-main{grid-template-areas:"avatar text balance"}html[data-account=guest] .settings-skeleton .settings-account-text{align-self:center}html[data-account=guest] .settings-skeleton .settings-row.is-members+.settings-row{border-top:0}html[data-avatar] .settings-skeleton .is-no-avatar,html:not([data-avatar]) .settings-skeleton .is-avatar-only{display:none}.settings-account,.settings-section,.settings-card{scroll-margin-top:24px}.settings-account:focus,.settings-section:focus{outline:none}.settings-account{background:#211c2a;border:1px solid #3c3348;border-radius:14px;gap:18px;padding:22px 24px;display:grid}.settings-account-main{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"avatar text balance""avatar plan balance";align-items:center;gap:8px 16px;display:grid}.settings-account-main.is-guest{grid-template-areas:"avatar text balance"}.settings-avatar{color:#e2cff9;background:#393043;border-radius:50%;grid-area:avatar;place-items:center;width:56px;height:56px;font-size:22px;font-weight:600;display:grid}.settings-avatar-button{cursor:pointer;border-radius:50%;grid-area:avatar;width:56px;height:56px;padding:0;position:relative}.settings-avatar-button>.settings-avatar{width:100%;height:100%}.settings-avatar-button:focus-visible{outline-offset:3px;outline:2px solid #c4b5fd}.settings-avatar-button:after{content:"";opacity:0;pointer-events:none;background:#110d1673;border-radius:50%;position:absolute;inset:0}@media (hover:hover){.settings-avatar-button:hover:after{opacity:1}}.settings-avatar-badge{z-index:1;color:#fff;background:#8b6cff;border:2px solid #211c2a;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-2px;right:-2px}.settings-account-text{grid-area:text;grid-template-columns:minmax(0,1fr);align-self:end;gap:2px;min-width:0;display:grid}.is-guest>.settings-account-text{align-self:center}.settings-account-name{letter-spacing:-.3px;color:#ede4fa;overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.3}.settings-account-email{color:#aaa2b6;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.settings-plan{color:#c5b7ce;flex-wrap:wrap;grid-area:plan;align-self:start;align-items:center;gap:6px 9px;font-size:12px;display:flex}.settings-badge{color:#dcc8f7;background:#32243f;border:1px solid #5c4b70;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.settings-badge.is-free{color:#b9adc9;background:0 0;border-color:#43384f;font-weight:500}.settings-balance{text-align:right;grid-area:balance;justify-items:end;display:grid}.settings-balance strong{letter-spacing:-.8px;color:#ede4fa;font-size:28px;font-weight:600;line-height:1.15}.settings-balance>span{color:#b9adc9;font-size:12px}.settings-quick-links{border-top:1px solid #2e2838;flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.settings-quick-links>*{color:#e7d5ff;background:#27232f;border:1px solid #43384f;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:7px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.settings-quick-links a:hover{background:#362d42}.settings-quick-links svg{color:#c6adeb}.settings-guest{border-top:1px solid #2e2838;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding-top:16px;display:flex}.settings-guest p{color:#c9bdd6;flex:260px;font-size:13px;line-height:1.55}.settings-guest strong{color:#ede4fa;font-weight:600}.settings-success{color:#c9f0da;background:#1d2a23;border:1px solid #3f5c4b;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.settings-success>span{flex:240px;align-items:flex-start;gap:8px;display:flex}.settings-success>span>svg{flex-shrink:0;margin-top:2px}.settings-success .button-secondary{padding:9px 14px}.settings-section-head{justify-content:space-between;align-items:center;gap:12px;min-height:22px;margin:0 2px 10px;display:flex}.settings-section-head h2{letter-spacing:-.2px;color:#ede4fa;font-size:15px;font-weight:600}.settings-card{background:#211c2a;border:1px solid #3c3348;border-radius:14px}.settings-section.is-danger .settings-card{border-color:#6b302e}.settings-section.is-danger h2{color:#f3b6ad}.settings-status{color:#aaa2b6;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.settings-status[data-state=saved]{color:#b1dac6;animation:2s ease-in forwards settings-status-fade}.settings-status[data-state=error]{color:#ffb4a8}@keyframes settings-status-fade{0%,75%{opacity:1}to{opacity:0}}.settings-row{justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 20px;display:flex}.settings-row+.settings-row{border-top:1px solid #2e2838}.settings-row.is-toggle{cursor:pointer}.settings-row.is-toggle:hover{background:#251f2f}.settings-card>.settings-row:first-child{border-top-left-radius:13px;border-top-right-radius:13px}.settings-card>.settings-row:last-child{border-bottom-right-radius:13px;border-bottom-left-radius:13px}.settings-row.is-stacked{flex-direction:column;align-items:stretch;gap:12px;padding-top:16px;padding-bottom:18px}.settings-row.is-nested{background:#1d1925;padding-left:40px}.settings-row.is-nested:hover{background:#221c2b}.settings-row.has-action,.settings-row.has-choice{flex-wrap:wrap}.settings-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.settings-row-text{flex:220px;gap:3px;min-width:0;display:grid}.settings-row.is-stacked>.settings-row-text{flex:none}.settings-row-text>strong,.settings-row-text>label{color:#ede4fa;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.settings-row-text>p,.settings-help{color:#aaa2b6;font-size:12.5px;line-height:1.5;display:block}.settings-row-text>p.settings-value{color:#d9cfe6;overflow-wrap:anywhere;font-size:13.5px}.settings-row .button-secondary,.settings-row .button-primary{flex-shrink:0;min-height:38px;padding:9px 15px}.settings-row.has-avatar{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"avatar text actions";align-items:center;column-gap:16px;display:grid}.settings-row-avatar{color:#e2cff9;background:#393043;border-radius:50%;grid-area:avatar;place-items:center;width:48px;height:48px;font-size:19px;font-weight:600;display:grid}.settings-row.has-avatar>.settings-row-text{grid-area:text}.settings-avatar-actions{flex-wrap:wrap;grid-area:actions;gap:8px;display:flex}.settings-tag{color:#b9adc9;border:1px solid #43384f;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:1.6}.settings-switch{width:44px;height:24px}.settings-switch>[data-slot=switch-thumb]{width:18px;height:18px;translate:2px}.settings-switch[data-state=checked]>[data-slot=switch-thumb]{translate:22px}.settings-input{color:#f2ecfa;background:#17131d;border:1px solid #43384f;border-radius:9px;width:100%;min-width:0;min-height:42px;padding:9px 13px;font-size:15px}.settings-input:focus-visible{outline-offset:1px;outline:2px solid #c4b5fd}.settings-name{gap:10px;max-width:460px;display:flex}.settings-name .settings-input{flex:1}.settings-chips{flex-wrap:wrap;gap:8px;display:flex}.settings-chips button{color:#c6bbd0;border:1px solid #453650;border-radius:999px;min-height:38px;padding:8px 14px;font-size:13px}.settings-chips button:hover{color:#ede4fa;border-color:#6a5880}.settings-chips button[aria-pressed=true]{color:#f5ecff;background:#3a2b4a;border-color:#b49be6}.settings-choice{background:#17131d;border:1px solid #3c3348;border-radius:999px;flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:3px;display:inline-flex}.settings-choice button{color:#b8adc6;border-radius:999px;min-height:34px;padding:6px 14px;font-size:13px;font-weight:500}.settings-choice button:hover{color:#ede4fa}.settings-choice button[aria-checked=true]{color:#241333;background:#c8affb}.settings-choice button:focus-visible{outline-offset:2px}.settings-password{gap:8px;max-width:420px;display:grid}.settings-password>label{color:#ede4fa;font-size:13px;font-weight:600}.settings-password .auth-password input{width:100%;min-height:44px;color:inherit;background:#17131d;border:1px solid #43384f;border-radius:9px;padding:10px 13px;font-size:15px}.settings-password .auth-password input:focus-visible{outline-offset:1px;outline:2px solid #c4b5fd}.settings-form-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.settings-message{color:#c9bdd6;align-items:center;gap:6px;font-size:12.5px;line-height:1.5;display:flex}.settings-message:empty{display:none}.settings-message.is-done:empty{clip-path:inset(50%);width:1px;height:1px;display:block;position:absolute;overflow:hidden}.settings-message.is-done{color:#b1dac6}.settings-message.is-error{color:#ffb4a8}.settings-danger-button.button-secondary{color:#ffb4a8;border-color:#7a3230}.settings-danger-button.button-secondary:hover:not(:disabled){background:#3a1b1b}.settings-danger-button:disabled{opacity:.5;cursor:not-allowed}.settings-delete{gap:8px;display:grid}.settings-delete>label{font-size:13px;font-weight:600}.settings-delete .settings-input{letter-spacing:.08em}.settings-delete .mature-confirm-actions{margin-top:8px}.settings-footer{color:#a99cb7;flex-wrap:wrap;gap:8px 18px;padding:0 4px;font-size:12.5px;display:flex}.settings-footer a:hover{color:#e1d4ff}.settings-skeleton .skeleton,.settings-skeleton-ghost{background:#2a2433}.settings-skeleton-ghost{color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px}.settings-skeleton :is(.settings-badge,.settings-quick-links>*,.button-primary,.button-secondary){color:#0000;background:#2a2433;border-color:#0000}.settings-skeleton :is(.settings-badge,.settings-quick-links>*,.button-primary,.button-secondary) svg{visibility:hidden}.settings-skeleton-bar{border-radius:4px;max-width:100%;height:12px;display:block}.settings-skeleton-bar.is-chip{border-radius:999px;height:38px;display:inline-block}.settings-skeleton-input{border-radius:9px;width:100%;max-width:460px;height:42px;display:block}.settings-skeleton-switch{border-radius:999px;flex-shrink:0;width:44px;height:24px}.settings-skeleton-segmented{border-radius:999px;width:min(100%,360px);height:42px;display:block}.settings-skeleton-segmented.is-short{width:140px}@media (max-width:760px){.settings-page{padding:0 0 32px}.settings-sections{gap:24px}.settings-account,.settings-section,.settings-card{scroll-margin-top:80px}.settings-account{gap:16px;padding:18px}.settings-account-main{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"avatar text text""plan plan balance";gap:14px}.settings-account-main.is-guest{grid-template-areas:"avatar text balance"}.settings-avatar{width:48px;height:48px;font-size:19px}.settings-avatar-button{width:48px;height:48px}.settings-avatar-badge{width:20px;height:20px}.settings-row.has-avatar{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"avatar text""actions actions";gap:12px 14px}.settings-row-avatar{width:44px;height:44px;font-size:17px}.settings-avatar-actions>*{flex:1}.settings-account-text{align-self:center}.settings-account-name{font-size:17px}.settings-plan{align-self:center}.settings-balance{align-items:baseline;gap:5px;display:flex}.settings-balance strong{letter-spacing:-.4px;font-size:20px}.settings-quick-links{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-quick-links>*{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;min-height:58px;padding:9px 4px;font-size:12px}.settings-section-head{margin:0 4px 8px}.settings-section-head h2{color:#b9adc9;letter-spacing:0;font-size:13px}.settings-row{min-height:52px;padding:13px 16px}.settings-row.is-nested{padding-left:28px}.settings-row-text>strong,.settings-row-text>label{font-size:14px}.settings-row.has-choice{row-gap:12px}.settings-choice.is-wide{border-radius:14px;grid-template-columns:1fr 1fr;width:100%;display:grid}.settings-choice.is-wide button{border-radius:11px}.settings-skeleton-segmented.is-wide{border-radius:14px;width:100%;height:78px}.settings-name .button-secondary{padding-inline:16px}.settings-footer{padding:0 6px}}@media (prefers-reduced-motion:reduce){.settings-status[data-state=saved]{animation:none}}.avatar-editor{max-width:440px}.avatar-crop-stage{aspect-ratio:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#17131d;border-radius:14px;width:min(100%,320px);margin-inline:auto;position:relative;overflow:hidden}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage.is-empty,.avatar-crop-stage[aria-busy=true]{cursor:default}.avatar-crop-stage:focus-visible{outline-offset:2px;outline:2px solid #c4b5fd}.avatar-crop-stage:after{content:"";pointer-events:none;border-radius:50%;outline:2px solid #ffffffd9;position:absolute;inset:16px;box-shadow:0 0 0 999px #110d169e}.avatar-crop-photo>canvas{transform-origin:0 0;max-width:none;position:absolute;top:50%;left:50%}.avatar-crop-status{z-index:1;color:#c9bdd6;justify-content:center;align-items:center;gap:8px;font-size:12.5px;display:flex;position:absolute;inset:0}.avatar-zoom{color:#a99cb7;align-items:center;gap:10px;width:min(100%,320px);margin-inline:auto;display:flex}.avatar-zoom input{accent-color:#8b6cff;flex:1;min-width:0}.avatar-zoom input:disabled{opacity:.5}.avatar-editor-note{color:#aaa2b6;font-size:12.5px;line-height:1.55}.avatar-editor .settings-message a{color:#e1cdfa;text-underline-offset:3px;text-decoration:underline}.avatar-editor-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.avatar-editor-another{color:#cbb2e7;margin-right:auto;padding:8px 2px;font-size:12.5px;font-weight:500}.avatar-editor-another:hover:not(:disabled){color:#eadcfb}.avatar-editor-actions button:disabled{cursor:not-allowed}.avatar-editor-actions>:is(.button-secondary,.button-primary){min-height:40px;padding:9px 16px}@media (max-width:760px){.avatar-editor-another{text-align:left;flex-basis:100%}.avatar-editor-actions>:is(.button-secondary,.button-primary){flex:1}}
