.settings-page{max-width:1120px;margin:auto;color:#244f66}.settings-title{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px}.settings-title h1{margin:6px 0 8px;color:#176489}.settings-title p{font-size:1rem}.settings-title-avatar{position:relative;display:grid;place-items:center;width:92px;height:92px;flex:none}.settings-title-avatar .avatar{width:78px;height:78px;border:4px solid #fff;border-radius:24px;box-shadow:0 5px 0 #87bdcd66}.settings-title-avatar>svg{position:absolute;right:-3px;bottom:1px;width:30px;height:30px;padding:6px;border:2px solid white;border-radius:10px;background:#287f9f;color:#fff}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:24px}.settings-index{position:sticky;top:105px;display:grid;gap:6px;padding:10px;border:1px solid #b9dce8;border-radius:21px;background:#f7fcfecf;box-shadow:0 5px 18px #397e9e12}.settings-index a{display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:9px;min-height:45px;padding:8px 10px;border-radius:13px;color:#54788a;font-size:.875rem;font-weight:750}.settings-index a:focus-visible,.settings-index a:hover{background:#e2f4f9;color:#1e718f}.settings-index a svg:last-child{opacity:.5}.settings-content{display:grid;gap:20px;min-width:0}.settings-card{scroll-margin-top:112px;padding:27px;border:2px solid #b9dce8;border-radius:25px;background:linear-gradient(160deg,#fff,#f3fbfe);box-shadow:inset 0 2px #fff,0 5px 0 #6aa8bb22,0 12px 25px #377b9810}.settings-card>header{display:flex;align-items:center;gap:14px;margin-bottom:22px}.settings-card>header h2{margin:3px 0 0;color:#245f79;font-size:1.35rem}.settings-card-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border:2px solid #fff;border-radius:15px;background:linear-gradient(#e8faff,#c9eaf3);box-shadow:0 3px 0 #77adbd3d;color:#2d85a3}.settings-card-icon svg{width:24px}.settings-field{display:grid;gap:7px;margin-bottom:16px;color:#416b7e;font-size:.875rem;font-weight:750}.settings-field input{min-height:45px;border:2px solid #bddde8;border-radius:13px;background:#fbfeff;font-size:1rem}.settings-action-row small,.settings-control-row small,.settings-field small,.settings-help,.settings-sessions small{display:block;color:#668695;font-size:.8rem;font-weight:450;line-height:1.55}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-check{display:flex;align-items:flex-start;gap:10px;margin:12px 0;color:#496f81;font-size:.875rem;line-height:1.5}.settings-check input{width:19px;height:19px;flex:none;margin-top:1px;accent-color:#2789a8}.settings-card form>.primary{margin-top:12px}.settings-feedback{padding:13px 15px;border:1px solid;border-radius:14px;font-size:.875rem;font-weight:700}.settings-feedback.is-success{border-color:#a9d7c7;background:#effbf6;color:#347d68}.settings-feedback.is-error{border-color:#ebbbb2;background:#fff2ef;color:#9b463b}.settings-loading{display:grid;gap:11px}.settings-loading span{height:18px;border-radius:8px;background:#d9edf3;animation:settings-pulse 1.2s ease-in-out infinite}.settings-loading span:nth-child(2){width:75%}.settings-loading span:nth-child(3){width:55%}.settings-note{padding:17px;border:1px solid #bedde7;border-radius:16px;background:#eef9fc}.settings-note p{margin-top:5px;font-size:.875rem}.settings-password{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:22px;padding-top:20px;border-top:1px solid #d5e8ee}.settings-password .settings-field:first-child{grid-column:1/3}.settings-password button{grid-column:1/3;justify-self:start}.settings-action-row,.settings-control-row,.settings-sessions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:21px 0;padding:17px 0;border-top:1px solid #d7e9ef;border-bottom:1px solid #d7e9ef}.settings-action-row strong,.settings-control-row strong,.settings-sessions strong{display:block;margin-bottom:4px}.settings-action-row button,.settings-sessions button{flex:none}.settings-notifications>.push-settings{padding:0;border:0;background:none;box-shadow:none}.settings-notifications .push-heading,.settings-notifications .push-settings>p{max-width:none}.settings-range{display:grid;grid-template-columns:1fr auto;gap:9px;margin:18px 0;color:#426e82;font-size:.875rem;font-weight:750}.settings-range input{grid-column:1/3;width:100%;accent-color:#288cab}.settings-control-row.is-static{margin-bottom:0}.settings-control-row.is-static>svg{color:#4a8ca2}.settings-danger{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-top:24px;padding:22px;border:2px solid #efc3bb;border-radius:19px;background:#fff5f2}.settings-danger p{max-width:610px;margin-top:6px;font-size:.85rem;color:#7f6662}.settings-delete{display:flex;align-items:center;gap:8px;min-height:44px;flex:none;padding:0 15px;border:2px solid #c65346;border-radius:13px;background:#fff;color:#a43f35;font-weight:800}.settings-delete:hover{background:#fff0ed}.settings-delete-dialog{border:2px solid #eabbb2!important;border-radius:24px!important;background:#fffaf8!important}.settings-delete-confirm{background:#b64035!important;color:#fff!important}.settings-links{display:grid;border-block:1px solid #d4e7ed}.settings-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;border-bottom:1px solid #dbeaf0;color:#316d85;font-weight:750}.settings-links a:last-child{border:0}.settings-links svg{width:18px}.settings-version{display:block;margin-top:16px}.settings-topbar-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 11px;border:1px solid #b9dce7;border-radius:12px;background:#eef9fc;color:#2d7691;font-size:.8rem;font-weight:800}.settings-topbar-button.active{background:#d8f0f7;color:#176488}.settings-topbar-button svg{width:18px}.legal-page{min-height:100dvh;padding:42px 20px;background:linear-gradient(145deg,#eefaff,#dceff7);color:#28556b}.legal-sheet{width:min(820px,100%);margin:auto;padding:clamp(24px,5vw,54px);border:2px solid #b9dce8;border-radius:28px;background:#fff;box-shadow:0 9px 0 #73aabd2c,0 25px 55px #275f7a1a}.legal-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;color:#247693;font-weight:800}.legal-sheet h1{color:#176489}.legal-sheet h2{margin:30px 0 10px;color:#245f79;font-size:1.25rem}.legal-sheet li,.legal-sheet p{font-size:1rem;line-height:1.75;color:#4d6e7e}.legal-sheet ul{padding-left:22px}.legal-caution{margin:22px 0;padding:17px;border:1px solid #e5c98c;border-radius:16px;background:#fff9e8}.legal-meta{margin-top:35px;padding-top:18px;border-top:1px solid #dbe9ee;font-size:.85rem!important}.face-picker-grid{justify-content:center}.settings-card :focus-visible,.settings-index a:focus-visible{outline:3px solid #2a91b4;outline-offset:3px}@keyframes settings-pulse{50%{opacity:.45}}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-index{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-index a{grid-template-columns:20px 1fr}.settings-index a svg:last-child{display:none}}@media(max-width:600px){.settings-page{padding-bottom:10px}.settings-title{align-items:flex-end}.settings-title-avatar{width:68px;height:68px}.settings-title-avatar .avatar{width:61px;height:61px;border-radius:19px}.settings-title-avatar>svg{width:25px;height:25px}.settings-index{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:-2px;padding:7px}.settings-index a{display:flex;min-width:max-content;min-height:44px}.settings-card{padding:21px 16px;border-radius:22px}.settings-card>header h2{font-size:1.2rem}.settings-fields,.settings-password{grid-template-columns:1fr}.settings-password .settings-field:first-child,.settings-password button{grid-column:1}.settings-action-row,.settings-control-row,.settings-danger,.settings-sessions{align-items:stretch;flex-direction:column}.settings-action-row button,.settings-delete,.settings-sessions button{width:100%;justify-content:center}.settings-notifications .push-settings{padding:0}.settings-title p{font-size:.9rem}.app-shell .balances>.settings-topbar-button{display:flex;min-width:40px;padding:0 9px}.settings-topbar-button span{display:none}.face-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media(max-width:360px){.settings-card{padding-inline:13px}.settings-title-avatar{display:none}.settings-card-icon{width:41px;height:41px}.settings-index a{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.settings-loading span{animation:none}.settings-card,.settings-index a{scroll-behavior:auto;transition:none}}.legal-sheet{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}.app-shell .topbar .balances>.settings-topbar-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;width:auto;height:auto;min-width:44px;min-height:44px;padding:8px 10px;border:0;border-radius:9px;box-shadow:none;background:transparent;color:#4f8297;font-size:.75rem;font-weight:650;line-height:1.4}.app-shell .topbar .balances>.settings-topbar-button svg{width:19px;height:19px;flex:none;stroke-width:1.7}.app-shell .topbar .balances>.settings-topbar-button.active,.app-shell .topbar .balances>.settings-topbar-button:hover{background:#dceff5;color:#216d8a}.app-shell .topbar .balances>.settings-topbar-button:focus-visible{outline:3px solid #2b8aac;outline-offset:3px;background:#edf8fc}@media(max-width:800px){.app-shell .topbar .balances>.settings-topbar-button{padding:8px}.app-shell .topbar .balances>.settings-topbar-button span{display:none}}.settings-card,.settings-index,.settings-layout{min-width:0}.settings-field input{width:100%;min-width:0;max-width:100%}