:root[data-envy-design] .account-modal-card { position:relative; display:grid; grid-template-columns:.85fr 1.15fr; width:min(900px,96vw); padding:0; overflow:hidden; max-height:94vh; border-radius:25px; background:var(--panel); }
.account-story { display:flex; flex-direction:column; justify-content:space-between; gap:35px; padding:31px; border-right:1px solid var(--border); background:radial-gradient(ellipse at 0 0,rgba(57,177,231,.19),transparent 70%),linear-gradient(145deg,var(--panel-raised),var(--panel)); }
.account-brand { display:flex; align-items:center; gap:8px; font:700 15px "Space Grotesk",sans-serif; letter-spacing:.04em; }
.account-story-copy h2 { margin:16px 0; font:700 clamp(30px,3vw,40px)/1.1 "Space Grotesk",sans-serif; letter-spacing:-.055em; }
.account-story-copy > p { color:var(--text-muted); font-size:13px; line-height:1.8; }
.account-story ul { list-style:none; display:grid; gap:16px; margin-top:30px; color:var(--text-muted); font-size:12px; }
.account-story li { display:flex; gap:10px; align-items:center; }
.account-story li i { width:20px; color:var(--jade); font-size:15px; }
.account-story-footer { display:flex; justify-content:space-between; gap:10px; color:var(--text-muted); font-size:9px; letter-spacing:.14em; }
.account-story-footer i { color:var(--accent); }
.account-main { min-width:0; padding:30px; overflow-y:auto; overscroll-behavior:contain; }
:root[data-envy-design] .account-main .modal-header { margin:0 0 20px; padding:0 0 18px; gap:20px; align-items:flex-start; }
:root[data-envy-design] .account-main .modal-header h2 { margin-top:7px; font-size:27px; }
.account-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border:1px solid var(--border); border-radius:12px; background:var(--input-bg); }
.account-tabs button { min-height:39px; border:0; border-radius:9px; background:transparent; color:var(--text-muted); font-size:12px; font-weight:700; cursor:pointer; }
.account-tabs button.active { color:var(--text-main); background:var(--panel-raised); box-shadow:0 3px 12px rgba(0,0,0,.08); }
.account-intro { margin:18px 0 4px; color:var(--text-muted); font-size:13px; line-height:1.65; }
:root[data-envy-design] .account-form .input-label { display:block; font-size:12px; margin:16px 0 7px; }
:root[data-envy-design] .account-form .text-input { display:block; width:100%; min-height:46px; font-size:13px; }
.account-password { position:relative; }
.account-password .text-input { padding-right:46px; }
.account-password button { position:absolute; right:5px; top:5px; width:36px; height:36px; border:0; border-radius:8px; color:var(--text-muted); background:transparent; cursor:pointer; }
.account-password button:hover { color:var(--accent); background:var(--accent-soft); }
.account-form-links { display:flex; justify-content:space-between; gap:12px; margin:10px 0 17px; color:var(--text-muted); font-size:11px; }
.account-form-links button { margin-left:auto; padding:0; border:0; background:transparent; color:var(--accent); font-size:11px; cursor:pointer; }
:root[data-envy-design] .account-form .btn-main-glow { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:46px; font-size:13px; }
.account-form button:disabled { opacity:.6; cursor:wait; transform:none; }
.account-message { margin:0 0 14px; padding:11px 12px; border:1px solid var(--border-bright); border-radius:10px; color:var(--text-main); background:var(--accent-soft); font-size:12px; line-height:1.65; }
.account-message.is-error { border-color:rgba(245,128,145,.4); color:var(--danger); background:rgba(245,128,145,.05); }
.account-message.is-success { border-color:rgba(72,214,188,.35); color:var(--jade-bright); background:rgba(72,214,188,.06); }
.account-text-button { display:block; margin:13px auto 0; padding:3px; border:0; background:none; color:var(--accent); font-size:11px; cursor:pointer; text-align:center; }
.account-divider { display:flex; align-items:center; gap:12px; margin:22px 0 15px; color:var(--text-muted); font-size:10px; }
.account-divider::before,.account-divider::after { flex:1; height:1px; content:""; background:var(--border); }
.account-main .auth-provider-buttons { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
:root[data-envy-design] .account-main .oauth-btn { min-width:0; display:flex; align-items:center; justify-content:center; gap:9px; min-height:44px; font-size:12px; }
.account-main .oauth-btn i { font-size:16px; }
:root[data-envy-design] .account-main .auth-setup-hint { margin:16px 0 0; color:var(--text-muted); font-size:11px; line-height:1.7; }
.account-preferences { margin-top:23px; padding-top:17px; border-top:1px solid var(--border); }
.account-preferences summary { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--text-muted); font-size:12px; cursor:pointer; list-style:none; }
.account-preferences summary::-webkit-details-marker { display:none; }
.account-preferences summary i { transition:transform .2s; font-size:10px; }
.account-preferences[open] summary i { transform:rotate(180deg); }
.account-main .profile-theme-setting { margin-top:20px; padding:15px 0 0; border-color:var(--border); }
.account-main .profile-theme-copy strong { font-size:12px; }
.account-main .profile-theme-copy span { font-size:11px; }
.account-main .profile-summary { margin:5px 0 20px; gap:14px; }
.account-main .profile-summary h3 { font-size:20px; }
.account-main .profile-summary span { display:block; max-width:255px; overflow-wrap:anywhere; font-size:11px; }
.account-main .profile-large-avatar { width:59px; height:59px; font-size:20px; border-radius:17px; }
.account-sync-status { padding:12px; border:1px solid var(--border); border-radius:11px; color:var(--text-muted); background:var(--input-bg); font-size:12px; line-height:1.6; }
.account-sync-status.is-error { color:var(--danger); }
.account-shortcuts { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:17px; }
.account-shortcuts button { display:grid; justify-items:center; gap:8px; padding:17px 10px; }
.account-shortcuts i { color:var(--jade); font-size:19px; }
.account-signout { margin-top:20px; color:var(--text-muted); }
@media(max-width:720px) {
  :root[data-envy-design] .account-modal-card { display:block; width:min(480px,100%); max-height:94vh; overflow-y:auto; }
  .account-story { display:none; }
  .account-main { padding:24px 22px; overflow:visible; }
}
@media(max-width:380px) { .account-main { padding:22px 17px; } .account-shortcuts { grid-template-columns:1fr; } }