/* Character studio: graphite foundation, purposeful blue/green/lilac/amber accents. */
.account-dialog,.mail-page{--ui-bg:#161C22;--ui-panel:#202A33;--ui-line:#3B4B58;--ui-ink:#EEF2EE;--ui-muted:#B5C3CB;--ui-blue:#94C7ED;--ui-green:#A8D7B3;--ui-lilac:#C4B4E4;--ui-gold:#E4C58D;color:var(--ui-ink)}
.account-dialog,.account-dialog.is-profile{background:var(--ui-bg);border-color:var(--ui-line);box-shadow:0 24px 80px #0007,inset 0 2px #ffffff12,inset 0 -3px #080F15;scrollbar-color:#617784 #111A22}
.account-dialog::backdrop{background:#080F18B8;backdrop-filter:blur(5px)}
.account-dialog header,.account-dialog.is-profile header{background:linear-gradient(110deg,#263847,#212B37 65%,#2E2D42);border-color:#415565;box-shadow:inset 0 2px #ffffff10}
.account-dialog .account-mark,.mail-page .account-mark{background:#304C62;color:#B9DCF4;box-shadow:inset 0 2px #7597AC,inset 0 -3px #162A38}
.account-dialog .account-close{background:#222F3B;color:#B5C9D6;box-shadow:none}.account-dialog .account-close:hover{background:#35495B;color:#fff}
.account-eyebrow,.profile-kicker,.profile-site-label{color:#ABBFCE}.account-environment{color:#B8CABB}.account-environment i{background:#88BD98}
.account-dialog .account-tabs{background:#101A23;box-shadow:none}.account-dialog .account-tab{color:#B6C5CD}.account-dialog .account-tab[aria-selected=true],.account-dialog .account-tab[aria-pressed=true]{color:#E8F4FD;background:#2D4960;box-shadow:inset 0 -2px #85BADD}.account-dialog .account-tab:nth-child(2)[aria-pressed=true],.account-dialog .account-tab:nth-child(2)[aria-selected=true]{background:#423752;box-shadow:inset 0 -2px #BAA2D6}
.account-welcome{position:relative;isolation:isolate;display:flex;align-items:center;min-height:144px;gap:8px;background:linear-gradient(115deg,#274A43,#293D51);padding:18px 12px 18px 18px;clip-path:var(--px-6);overflow:hidden}.account-welcome>div{position:relative;z-index:1;flex:1;min-width:0}.account-welcome-kicker{display:block;color:#B9DCCD;font:10px/1.5 var(--mono);letter-spacing:.1em;margin-bottom:8px}.account-welcome b{display:block;font:650 20px/1.3 var(--font);letter-spacing:-.035em;color:#F0F6EA}.account-welcome p{font:12px/1.5 var(--font);color:#C0D4CF;margin:8px 0 0}.account-welcome img{width:128px;height:128px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 0 #071C2438)}.account-welcome--recovery{background:linear-gradient(115deg,#2B3A57,#423851)}.account-welcome--recovery .account-welcome-kicker{color:#C6C6EE}
.account-dialog .account-field,.mail-page .account-field{color:#D3E0E7}.account-input{background:#101922;border-color:#3D5263;color:#F0F5F4;box-shadow:inset 0 2px #050D14}.account-input:focus{border-color:#86B9DD;background:#172431}.account-input::placeholder{color:#92AAB9}.account-note,.account-mail-note,.profile-panel-heading p,.profile-page-heading p,.profile-description{color:#B8C8D1}.account-feedback{background:#243C4E;color:#C3E1F4}.account-warning{background:#352D20;color:#E6CEA4}.account-warning:before{color:#282011;background:#D4B16F}
.account-dialog .btn{min-height:44px;color:#EEF4F5;background-image:var(--bev-soft),linear-gradient(#354857,#293743)}.account-dialog .account-form>.btn{background-image:var(--bev),linear-gradient(#407F5C,#2C5B42);color:#F3FFF1}.account-dialog .account-actions .profile-primary,.account-dialog .profile-skin-panel .account-form>.btn{background-image:var(--bev),linear-gradient(#3E7297,#2E526D)}.account-dialog .profile-text-button,.account-forgot-link{color:#A9CDEE}.account-dialog .profile-text-button:hover,.account-forgot-link:hover{color:#DAEDFF}.account-dialog .btn:focus-visible,.account-dialog button:focus-visible,.mail-window button:focus-visible{outline:2px solid #9CCFF2;outline-offset:2px}
.profile-rail{background:#1C2932;border-color:#40586A;box-shadow:inset 0 2px #7895A6}.profile-stage{--hero-color:#304758;border-color:#3C5868}.profile-stage-label{color:#D7E7EE}.profile-identity span{color:#B1C5D0}.profile-rail-favorites span{background:#1A2435;border-color:#4B536E}.is-profile .profile-rail-preview{background-image:var(--bev-soft),linear-gradient(#365064,#293B4C);border-bottom-color:#88B7D1}
.profile-panel{background:#202D38;border-color:#3B5265;box-shadow:none}.profile-skin-panel{background:linear-gradient(135deg,#263C4A,#1C2B36);border-color:#42637A}.profile-skin-panel .profile-mini-icon{background:#34556A;color:#B7DDF3}.profile-link-panel{background:linear-gradient(135deg,#263D33,#202D2C);border-color:#405F4C}.profile-link-panel .profile-mini-icon{background:#375A45;color:#B4DEBA}.profile-link-panel .btn{background-image:var(--bev-soft),linear-gradient(#41634D,#2E493A)}
.profile-edit-link{position:relative;min-height:106px;padding:18px 18px 18px 100px;background:linear-gradient(120deg,#41334F,#2C2C40);border-color:#69597C;color:#EEE6FB;overflow:hidden}.profile-edit-link small{color:#C5B9D8}.profile-edit-link>span:last-child{color:#D4BCEE}.profile-skin-mini--edit{position:absolute;left:10px;bottom:0;width:82px;height:100px;object-fit:contain}.profile-email-panel{background:linear-gradient(135deg,#373322,#292B27);border-color:#675E40}.profile-mail-badge{background:#4A4029;color:#ECD5A4;box-shadow:none}.profile-mail-badge[data-verified=true]{background:#2C4937;color:#C9E8CD;box-shadow:none}.profile-email-panel .account-email{color:#E3DDC6}.profile-email-panel .account-note{color:#CFCEB9}.profile-email-panel .btn{background-image:var(--bev-soft),linear-gradient(#77613B,#55482F)}
.profile-editor-nav{gap:6px;border:0}.profile-editor-nav button{background:#202C38;clip-path:var(--px-4);color:#C0CDDC}.profile-editor-nav button:nth-child(2){background:#332D43}.profile-editor-nav button:nth-child(3){background:#2B3C34}.profile-editor-nav button:nth-child(4){background:#43382C}.profile-editor-nav button[aria-pressed=true]{border-bottom-color:#A8CFE5;color:#fff;box-shadow:inset 0 -2px #A8CFE5}.profile-editor legend{color:#D8E4EB}.profile-theme{background:#202D3A;border-color:#405769;color:#D2DEE6}.profile-theme[aria-pressed=true]{border-color:#91C8EC;color:#F0F8FD;box-shadow:none}.is-profile .profile-theme i{height:92px;display:grid;place-items:center;overflow:hidden}.profile-theme .profile-skin-mini{display:block;width:100%;height:88px;max-height:100%;object-fit:contain;image-rendering:pixelated}.profile-theme span{font-size:13px!important}.profile-color,.profile-pose{background:#24323F;border-color:#42596C}.profile-pose[aria-pressed=true],.profile-favorite[aria-pressed=true]{background:#3C3450;border-color:#B6A0D7;box-shadow:inset 0 -2px #B6A0D7}.profile-pose:hover,.profile-theme:hover{background-color:#314659}.profile-pose-grid,.is-profile .profile-favorites{scrollbar-color:#6B8394 #17212C}.profile-favorite{background:#26313F;border-color:#435366;color:#D1DEEB}.profile-favorite:nth-child(3n+2){background:#2E3C34}.profile-favorite:nth-child(3n){background:#373246}.profile-favorite-slots button{background:#3E3450;border-color:#8E7BA8}.profile-empty-slot{background:#1A2430;border-color:#42576B}.profile-emote-filter button{background:#243440;border-color:#405869;color:#BBCEDC}.profile-emote-filter button[aria-pressed=true]{background:#405872;border-color:#84B3D6;color:#F4FBFE}.profile-privacy-note{background:#263A38;border-color:#7EA999;color:#C2D8D0}.profile-save{border-color:#3D5162}.profile-save .profile-save-btn{background-image:var(--bev),linear-gradient(#467F5B,#2E5A41);color:#F3FFF2}.profile-account-details{border-color:#3D5363}.profile-account-details summary{color:#B4C9D6}
.profile-crop-options button{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px}.profile-skin-mini--crop{width:100%;height:96px;object-fit:contain;image-rendering:pixelated}.profile-crop-options button[data-crop=full]{background:#283C4D}.profile-crop-options button[data-crop=portrait]{background:#3B324B}
.mail-page{background:radial-gradient(ellipse at 15% 20%,#27453877,transparent 55%),radial-gradient(ellipse at 85% 80%,#44335F66,transparent 50%),#111A23}.mail-window{background:#1C2834;border-color:#4B6377;box-shadow:inset 0 2px #819CAD,inset 0 -3px #0C1720}.mail-window-head{background:linear-gradient(110deg,#2C4558,#35324E);border-color:#455D72;box-shadow:none}.mail-kicker{color:#DFC48C}.mail-intro{color:#C5D6E0}.mail-small{border-color:#43576B;color:#B2C5D0}.mail-result{color:#D2D5F5}.mail-window .account-form>.btn{background-image:var(--bev),linear-gradient(#447A9E,#305673);color:#F3FBFF}.mail-page-links>.btn{background-image:var(--bev-soft),linear-gradient(#384F60,#283C4C);color:#E9F4FB}.mail-page-links>.profile-text-button{color:#C1B4E6}.mail-illustration{display:flex;gap:12px;align-items:center;min-height:120px;padding:8px 16px;background:linear-gradient(110deg,#2E4D47,#303E59);clip-path:var(--px-6)}.mail-illustration img{width:150px;height:112px;object-fit:contain}.mail-illustration span{font:12px/1.7 var(--mono);letter-spacing:.06em;color:#C7DED4}.mail-code-input{background:#122633;border-color:#567F98;color:#D9EFFB}.mail-code-input::placeholder{color:#A3BDC9}.mail-window-body h2{color:#F0F4F5}
@media(max-width:560px){.account-welcome{padding:16px 10px 16px 16px;min-height:128px}.account-welcome b{font-size:18px}.account-welcome img{width:106px;height:112px}.account-welcome p{font-size:12px}.mail-illustration{padding:8px;gap:8px}.mail-illustration img{width:124px}.mail-illustration span{font-size:11px}.is-profile .profile-theme i{height:84px}}
@media(prefers-reduced-motion:reduce){.account-dialog::backdrop{backdrop-filter:none}}
.account-dialog:has(.account-welcome--recovery) .account-form>.btn{background-image:var(--bev),linear-gradient(#736096,#51416E)}
/* Keep the narrow editor useful rather than turning the preview cards into a tiny scroll slit. */
@media(max-width:700px){.is-profile.is-editing .profile-editor-pane{max-height:max(270px,calc(100dvh - 570px))}.is-profile .profile-editor legend{font-size:14px}.profile-editor-nav button{font-size:12px}.profile-edit-link small{font-size:12px}.profile-edit-link b{font-size:15px}}

@media(max-width:560px){.profile-theme .profile-skin-mini{height:80px}}
.account-dialog.is-profile .profile-save .profile-save-btn{background-image:var(--bev),linear-gradient(#467F5B,#2E5A41);color:#F3FFF2}
/* Illustrated two-level card: stage above, quiet copy panel below. */
.account-welcome{--welcome-lit:#477B73;--welcome-dark:#243F4F;display:block;min-height:0;padding:0;margin-top:18px;overflow:visible;clip-path:none;background:none;isolation:isolate}
.account-welcome::before{content:'';display:block;height:118px;background:repeating-conic-gradient(from -24deg at 68% 110%,#ffffff0b 0deg 12deg,transparent 12deg 24deg),linear-gradient(125deg,var(--welcome-lit),var(--welcome-dark));clip-path:var(--px-6);box-shadow:inset 0 3px #ffffff22}
.account-welcome .account-welcome-copy{position:relative;z-index:2;padding:16px 20px 18px;background:linear-gradient(115deg,#1D3B39,#20303F);border-top:2px solid #75B9AF66;clip-path:var(--px-4);box-shadow:inset 0 -4px #07151C55}
.account-welcome .account-welcome-kicker{font-size:10px;margin-bottom:6px}.account-welcome b{font-size:20px;line-height:1.25;max-width:290px}.account-welcome p{margin-top:8px;font-size:12px}
.account-welcome-art{position:absolute;display:block;right:12px;top:-24px;width:244px;height:152px;z-index:1;pointer-events:none}
.account-welcome .account-welcome-art img{position:absolute;inset:auto 0 -12px;width:100%;height:180px;object-fit:contain;filter:drop-shadow(0 8px 0 #07182055);image-rendering:auto}
.account-welcome--recovery{--welcome-lit:#59629B;--welcome-dark:#40314F}.account-welcome--recovery .account-welcome-copy{background:linear-gradient(115deg,#30344F,#342A43);border-top-color:#A69AD266}.account-welcome--recovery .account-welcome-art{right:4px;width:260px}
@media(max-width:560px){.account-welcome{padding:0;min-height:0;margin-top:20px}.account-welcome::before{height:100px}.account-welcome .account-welcome-copy{padding:14px 16px 16px}.account-welcome-art{width:214px;height:130px;right:2px;top:-24px}.account-welcome .account-welcome-art img{height:156px;width:100%}.account-welcome--recovery .account-welcome-art{width:230px}.account-welcome b{font-size:19px}.account-welcome p{font-size:12px}}