.account-main{max-width:820px;padding-top:48px;padding-bottom:70px}.account-main h1{font-size:clamp(36px,7vw,64px);letter-spacing:-2px;line-height:1.1}.account-main p{color:#aeb8c7;line-height:1.65}.account-panel{padding:28px;background:#141a24;border:1px solid #ffffff20;border-radius:18px;margin:24px 0}.account-panel h2{font-size:24px;letter-spacing:-.5px;margin:0 0 18px}.account-panel label{display:grid;gap:9px;margin:20px 0;color:#dbe3ef;font-size:14px}.account-panel input,.account-panel textarea{width:100%;min-width:0;min-height:48px;border:1px solid #ffffff30;border-radius:8px;background:#0c1119;color:white;font:16px system-ui;padding:12px}.account-panel input:focus,.account-panel textarea:focus{outline:2px solid #bbff7b;outline-offset:2px}.account-panel button{min-height:46px;padding:11px 18px;border:1px solid #ffffff30;border-radius:8px;background:#202a38;color:#e5ecf5;cursor:pointer}.account-panel button:disabled{opacity:.6;cursor:wait}.account-panel .account-primary{background:#bbff7b;color:#101811;font-weight:700;width:100%}.account-tabs{display:flex;gap:12px;flex-wrap:wrap}.account-tabs button[aria-pressed=true]{border-color:#bbff7b;color:#bbff7b}.account-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.account-title h2{margin:0;overflow-wrap:anywhere}.account-details{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.account-details dt{font-size:12px;color:#929faf}.account-details dd{margin:8px 0 0;overflow-wrap:anywhere}.account-links{display:flex;gap:20px;flex-wrap:wrap}.account-links a{min-height:44px;display:inline-flex;align-items:center;color:#bbff7b}#notice.error,#password-notice.error{color:#ffa3ad}[hidden]{display:none!important}@media(max-width:600px){.account-main{padding-top:30px}.account-panel{padding:20px}.account-details{grid-template-columns:1fr}.account-main h1{letter-spacing:-1px}header{gap:16px;flex-wrap:wrap;height:auto;min-height:100px;padding-top:18px;padding-bottom:18px}header>a:last-child{font-size:13px}}

.is-loading::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.6em;vertical-align:-.15em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:socketjack-spin .8s linear infinite}@keyframes socketjack-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.is-loading::before{animation-duration:2s}}

.account-panel textarea{resize:vertical;line-height:1.5;min-height:96px}

