.inline-profile-preview.inline-profile-preview.card-border-gold{border:3px solid transparent;background:linear-gradient(var(--card-base,#121720),var(--card-base,#121720)) padding-box,linear-gradient(125deg,#6f4a14,#ffe6a0 18%,#b67a24 38%,#fff0b7 53%,#8b5b18 72%,#e8bd63) border-box;background-size:100% 100%,220% 220%;box-shadow:0 0 0 1px #2e1d08,0 0 22px #d39b3b40,0 20px 55px #05070c99;animation:member-gold-frame 6s ease-in-out infinite alternate}.inline-profile-preview.card-border-gold .inline-avatar-preview{border-color:#17130b;box-shadow:0 0 0 3px #e3b85e,0 0 0 5px #5d3d13,0 8px 22px #000a}.inline-profile-preview.card-border-gold .inline-avatar-preview::before{content:'✦';position:absolute;z-index:3;right:-10px;bottom:4px;display:grid;width:22px;height:22px;place-items:center;border:2px solid #6b4716;border-radius:50%;background:linear-gradient(145deg,#fff0ad,#b87920);color:#49300e;font-size:10px;box-shadow:0 3px 9px #0008}
.user-settings-modern{position:fixed;z-index:100;inset:0;grid-template-columns:300px minmax(0,1fr);background:#11151d;color:#f3f5f9;font-family:"Segoe UI Variable Text",Inter,"Segoe UI",system-ui,sans-serif}.user-settings-modern[hidden]{display:none!important}.user-settings-modern.is-opening{animation:settings-fade .22s ease-out}.settings-sidebar{display:flex;flex-direction:column;min-width:0;padding:24px 18px 20px;border-right:1px solid #2b3240;background:linear-gradient(165deg,#171c26,#12161e)}.settings-user{display:flex;align-items:center;gap:11px;padding:2px 8px 20px}.settings-user .avatar{width:42px;height:42px;box-shadow:0 0 0 3px #5964ef22}.settings-user strong,.settings-user small{display:block}.settings-user strong{font-size:14px}.settings-user small{margin-top:3px;color:#7f899a;font-size:10px}.settings-search-wrap{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:0 11px;border:1px solid #303849;border-radius:10px;background:#0e1117;color:#697386;transition:.2s}.settings-search-wrap:focus-within{border-color:#626df0;box-shadow:0 0 0 3px #626df01c}.settings-search-wrap input{min-width:0;width:100%;height:42px;border:0;outline:0;background:transparent;color:#eef0f5}.settings-search-wrap input::placeholder{color:#687184}#settings-nav{display:grid;gap:5px}#settings-nav button{display:grid!important;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;padding:7px 9px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#a8b0bf!important;text-align:left!important;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}#settings-nav button>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#202633;color:#858ffb;font-size:15px}#settings-nav button div{font-size:12px;font-weight:700}#settings-nav button small{display:block;margin-top:2px;color:#687286;font-size:9px;font-weight:500}#settings-nav button:hover:not(:disabled){border-color:#303849!important;background:#1e2430!important;color:#fff!important;transform:translateX(2px)}#settings-nav button.selected{border-color:#4853bd!important;background:linear-gradient(90deg,#353d73,#252c46)!important;color:#fff!important;box-shadow:0 8px 24px #090b1255}#settings-nav button:disabled{opacity:.52;cursor:not-allowed}#settings-nav button>b{padding:3px 5px;border-radius:5px;background:#292f3d;color:#8790a2;font-size:7px;letter-spacing:.05em}.settings-nav-label{margin:17px 8px 6px;color:#5f6a7f;font-size:8px;font-weight:800;letter-spacing:.11em}#settings-logout{display:flex;align-items:center;gap:9px;width:100%;margin-top:auto;padding:11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#ff727d;text-align:left;font-weight:700;cursor:pointer}#settings-logout:hover{border-color:#5e2d36;background:#3b2027}.settings-main{min-width:0;overflow:auto;background:radial-gradient(circle at 80% 0,#222850 0,transparent 25%),#11151d}.settings-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;height:72px;padding:0 clamp(28px,6vw,86px);border-bottom:1px solid #29303d;background:#11151de8;backdrop-filter:blur(18px)}.settings-header>div small,.settings-header>div strong{display:block}.settings-header>div small{color:#68738a;font-size:8px;font-weight:800;letter-spacing:.12em}.settings-header>div strong{margin-top:3px;font-size:14px}.settings-header button{display:grid;place-items:center;width:36px;height:36px;margin-left:auto;border:1px solid #303849;border-radius:50%;background:#171c25;color:#8e97a8;font-size:23px;cursor:pointer;transition:.2s}.settings-header button:hover{border-color:#6974f5;color:#fff;transform:rotate(90deg)}#settings-content{width:min(980px,calc(100% - 48px));margin:0 auto;padding:46px 0 70px}.settings-page{animation:settings-page-in .3s cubic-bezier(.16,1,.3,1)}.settings-page-intro{margin-bottom:26px}.settings-page-intro>span{color:#7f89ff;font-size:9px;font-weight:800;letter-spacing:.12em}.settings-page-intro h1{margin:7px 0 8px;font-size:30px;letter-spacing:-.035em}.settings-page-intro p{margin:0;color:#8f98aa;font-size:13px}.settings-section{margin-top:16px;padding:22px;border:1px solid #303849;border-radius:16px;background:linear-gradient(145deg,#1b202b,#151922);box-shadow:0 16px 45px #07090e44}.settings-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:19px}.settings-section-title h2{margin:0;font-size:16px}.settings-section-title p{margin:5px 0 0;color:#7d879a;font-size:11px}.account-hero{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #3b4382;border-radius:17px;background:linear-gradient(120deg,#30386b,#202745 60%,#18202c);box-shadow:0 20px 50px #090b1155}.account-hero .avatar{width:64px;height:64px;font-size:19px;box-shadow:0 0 0 5px #ffffff0d}.account-hero small{color:#959dff;font-size:8px;font-weight:800;letter-spacing:.1em}.account-hero h2{margin:4px 0 2px;font-size:21px}.account-hero p{margin:0;color:#a9b1c0;font-size:11px}.account-online{margin-left:auto;padding:6px 9px;border-radius:999px;background:#183b2e;color:#5ce4a0;font-size:9px;font-weight:800}.account-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-details label{padding:14px;border:1px solid #2b3240;border-radius:11px;background:#12161e;color:#747f93;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.account-details strong{display:block;margin-top:7px;overflow:hidden;color:#e6e9ef;font-size:12px;text-transform:none;letter-spacing:0;text-overflow:ellipsis}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.password-form .settings-form-grid{grid-template-columns:repeat(3,1fr)}.settings-section label,.inline-profile-form>label{display:block;color:#9ca5b5;font-size:10px;font-weight:700}.settings-section input:not([type=checkbox]),.settings-section textarea,.settings-section select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #303849;border-radius:9px;outline:0;background:#0f131a;color:#eef0f5;font:inherit;transition:.18s}.settings-section input:not([type=checkbox]):focus,.settings-section textarea:focus,.settings-section select:focus{border-color:#6671ef;box-shadow:0 0 0 3px #6671ef20}.settings-section textarea{min-height:96px;resize:vertical}.settings-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.settings-form-actions>div{display:flex;gap:7px}.settings-primary,.settings-secondary{min-height:40px;padding:0 15px;border-radius:9px;font-weight:750;cursor:pointer;transition:.18s}.settings-primary{border:0;background:linear-gradient(135deg,#6873ff,#525ce0);color:#fff;box-shadow:0 8px 20px #3038a355}.settings-primary:hover{transform:translateY(-1px);box-shadow:0 11px 25px #3038a377}.settings-primary:disabled{opacity:.55;cursor:wait}.settings-secondary{border:1px solid #343c4d;background:#202633;color:#aeb6c5}.settings-secondary:hover{border-color:#566078;color:#fff}.settings-feedback{min-height:16px;margin:0;color:#ff858e;font-size:10px}.settings-feedback.success{color:#55d995}.security-badge{padding:5px 7px;border-radius:6px;background:#17382c;color:#57dc98;font-size:8px;font-weight:800}.inline-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px}.inline-profile-form{margin:0}.profile-upload-grid{display:grid;gap:9px;margin-bottom:18px}.inline-profile-form .profile-upload{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:11px;border:1px solid #303849;border-radius:10px;background:#11161e;cursor:pointer;transition:.18s}.inline-profile-form .profile-upload:hover{border-color:#606bef;background:#19202c;transform:translateY(-1px)}.profile-upload span strong,.profile-upload span small{display:block}.profile-upload span strong{color:#e6e9ef;font-size:11px}.profile-upload span small{margin-top:2px;color:#737e91;font-size:8px}.profile-upload>b{padding:5px 7px;border-radius:6px;background:#282f3e;color:#bdc4d0;font-size:8px}.profile-upload input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}.inline-profile-form>label,.inline-profile-form>.settings-form-grid{margin-top:13px}.inline-profile-form input,.inline-profile-form textarea,.inline-profile-form select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #303849;border-radius:9px;outline:0;background:#0f131a;color:#eef0f5}.inline-profile-form input:focus,.inline-profile-form textarea:focus,.inline-profile-form select:focus{border-color:#6671ef;box-shadow:0 0 0 3px #6671ef20}.inline-profile-form textarea{min-height:92px;resize:vertical}.inline-profile-form input[type=color]{height:40px;padding:4px}.inline-card-style{margin-top:18px;padding:15px;border:1px solid #303849;border-radius:12px;background:#121720}.inline-card-style h3{margin:0 0 4px;color:#8992ff;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.inline-card-style label{display:block;margin-top:10px;color:#9ca5b5;font-size:9px;font-weight:700}.inline-preview-column{position:sticky;top:98px}.inline-preview-column>span{display:block;margin:0 0 8px;color:#697489;font-size:8px;font-weight:800;letter-spacing:.1em}.inline-profile-preview{--profile-accent:#5865f2;position:relative;min-height:350px;overflow:hidden;border:1px solid color-mix(in srgb,var(--profile-accent) 50%,#354052);border-radius:18px;background:#121720;box-shadow:0 20px 55px #05070c99;transition:.25s}.inline-banner-preview{height:128px;background-position:center;background-size:cover}.inline-avatar-preview{position:absolute;top:83px;left:18px;width:82px;height:82px;border:6px solid #131821;font-size:22px}.inline-preview-copy{padding:50px 18px 18px}.inline-preview-copy>div{display:flex;align-items:center;gap:7px}.inline-preview-copy strong{font-size:18px}.inline-preview-copy b{padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--profile-accent) 22%,transparent);color:color-mix(in srgb,var(--profile-accent) 40%,white);font-size:8px}.inline-preview-copy small{display:block;margin-top:3px;color:#7f899b}.inline-preview-copy em{display:block;width:max-content;margin-top:14px;padding:7px 9px;border:1px solid #303849;border-radius:8px;background:#1b202a;color:#ccd1da;font-size:10px;font-style:normal}.inline-preview-copy p{color:#aab2c1;font-size:11px;line-height:1.5}.inline-profile-preview.card-theme-aurora{background:linear-gradient(155deg,#183b3d,#111e25 65%,#1d2a48)}.inline-profile-preview.card-theme-neon{background:linear-gradient(155deg,#38154d,#190f27 65%,#121d40)}.inline-profile-preview.card-theme-sunset{background:linear-gradient(155deg,#4c2029,#29161c 65%,#312142)}.inline-profile-preview.card-theme-ocean{background:linear-gradient(155deg,#123d55,#0e1e2b 65%,#122b43)}.inline-profile-preview.card-effect-glow{box-shadow:0 0 30px color-mix(in srgb,var(--profile-accent) 38%,transparent),0 20px 55px #05070c99}.inline-profile-preview.card-effect-crystal::after,.inline-profile-preview.card-effect-stars::after{content:"✦  ✧  ◆";position:absolute;top:9px;right:10px;color:color-mix(in srgb,var(--profile-accent) 45%,white);letter-spacing:7px;text-shadow:0 0 9px var(--profile-accent);animation:settings-stars 2.7s ease-in-out infinite alternate}.privacy-lock{display:grid;place-items:center;min-height:340px;padding:42px;border:1px dashed #394154;border-radius:18px;background:#171b2499;text-align:center}.privacy-lock>div{display:grid;place-items:center;width:68px;height:68px;border:1px solid #3c4558;border-radius:20px;background:#202633;color:#737e94;font-size:28px}.privacy-lock h2{margin:20px 0 7px}.privacy-lock p{margin:0;color:#7e8798}.privacy-lock span{margin-top:21px;padding:6px 8px;border-radius:6px;background:#272d3a;color:#707a8d;font-size:8px;font-weight:800;letter-spacing:.08em}.notification-list{padding:8px 20px}.notification-row{position:relative;display:flex!important;align-items:center;justify-content:space-between;min-height:72px;border-bottom:1px solid #29303d;cursor:pointer}.notification-row:last-child{border:0}.notification-row span strong,.notification-row span small{display:block}.notification-row span strong{color:#e9ebf1;font-size:12px}.notification-row span small{margin-top:4px;color:#737e91;font-size:9px;font-weight:500}.notification-row input{position:absolute;opacity:0}.notification-row i{position:relative;width:38px;height:22px;border-radius:999px;background:#343b49;transition:.2s}.notification-row i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#a4adbc;transition:.2s}.notification-row input:checked+i{background:#5965ec}.notification-row input:checked+i::after{left:19px;background:#fff}.notification-permission{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 18px;border:1px solid #303849;border-radius:12px;background:#171c25;color:#818b9d;font-size:10px}.notification-permission strong{padding:4px 7px;border-radius:6px;background:#222938;color:#aeb6c5;text-transform:uppercase}.notification-permission button{margin-left:auto}.settings-loading{padding:50px;color:#8993a5;text-align:center}@keyframes settings-fade{from{opacity:0}to{opacity:1}}@keyframes settings-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes settings-stars{from{opacity:.45;transform:translateY(-2px)}to{opacity:1;transform:translateY(2px)}}@media(max-width:900px){.user-settings-modern{grid-template-columns:235px minmax(0,1fr)}.inline-profile-layout{grid-template-columns:1fr}.inline-preview-column{position:static;order:-1}.password-form .settings-form-grid{grid-template-columns:1fr}.account-details{grid-template-columns:1fr}}@media(max-width:620px){.user-settings-modern{grid-template-columns:72px minmax(0,1fr)}.settings-sidebar{padding:18px 8px}.settings-user>div:last-child,.settings-search-wrap input,#settings-nav button div,#settings-nav button b,.settings-nav-label,#settings-logout:not(:hover){font-size:0}.settings-user{justify-content:center;padding-inline:0}.settings-search-wrap{justify-content:center;padding:0}.settings-search-wrap span{font-size:16px}#settings-nav button{display:grid!important;grid-template-columns:1fr;padding:7px!important}#settings-nav button>span{margin:auto}#settings-logout{justify-content:center}.settings-header{padding:0 20px}#settings-content{width:calc(100% - 28px);padding-top:30px}.settings-form-grid{grid-template-columns:1fr}.settings-form-actions{align-items:stretch;flex-direction:column}.settings-form-actions>div{display:grid;grid-template-columns:1fr 1fr}.notification-permission{align-items:flex-start;flex-wrap:wrap}.notification-permission button{width:100%;margin:0}}

.account-sessions-list{display:grid;gap:8px}.account-session{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid #2d3544;border-radius:11px;background:#11161e;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.account-session:hover{border-color:#465068;background:#171d27;transform:translateY(-1px)}.account-session-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#242b3a;color:#8d97ff;font-size:18px}.account-session strong,.account-session small{display:block}.account-session strong{overflow:hidden;color:#e5e8ef;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.account-session small{margin-top:4px;color:#747f92;font-size:9px}.account-session button{min-height:32px;padding:0 10px;border:1px solid #3b4456;border-radius:8px;background:#202633;color:#b8bfcc;font-size:9px;font-weight:750;cursor:pointer}.account-session button:hover:not(:disabled){border-color:#ff697555;background:#382128;color:#ffabb1}.account-session button:disabled{border-color:#28503f;background:#173329;color:#59d99a;cursor:default}@media(max-width:620px){.account-sessions-section .settings-section-title{align-items:stretch;flex-direction:column}.account-session{grid-template-columns:36px minmax(0,1fr)}.account-session-icon{width:34px;height:34px}.account-session button{grid-column:2;width:max-content}}

.privacy-summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 19px;border:1px solid #285346;border-radius:14px;background:linear-gradient(120deg,#17352d,#17232a);box-shadow:0 14px 38px #05090755}.privacy-summary>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1d493a;color:#63e4aa;font-size:22px}.privacy-summary strong,.privacy-summary small{display:block}.privacy-summary strong{color:#eef8f4;font-size:13px}.privacy-summary small{margin-top:4px;color:#7fa396;font-size:10px}.privacy-summary>b{padding:5px 8px;border-radius:7px;background:#1d493a;color:#62dfa6;font-size:8px;letter-spacing:.08em}.privacy-controls{padding-block:16px}.privacy-controls .settings-section-title{margin-bottom:4px}.privacy-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.privacy-data-card{display:flex;min-height:205px;flex-direction:column}.privacy-data-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#252c48;color:#929aff;font-size:20px}.privacy-data-card h2{margin:16px 0 6px;font-size:15px}.privacy-data-card p{margin:0 0 18px;color:#7f899b;font-size:11px;line-height:1.55}.privacy-data-card button{width:max-content;margin-top:auto}.privacy-local{display:flex;align-items:center;justify-content:space-between;gap:24px}.privacy-local h2{margin:0 0 5px;font-size:15px}.privacy-local p{max-width:620px;margin:0;color:#7f899b;font-size:11px;line-height:1.5}.privacy-local button{flex:none}@media(max-width:720px){.privacy-summary{grid-template-columns:44px minmax(0,1fr)}.privacy-summary>b{grid-column:2;width:max-content}.privacy-data-grid{grid-template-columns:1fr}.privacy-local{align-items:stretch;flex-direction:column}.privacy-local button{width:100%}}

.inline-profile-preview.card-theme-royal{background:linear-gradient(155deg,#3d235a,#1b132b 60%,#2b1a42)}.inline-profile-preview.card-theme-forest{background:linear-gradient(155deg,#183e31,#101f1b 62%,#172d27)}.inline-profile-preview.card-theme-rose{background:linear-gradient(155deg,#4a2039,#261421 62%,#35182c)}.inline-profile-preview.card-border-solid{border:3px solid var(--profile-accent)}.inline-profile-preview.card-border-gradient{border:3px solid transparent;background:linear-gradient(var(--card-base,#121720),var(--card-base,#121720)) padding-box,linear-gradient(135deg,var(--profile-accent),#65dcff,#a873ff) border-box}.inline-profile-preview.card-border-neon{border:2px solid var(--profile-accent);animation:profile-border-pulse 1.8s ease-in-out infinite alternate}.inline-profile-preview.card-border-gold{border:3px solid transparent;background:linear-gradient(var(--card-base,#121720),var(--card-base,#121720)) padding-box,linear-gradient(135deg,#8c6422,#ffe39a,#b47a25) border-box}.inline-profile-preview.card-border-prismatic{border:3px solid transparent;background:linear-gradient(var(--card-base,#121720),var(--card-base,#121720)) padding-box,linear-gradient(90deg,#ff6b8b,#ffd36b,#5ce3b2,#68a7ff,#ba72ff,#ff6b8b) border-box;background-size:100% 100%,300% 100%;animation:profile-prism 4s linear infinite}.inline-profile-preview.avatar-frame-ring .inline-avatar-preview{border-color:var(--profile-accent);box-shadow:0 0 0 3px #11151d}.inline-profile-preview.avatar-frame-double .inline-avatar-preview{border-color:#11151d;box-shadow:0 0 0 3px var(--profile-accent),0 0 0 6px #11151d}.inline-profile-preview.avatar-frame-neon .inline-avatar-preview{border-color:var(--profile-accent);box-shadow:0 0 18px var(--profile-accent),inset 0 0 8px var(--profile-accent)}.inline-profile-preview.avatar-frame-crown .inline-avatar-preview{border-color:#f4c75b;box-shadow:0 0 0 3px #8d6525}.inline-profile-preview.avatar-frame-crown .inline-avatar-preview::after{content:'♛';position:absolute;right:-9px;top:-19px;color:#ffe083;font-size:25px;text-shadow:0 2px 6px #000}.inline-avatar-preview{overflow:visible!important}@keyframes profile-border-pulse{to{box-shadow:0 0 24px color-mix(in srgb,var(--profile-accent) 70%,transparent),0 20px 55px #05070c99}}@keyframes profile-prism{to{background-position:0 0,300% 0}}
