.settings-page{--app-header-stack:calc(0.5rem + 3.75rem);--layout-main-padding-top:0.5rem;--layout-sticky-top:calc(var(--app-header-stack) + var(--layout-main-padding-top));--layout-sticky-max-h:calc(100dvh - var(--layout-sticky-top) - 1rem);position:relative;isolation:isolate;min-height:100dvh;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}@media (min-width:768px){.settings-page{padding-bottom:2rem;--app-header-stack:calc(0.75rem + 3.75rem);--layout-main-padding-top:1.25rem;--layout-sticky-top:calc(var(--app-header-stack) + var(--layout-main-padding-top));--layout-sticky-max-h:calc(100dvh - var(--layout-sticky-top) - 1rem)}}.settings-page__main{margin-left:auto;margin-right:auto;width:100%;max-width:1400px;padding-left:1rem;padding-right:1rem}@media (min-width:1024px){.settings-page__main{padding-left:1.5rem;padding-right:1.5rem}}.settings-page__main{position:relative;padding-top:var(--layout-main-padding-top)}.settings-page__grid{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}@media (min-width:768px){.settings-page__grid{flex-direction:row;gap:1.5rem}.settings-page__sidebar{order:1;flex-shrink:0}}.settings-page__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:1.25rem}@media (min-width:768px){.settings-page__content{order:2}}.settings-page__sticky-rail{position:sticky;z-index:30;max-height:var(--layout-sticky-max-h);overflow-y:auto;overscroll-behavior:contain;top:var(--layout-sticky-top)}.settings-page__header{display:flex;flex-direction:column;gap:.5rem}.settings-page__title{font-size:1rem;line-height:1.5rem;font-weight:600;color:hsl(var(--foreground))}@media (min-width:640px){.settings-page__title{font-size:1.125rem;line-height:1.625rem}}.settings-page__visitor{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid rgb(255 255 255/.35);background-color:rgb(255 255 255/.6);box-shadow:0 20px 50px -28px hsl(var(--primary)/.22),inset 1px 1px 0 rgb(255 255 255/.34),inset -1px -1px 0 rgb(0 0 0/.03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.settings-page__visitor:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(to bottom right,rgb(255 255 255/.4),transparent 55%)}.dark .settings-page__visitor{border-color:rgb(255 255 255/.09);background-color:hsl(var(--card));background-image:linear-gradient(180deg,hsl(var(--glass-surface-top)/.42) 0,hsl(var(--card)) 46%,hsl(var(--glass-surface-bottom)) 100%);box-shadow:0 12px 40px -24px rgb(0 0 0/.55),inset 1px 1px 0 rgb(255 255 255/.08),inset -1px -1px 0 rgb(0 0 0/.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dark .settings-page__visitor:before{background-image:linear-gradient(to bottom right,rgb(255 255 255/.07),transparent 50%)}.settings-page__visitor{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:2rem;text-align:center}.settings-page__visitor-text{font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.settings-page__profile-summary{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid rgb(255 255 255/.35);background-color:rgb(255 255 255/.6);box-shadow:0 20px 50px -28px hsl(var(--primary)/.22),inset 1px 1px 0 rgb(255 255 255/.34),inset -1px -1px 0 rgb(0 0 0/.03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.settings-page__profile-summary:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(to bottom right,rgb(255 255 255/.4),transparent 55%)}.dark .settings-page__profile-summary{border-color:rgb(255 255 255/.09);background-color:hsl(var(--card));background-image:linear-gradient(180deg,hsl(var(--glass-surface-top)/.42) 0,hsl(var(--card)) 46%,hsl(var(--glass-surface-bottom)) 100%);box-shadow:0 12px 40px -24px rgb(0 0 0/.55),inset 1px 1px 0 rgb(255 255 255/.08),inset -1px -1px 0 rgb(0 0 0/.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dark .settings-page__profile-summary:before{background-image:linear-gradient(to bottom right,rgb(255 255 255/.07),transparent 50%)}.settings-page__profile-summary{display:flex;align-items:center;gap:1rem;padding:1rem}.settings-page__avatar-button{position:relative;flex-shrink:0;border-radius:9999px;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.settings-page__avatar-button:hover{opacity:.8}.settings-page__avatar-button:hover .settings-page__avatar-overlay{opacity:1}.settings-page__avatar{width:4rem;height:4rem;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--border))}.settings-page__avatar:is(.dark *){--tw-ring-color:rgb(255 255 255/0.1)}@media (min-width:640px){.settings-page__avatar{width:5rem;height:5rem}}.settings-page__avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:hsl(var(--background)/.5);opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.settings-page__avatar-overlay-icon{width:1.25rem;height:1.25rem;color:hsl(var(--foreground))}.settings-page__photo-row{display:flex;align-items:center;gap:1rem}.settings-page__photo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.settings-page__photo-hint{font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))}.settings-page__profile-meta{min-width:0}.settings-page__profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:600;color:hsl(var(--foreground))}.settings-page__profile-handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.settings-page__tabs{display:flex;flex-direction:column;gap:1rem}.settings-page__stack{display:flex;flex-direction:column;gap:1.25rem}.settings-page__card{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid rgb(255 255 255/.35);background-color:rgb(255 255 255/.6);box-shadow:0 20px 50px -28px hsl(var(--primary)/.22),inset 1px 1px 0 rgb(255 255 255/.34),inset -1px -1px 0 rgb(0 0 0/.03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.settings-page__card:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(to bottom right,rgb(255 255 255/.4),transparent 55%)}.dark .settings-page__card{border-color:rgb(255 255 255/.09);background-color:hsl(var(--card));background-image:linear-gradient(180deg,hsl(var(--glass-surface-top)/.42) 0,hsl(var(--card)) 46%,hsl(var(--glass-surface-bottom)) 100%);box-shadow:0 12px 40px -24px rgb(0 0 0/.55),inset 1px 1px 0 rgb(255 255 255/.08),inset -1px -1px 0 rgb(0 0 0/.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dark .settings-page__card:before{background-image:linear-gradient(to bottom right,rgb(255 255 255/.07),transparent 50%)}.settings-page__card{display:flex;flex-direction:column;gap:1rem;padding:1rem}@media (min-width:640px){.settings-page__card{padding:1.25rem}}.settings-page__card--placeholder{align-items:flex-start}.settings-page__card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings-page__card-title{font-size:1rem;line-height:1.5rem;font-weight:600;color:hsl(var(--foreground))}.settings-page__form{display:flex;max-width:28rem;flex-direction:column;gap:1rem}.settings-page__field{display:flex;flex-direction:column;gap:.375rem}.settings-page__save-button{width:-moz-fit-content;width:fit-content}.settings-page__empty-text{font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.settings-page__checkbox{display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground))}.settings-page__checkbox input[type=checkbox]{width:1rem;height:1rem;border-radius:.25rem;border-color:hsl(var(--input));accent-color:hsl(var(--primary))}.settings-page__add-phone-form{display:flex;max-width:28rem;flex-direction:column;gap:1rem;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border)/.6);padding:.75rem}@media (min-width:640px){.settings-page__add-phone-form{padding:1rem}}.settings-page__add-phone-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.settings-page__phone-list{display:flex;flex-direction:column;gap:.5rem}.settings-page__phone-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border)/.6);padding:.75rem}.settings-page__phone-info{display:flex;min-width:0;flex-direction:column;gap:.375rem}.settings-page__phone-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600;color:hsl(var(--foreground))}.settings-page__phone-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.settings-page__phone-verified{border-color:rgb(16 185 129/.4);--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.settings-page__phone-verified:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.settings-page__phone-unverified{color:hsl(var(--muted-foreground))}.settings-page__phone-skeleton{height:4rem;width:100%;border-radius:var(--radius)}.settings-page__notification-status{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.settings-page__notification-status-badge{font-size:.875rem;line-height:1.25rem}