.forgot-password{display:inline-block;color:#b9d8ff;margin:0 0 8px;text-underline-offset:3px}.account-recovery-critical{border:2px solid #e64a59;border-radius:12px;background:#36151e;padding:20px 24px;margin:0 0 28px;color:#ffe2e6}.account-recovery-critical h2{margin:0 0 8px;color:#ff8998;font-size:20px}.account-main .account-recovery-critical p{margin:0;color:#ffe2e6}.account-recovery-critical a{display:inline-block;margin-top:12px;color:#fff;text-decoration:underline;font-weight:700}.account-recovery-critical a:focus-visible{outline:2px solid #fff;outline-offset:4px}#email-notice.error{color:#ffa3ad}

/* Account overview and expandable settings */
.account-main{max-width:1040px;padding-top:36px}
.account-main h1{font-size:clamp(32px,5vw,46px);letter-spacing:-1.5px;margin:12px 0 16px}
.account-main #intro{margin-bottom:8px}
.account-main #notice{font-size:14px;margin-bottom:22px}
.account-overview{background:linear-gradient(120deg,#1c2632,#141a24);margin:20px 0 0;padding:24px 28px}
.account-overview .account-title h2{font-size:26px}
.account-overview .account-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0;padding-bottom:22px;border-bottom:1px solid #ffffff12}
.account-overview .account-details dt{text-transform:uppercase;letter-spacing:.07em;font-size:11px}
.account-overview .account-details dd{font-size:15px;margin-top:7px}
.account-overview .account-links{gap:10px}
.account-overview .account-links a{padding:8px 13px;border:1px solid #ffffff18;border-radius:8px;background:#0d141e;min-height:40px;font-size:13px;text-decoration:none}
.account-overview .account-links a:hover{background:#263342;border-color:#bbff7b70}
.account-main .usage-grid{gap:16px;margin:0 0 20px}
.account-main .usage-grid .bandwidth-card{padding:18px 20px;margin:16px 0 0;height:calc(100% - 16px);background:#111923}
.account-settings-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 14px;flex-wrap:wrap}
.account-settings-heading h2{font-size:20px;letter-spacing:-.4px;margin:0}
.account-settings-heading p{font-size:13px;margin:0}
.account-setting{border:1px solid #ffffff20;border-radius:12px;background:#141b25;margin:10px 0;overflow:hidden;scroll-margin-top:24px}
.account-setting>summary{list-style:none;display:flex;align-items:center;gap:16px;padding:19px 22px;cursor:pointer;min-height:84px;transition:background .15s}
.account-setting>summary::-webkit-details-marker{display:none}
.account-setting>summary::after{content:'';width:8px;height:8px;border-right:2px solid #a5b7c9;border-bottom:2px solid #a5b7c9;transform:rotate(45deg);margin:0 3px 5px auto;flex-shrink:0;transition:transform .15s}
.account-setting[open]>summary::after{transform:rotate(225deg);margin-bottom:0}
.account-setting>summary:hover{background:#1e2936}
.account-setting>summary:focus-visible,.account-social-links>summary:focus-visible{outline:2px solid #bbff7b;outline-offset:-3px;border-radius:10px}
.account-setting-index{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #ffffff18;border-radius:9px;color:#95c9b4;background:#0e171e;font:12px ui-monospace,monospace}
.account-setting-copy{display:grid;gap:5px;min-width:0}
.account-setting-title{font-size:16px;font-weight:600;color:#edf2fa}
.account-setting-description{font-size:13px;color:#9aabba;line-height:1.4}
.account-setting[open]>summary{border-bottom:1px solid #ffffff12;background:#1a2430}
.account-setting .account-setting-body{border:0;border-radius:0;margin:0;padding:22px;background:transparent;scroll-margin-top:24px}
.account-setting-body>h2{display:none}
.account-setting-body>p:first-of-type{margin-top:0;font-size:14px}
.account-setting-body label{margin:16px 0}
.account-setting-body [role=status]:empty{display:none}
.account-setting-body input[type=file]{font-size:13px;padding:10px;min-height:44px}
.account-setting-body input[type=file]::file-selector-button{border:0;border-radius:5px;background:#2c3b4c;color:#ecf3fa;padding:7px 10px;margin-right:10px;cursor:pointer}
.account-setting-body .profile-editor{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px}
.account-setting-body .profile-editor .avatar{width:72px;height:72px}
.account-setting-body .profile-editor label{margin:0}
.account-social-links{border:1px solid #ffffff18;background:#101720;border-radius:10px;margin:20px 0;padding:0 16px}
.account-social-links>summary{cursor:pointer;padding:16px 0;color:#c7dcf2;font-size:14px}
.account-social-links[open]>summary{border-bottom:1px solid #ffffff12}
.account-social-links .artist-link-fields{gap:4px 18px;padding:8px 0 12px}
.account-setting-body .artist-editor-actions{padding-top:18px;border-top:1px solid #ffffff12}
.account-setting-body .external-login-buttons{margin:18px 0}
.account-setting-body .cloud-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.account-setting-body .cloud-card{padding:16px}
.account-setting-body select{max-width:100%}
@media(max-width:700px){
 .account-overview .account-details{grid-template-columns:repeat(2,minmax(0,1fr))}
 .account-setting>summary{padding:16px;gap:12px}
 .account-setting .account-setting-body{padding:18px}
 .account-setting-body .profile-editor{grid-template-columns:72px minmax(0,1fr)}
 .account-setting-body .profile-editor button{grid-column:2;justify-self:start}
 .account-main .usage-grid{gap:0}
}
@media(max-width:400px){.account-overview{padding:20px}.account-setting-index{display:none}.account-setting-description{font-size:12px}.account-setting-body .profile-editor{grid-template-columns:1fr}.account-setting-body .profile-editor button{grid-column:1}.account-overview .account-details{gap:16px 10px}}
@media(prefers-reduced-motion:reduce){.account-setting>summary,.account-setting>summary::after{transition:none}}

.account-header-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.account-header-nav>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.account-header-nav .account-admin-link{padding:10px 15px;border:1px solid #bbff7b40;border-radius:8px;background:#151e22;color:#bbff7b}
.account-header-nav .account-admin-link:hover{background:#24332b;border-color:#bbff7b80}
.account-header-nav>a:focus-visible{outline:2px solid #bbff7b;outline-offset:4px}
.account-panel .binary-storage-choice{display:flex;align-items:flex-start;gap:12px;line-height:1.5}.account-panel .binary-storage-choice input{width:20px;min-width:20px;min-height:20px;height:20px;margin:1px 0 0;padding:0;accent-color:#bbff7b}.account-panel #binary-storage-notice.error{color:#ffa3ad}
.account-overview .account-details{margin-bottom:0;padding-bottom:0;border-bottom:0}
@media(max-width:600px){.account-header-nav{gap:12px;margin-left:auto}.account-header-nav>a{font-size:13px}.account-header-nav .account-admin-link{padding:9px 12px}}