.account-open{flex:none}.account-open svg{width:18px;height:18px}
.account-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:0;
 color:#F4EAE6;background:#1B1218;border:2px solid #6B505B;clip-path:var(--px-12);
 box-shadow:inset 0 2px 0 #96747E,inset 0 -3px 0 #0A0608;overflow-y:auto;font-family:var(--font);
 scrollbar-color:#765764 #150D12}
.account-dialog::backdrop{background:rgba(8,4,6,.72)}
.account-dialog header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 18px;
 background:linear-gradient(180deg,#312029,#251821);border-bottom:2px solid #49313D;box-shadow:inset 0 2px 0 #503742}
.account-heading{display:flex;align-items:center;gap:12px;min-width:0}
.account-mark{display:grid;place-items:center;width:36px;height:40px;flex:none;clip-path:var(--px-4);
 color:#DEC3AB;background:linear-gradient(180deg,#59404A,#392731);box-shadow:inset 0 2px 0 #896471,inset 0 -3px 0 #21121A}
.account-mark svg{width:28px;height:28px}
.account-eyebrow{margin:0 0 3px;font-size:12px;letter-spacing:.06em;font-weight:500;color:#C8A8B1}
.account-dialog h2{font:650 20px/1.25 var(--font);margin:0;letter-spacing:-.03em}
.account-dialog .account-close{width:44px;height:44px;min-height:44px;padding:0;background:#2B1B24;color:#C6ABB5;flex:none;
 box-shadow:inset 0 2px 0 #533945,inset 0 -3px 0 #170D13}
.account-dialog .account-close svg{width:14px;height:14px}.account-close:hover{color:#F4EAE6;background:#392430}
.account-body{padding:20px 24px 24px;display:grid;gap:18px}
.account-environment{display:flex;align-items:center;gap:7px;margin:0;color:#B9A3AA;font-size:12px;line-height:1.4}
.account-environment i{width:5px;height:5px;background:#A18A74;flex:none}
[data-account-content]{display:grid;gap:18px}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#110B10;clip-path:var(--px-4);
 box-shadow:inset 0 2px 0 #080508,inset 0 -1px 0 #3C2933}
.account-tab{border:0;font:500 14px/1.3 var(--font);min-height:44px;padding:10px;color:#C3AEB5;
 background:#271A22;cursor:pointer;clip-path:var(--px-4);transition:background-color .12s,color .12s}
.account-tabs .account-tab{background:transparent}
.account-tab:hover{background:#35232D;color:#F4EAE6}
.account-tab[aria-selected="true"]{color:#F8EDE6;background:linear-gradient(180deg,#523441,#3D2632);
 box-shadow:inset 0 2px 0 #7B5262,inset 0 -2px 0 #2B1823}
.account-form{display:grid;gap:14px}
.account-field{display:grid;gap:7px;font-size:14px;font-weight:500;color:#D6C4CB}
.account-input-wrap{position:relative;display:block}
.account-input{width:100%;min-height:46px;padding:11px 12px;color:#F4EAE6;background:#100B10;
 border:2px solid #49333E;border-radius:0;font:400 16px/1.25 var(--font);user-select:text;outline:none;
 box-shadow:inset 0 2px 0 #070407;transition:border-color .12s,background-color .12s}
.account-input:focus{border-color:#A8778C;background:#161018}
.account-input::placeholder{color:#8F7884}
.account-input-wrap:has(.account-eye) .account-input{padding-right:48px}
.account-input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #161018;-webkit-text-fill-color:#F4EAE6;caret-color:#F4EAE6}
.account-input:user-invalid{border-color:#B86574}
.account-eye{position:absolute;right:2px;top:2px;width:42px;height:42px;display:grid;place-items:center;border:0;
 color:#A98C9B;background:transparent;cursor:pointer}
.account-eye svg{width:14px;height:14px}.account-eye:hover,.account-eye[aria-pressed="true"]{color:#E5C1CE}
.account-note{margin:0;font-size:13px;line-height:1.6;color:#BFAAB3}
.account-warning{position:relative;margin:2px 0 0;padding:12px 12px 12px 34px;
 background:#2C211C;clip-path:var(--px-4);color:#DFC7AA;font-size:13px;line-height:1.5;font-weight:500}
.account-warning::before{content:"!";position:absolute;left:12px;top:13px;width:13px;height:16px;display:grid;place-items:center;
 color:#21150F;background:#B69A70;font-size:12px;font-weight:750;clip-path:polygon(2px 0,11px 0,11px 2px,13px 2px,13px 14px,11px 14px,11px 16px,2px 16px,2px 14px,0 14px,0 2px,2px 2px)}
.account-feedback{font-size:14px;line-height:1.5;color:#ECB4C3;margin:0;padding:10px 12px;background:#31212A;clip-path:var(--px-4)}
.account-feedback:empty{display:none}
.account-form>.btn{justify-content:center;min-height:48px;font-size:14px;color:#FFF1EB;
 background-image:var(--bev),linear-gradient(180deg,#965366,#6B3448);background-color:#37212D;font-weight:600}
.account-actions .btn{justify-content:center;min-height:44px;font-size:13px;background-image:var(--bev-soft),linear-gradient(180deg,#3B2933,#2A1B24)}
.account-summary{display:flex;gap:14px;align-items:center;padding:14px;background:#241821;clip-path:var(--px-6);
 box-shadow:inset 0 2px 0 #4B3340,inset 0 -2px 0 #100910}
.account-avatar{width:48px;height:48px;image-rendering:pixelated;background:#34202D;border:2px solid #735365;flex:none;clip-path:var(--px-4)}
.account-summary b{font-size:18px;line-height:1.3;display:block;word-break:break-word}
.account-email{font-size:12px;color:#C1A8B5;word-break:break-word;margin:4px 0 0}
.account-section{padding-top:16px;border-top:2px solid #3A2732;display:grid;gap:12px}
.account-section h3{font:600 14px/1.3 var(--font);margin:0;color:#EEDCE5}
.account-actions{display:flex;flex-wrap:wrap;gap:8px}.account-actions .btn{flex:1}
.account-link-code{font:16px var(--mono);letter-spacing:2px;user-select:text;background:#11090D;padding:12px;overflow-wrap:anywhere}
.account-dialog button:disabled{opacity:.5;cursor:not-allowed}
.account-dialog button:focus-visible{outline:2px solid #D4B093;outline-offset:2px}
@media(max-width:400px){.account-dialog header{padding:16px 18px}.account-body{padding:18px}.account-dialog h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.account-dialog *{transition:none!important}}