body.scarlett-account{background:#111113 url('/ui-icons/topography-v1.png') center/cover fixed!important;min-height:100dvh;padding-bottom:70px}
html body.scarlett-account .account-shell{max-width:1160px;padding:32px 24px!important;margin:0 auto;background:none!important;border:0!important}
body.scarlett-account:not(.account-dashboard-ready) .account-shell>h1,body.scarlett-account:not(.account-dashboard-ready) #accountIntro{display:none}
body.scarlett-account:not(.account-dashboard-ready) .account-auth{margin:12vh auto 0;max-width:500px;display:block}
html body.scarlett-account .account-card{background:#09090bee!important;border:1px solid #ffffff10;border-radius:28px!important;padding:28px}
html body.scarlett-account #loginCard h2{font-size:34px;font-weight:400;margin-bottom:24px}
html body.scarlett-account #discordLogin{display:flex;width:100%;min-height:62px;margin:0 0 18px;background:#5865f2!important;border:0;border-radius:16px!important;color:white;gap:10px;font-size:15px;text-decoration:none}
html body.scarlett-account #discordLogin::before{content:'';width:22px;height:18px;background:url('/ui-icons/discord-clyde.svg') center/contain no-repeat}
.password-login{border-top:1px solid #ffffff10;padding-top:14px}.password-login summary{font-size:12px;color:#aaa;cursor:pointer}.password-login[open]{padding-bottom:18px}.account-auth-switch{font-size:11px;color:#aaa}
html body.scarlett-account #discordLogin{box-sizing:border-box!important}html body.scarlett-account #accountHeading{text-transform:none!important}
#signedIn[data-layout]{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}.account-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}.account-content{min-width:0}
html body.scarlett-account .account-sidebar-profile{display:flex;align-items:center;gap:12px;padding:20px;background:#09090bf0;border:1px solid #ffffff08;border-radius:28px;color:#eee;text-align:left;width:100%;font:inherit;cursor:pointer}.account-sidebar-profile img{width:40px;height:40px;border-radius:50%;object-fit:cover}.account-sidebar-profile small{display:block;margin-top:6px;color:#888;font-size:10px}
.account-page-title{margin:0 0 16px;font-size:22px;font-weight:400;padding:16px 20px;background:#09090bf0;border-radius:32px;color:#eee}
.account-welcome{display:flex;align-items:center;gap:18px;padding:28px;margin-bottom:16px;border:1px solid #ffffff10;border-radius:28px;background:#09090bee;flex-wrap:wrap}.account-welcome img{width:76px;height:76px;object-fit:cover;border-radius:50%}.account-welcome h1{font-size:25px!important;line-height:1.4}.account-welcome #accountIntro{font-size:12px}.account-welcome .account-details{flex-basis:100%;font-size:11px;padding-top:12px;border-top:1px solid #ffffff08}
html body.scarlett-account .account-sidebar .account-tabs{display:flex;flex-direction:column;align-items:stretch;background:#09090bf0;border-radius:28px;margin:0;padding:8px;gap:4px}.account-sidebar .account-tabs [role=tablist]{display:flex;flex-direction:column;align-items:stretch;gap:4px}
html body.scarlett-account .account-sidebar .account-tabs button,html body.scarlett-account .account-sidebar .account-tabs a{justify-content:flex-start;border:0!important;border-radius:24px!important;background:transparent!important;box-shadow:none!important;padding:10px 14px;height:auto!important;transform:none!important;font-size:12px}
html body.scarlett-account .account-sidebar .account-tabs [aria-selected=true]{background:#242426!important}.account-sidebar .account-tabs a:hover,.account-sidebar .account-tabs button:hover{background:#ffffff08!important}
html body.scarlett-account .account-side-card{display:block;padding:22px;background:#09090bf0;border:1px solid #ffffff08;border-radius:28px;color:#eee;text-decoration:none;text-align:left;font:inherit;cursor:pointer;transform:none!important}.account-side-card strong{font-size:14px;font-weight:400}.account-side-card small{display:block;margin-top:6px;font-size:10px;color:#888;line-height:1.6}
html body.scarlett-account #accountLogout{background:#59302f;border:1px solid #75413e;border-radius:26px;padding:14px;color:#eee;transform:none!important}.account-content .account-grid{gap:14px}.account-content .account-script-grid{gap:12px}.account-content .account-script{border-radius:20px;background:#ffffff03}
.site-bottom-links{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 14px;border:1px solid #ffffff08;border-radius:24px;background:#09090bee;z-index:30;color:#888;font-size:10px;white-space:nowrap}.site-bottom-links img{width:16px;height:16px;object-fit:contain}.site-bottom-links a{color:#888;text-decoration:none}.site-bottom-links a:hover{color:#ddd}
@media(max-width:700px){html body.scarlett-account .account-shell{padding:20px 16px!important}#signedIn[data-layout]{grid-template-columns:1fr}.account-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-sidebar-profile,.account-sidebar .account-tabs{grid-column:1/-1}.account-sidebar .account-tabs [role=tablist]{flex-direction:row;flex-wrap:wrap}.account-sidebar .account-tabs{flex-direction:row!important;flex-wrap:wrap}.account-sidebar .account-side-card{padding:16px}.account-welcome{padding:20px;gap:12px}.account-welcome img{width:52px;height:52px}.account-welcome h1{font-size:19px!important}.account-grid{grid-template-columns:1fr}.site-bottom-links{font-size:9px;gap:6px}body.scarlett-account:not(.account-dashboard-ready) .account-auth{margin-top:8vh}}

/* Scarlett's compact toolbar and module grid, shared with the script menus. */
html body.scarlett-account .account-shell{max-width:1080px}
#signedIn[data-layout]{grid-template-columns:1fr;gap:22px}
.account-sidebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
html body.scarlett-account .account-sidebar-profile{grid-column:1;padding:14px 16px;border-radius:18px;background:linear-gradient(#ffffff0b,#ffffff03),#1a1a1c!important;border-color:#ffffff10;min-height:74px}
html body.scarlett-account .account-sidebar .account-tabs{grid-column:2/-1;display:flex;flex-direction:row;align-items:center;gap:6px;padding:10px;background:linear-gradient(#ffffff0c,#ffffff03),#1a1a1c!important;border:1px solid #ffffff10;border-radius:22px}
.account-sidebar .account-tabs [role=tablist]{flex-direction:row;flex-wrap:wrap;gap:4px;flex:1}
html body.scarlett-account .account-sidebar .account-tabs button,html body.scarlett-account .account-sidebar .account-tabs a{border-radius:18px!important;font-size:11px;padding:9px 12px;min-height:34px!important;white-space:nowrap}
html body.scarlett-account .account-sidebar .account-tabs [aria-selected=true]{background:linear-gradient(#ffffff20,#ffffff0d)!important;box-shadow:inset 0 0 0 1px #ffffff08!important}
html body.scarlett-account .account-sidebar .account-side-card{padding:16px 18px;border-radius:16px;background:linear-gradient(#ffffff0a,#ffffff03),#19191b!important;border:1px solid #ffffff0c;transition:background .18s,border-color .18s}
.account-side-card strong{font-size:12px}.account-side-card small{margin-top:8px;font-size:10px}
html body.scarlett-account .account-sidebar .account-side-card:hover{background:linear-gradient(#ffffff10,#ffffff05),#19191b!important;border-color:#ffffff1a}
html body.scarlett-account .account-sidebar #accountLogout{background:#45292b!important;border:1px solid #704047!important;color:#ddd!important;font-size:10px;padding:8px 12px}
.account-page-title{background:transparent;padding:0 0 12px;border-radius:0;border-bottom:1px solid #ffffff10;font-size:17px;color:#bcbcc3;margin-bottom:16px}
.account-welcome{border-radius:20px;padding:22px;background:linear-gradient(140deg,#ffffff0c,#ffffff03),#1a1a1c;border-color:#ffffff10;gap:16px}
.account-welcome img{width:52px;height:52px}.account-welcome h1{font-size:23px!important;font-weight:400}.account-welcome .account-details{padding-top:14px}
html body.scarlett-account .account-content .account-card{border-radius:20px!important;background:linear-gradient(#ffffff05,#ffffff01),#141416ed!important;padding:22px}
.account-content .account-script{border-radius:16px;background:#ffffff03;border-color:#ffffff0a;padding:18px}
@media(max-width:900px){html body.scarlett-account .account-sidebar-profile{grid-column:1/-1;min-height:0}html body.scarlett-account .account-sidebar .account-tabs{grid-column:1/-1}.account-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.account-welcome h1{font-size:21px!important}}
@media(max-width:520px){html body.scarlett-account .account-sidebar .account-tabs{gap:4px;padding:8px}.account-sidebar .account-tabs [role=tablist]{gap:2px}html body.scarlett-account .account-sidebar .account-tabs button,html body.scarlett-account .account-sidebar .account-tabs a{font-size:10px;padding:8px 10px}html body.scarlett-account .account-sidebar .account-side-card{padding:14px}.account-welcome{padding:18px}.account-welcome h1{font-size:18px!important}.account-welcome #accountIntro{font-size:11px}}
@media(prefers-reduced-motion:reduce){.account-side-card{transition:none!important}}
/* One sidebar and one content surface, with compact Scarlett controls. */
#signedIn[data-layout]{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px}
.account-sidebar{display:flex;flex-direction:column;gap:12px}
html body.scarlett-account .account-sidebar-profile{grid-column:auto;min-height:78px;border-radius:22px;padding:18px}
html body.scarlett-account .account-sidebar .account-tabs{grid-column:auto;flex-direction:column;align-items:stretch;padding:10px;border-radius:22px}
.account-sidebar .account-tabs [role=tablist]{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:6px}
html body.scarlett-account .account-sidebar .account-tabs button,html body.scarlett-account .account-sidebar .account-tabs a{font-size:12px;min-height:40px!important;text-align:left;padding:10px 14px}
html body.scarlett-account .account-sidebar .account-side-card{padding:16px 18px;border-radius:22px;min-height:52px}.account-sidebar .account-side-card small{display:none}.account-side-card strong{font-size:12px}
html body.scarlett-account .account-sidebar #accountLogout{background:#ffffff06!important;border:1px solid #ffffff12!important;color:#ccc!important}
.account-page-title{padding:16px 22px;border:0;border-radius:24px;background:#0b0b0de8;font-size:24px;color:#eee;margin:0 0 18px}
.account-content .account-grid{grid-template-columns:1fr;gap:16px}
html body.scarlett-account .account-content .account-card{padding:22px 24px;border-radius:22px!important;background:linear-gradient(#ffffff04,#0001),#101012ed!important;min-height:0}
.account-content .account-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.account-content .account-card form>button,.account-content .account-card form>p{grid-column:1/-1;justify-self:start}.account-content .account-card h2{font-size:16px!important;font-weight:400!important;margin-bottom:18px}
html body.scarlett-account #loginCard{padding:32px;max-width:500px;background:#09090bf2!important;border-radius:28px!important}
html body.scarlett-account #loginCard h2{font-size:36px!important;line-height:1.2;margin-bottom:24px}.password-login{border:0;padding-top:0;margin-top:18px}.password-login summary{font-size:11px}.account-auth-switch{font-size:11px;margin-top:20px}.password-login>details{margin-top:18px}
@media(max-width:760px){#signedIn[data-layout]{grid-template-columns:1fr}.account-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-sidebar-profile,.account-sidebar .account-tabs{grid-column:1/-1!important}.account-sidebar .account-tabs [role=tablist]{flex-direction:row;flex-wrap:wrap}.account-content .account-card form{grid-template-columns:1fr}.account-page-title{font-size:20px}}
@media(prefers-reduced-motion:no-preference){.account-content [role=tabpanel]:not([hidden]){animation:account-tab-in .2s ease-out}@keyframes account-tab-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
html body.scarlett-account .account-sidebar .account-side-card{height:52px!important;min-height:52px!important;display:flex!important;align-items:center;padding:16px 18px!important}
/* Use the same restrained surface, spacing and type scale throughout the account. */
html body.scarlett-account .account-shell{max-width:1180px;padding:30px 32px!important}
#signedIn[data-layout]{grid-template-columns:200px minmax(0,1fr);gap:24px}
html body.scarlett-account .account-sidebar{display:flex;gap:0;padding:12px;background:linear-gradient(#ffffff05,#0001),#18181aeb;border:1px solid #ffffff0c;border-radius:20px}
html body.scarlett-account .account-sidebar-profile{min-height:68px;padding:8px 10px 18px;border:0;border-bottom:1px solid #ffffff0c;border-radius:0;background:transparent!important;margin-bottom:10px;font-size:13px}
html body.scarlett-account .account-sidebar .account-tabs{padding:0 0 12px;margin:0 0 8px;background:none!important;border:0;border-bottom:1px solid #ffffff0c;border-radius:0}
html body.scarlett-account .account-sidebar .account-tabs button,html body.scarlett-account .account-sidebar .account-tabs a{font-size:12px;min-height:38px!important;border-radius:12px!important;padding:9px 12px}
html body.scarlett-account .account-sidebar .account-side-card{height:40px!important;min-height:40px!important;padding:10px 12px!important;border:0;border-radius:12px;background:transparent!important;color:#aaa}
html body.scarlett-account .account-sidebar .account-side-card:hover{background:#ffffff08!important;color:#eee}
html body.scarlett-account .account-sidebar #accountLogout{margin-top:8px!important}
.account-page-title{background:none;border-radius:0;padding:2px 0 0;margin:0 0 18px;font-size:20px}
.account-welcome{gap:14px;padding:22px;border:1px solid #ffffff0c;border-radius:20px;background:linear-gradient(#ffffff05,#0001),#18181aeb;margin-bottom:20px}
.account-welcome img{width:42px;height:42px}.account-welcome h1{font-size:20px!important;margin:0 0 5px!important}.account-welcome #accountIntro{font-size:11px;margin:0!important}.account-welcome .account-details{padding-top:16px;margin-top:4px}
html body.scarlett-account .account-content .account-card{padding:22px;border:1px solid #ffffff0c;border-radius:20px!important;background:linear-gradient(#ffffff05,#0001),#18181aeb!important}
html body.scarlett-account #scriptPanel{background:none!important;border:0;padding:0}
.account-loader{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;margin:0 0 24px;border:1px solid #ffffff0c;border-radius:20px;background:linear-gradient(#ffffff05,#0001),#18181aeb}
html body.scarlett-account .account-loader h2{font-size:15px!important;margin:0 0 7px!important}.account-loader p{font-size:11px;margin:0!important}.account-loader>button{margin:0!important;white-space:nowrap}
html body.scarlett-account #scriptPanel>h2{font-size:15px!important;margin:0 0 14px!important;padding-left:2px}
.account-content .account-script-grid{gap:14px}
html body.scarlett-account .account-content .account-script{padding:20px;border:1px solid #ffffff0c;border-radius:20px;background:linear-gradient(#ffffff05,#0001),#18181aeb;min-height:0;box-shadow:none}
.account-script summary{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 14px;align-items:center}.account-script summary>img{width:44px!important;height:44px!important;object-fit:contain;grid-column:1;grid-row:1/3}.account-script h3{font-size:14px!important;font-weight:400;margin:0!important}.account-script summary>p{grid-column:2;margin:0!important;font-size:11px!important;min-height:0!important;line-height:1.6}.account-script .feature-toggle{grid-column:1/-1;margin:12px 0 0;padding-top:12px;border-top:1px solid #ffffff0b;font-size:11px}.account-script details ul{margin:12px 0 0;padding-top:12px;font-size:11px;line-height:1.9}
html body.scarlett-account .account-script:hover{transform:none;background:#202022}
html body.scarlett-account .account-content .account-card h2{font-size:15px!important}
@media(max-width:760px){html body.scarlett-account .account-shell{padding:20px 16px!important}#signedIn[data-layout]{grid-template-columns:1fr}.account-sidebar .account-tabs [role=tablist]{flex-direction:row;flex-wrap:wrap}.account-sidebar-profile{display:none!important}html body.scarlett-account .account-sidebar .account-tabs{border:0;padding:0;margin:0}.account-sidebar .account-side-card{display:none!important}.account-welcome{padding:20px}.account-loader{flex-wrap:wrap;gap:14px}.account-page-title{margin-bottom:14px}}

html body .account-profile,html body .account-nav,html body .account-quick,html body .account-panel,html body .account-loader,html body .account-script{background:linear-gradient(145deg,#32323257,#10101066)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
/* Match the quick actions to the navigation tabs. */
html body.scarlett-account .account-sidebar .account-quick-group .account-side-card{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:40px!important;min-height:40px!important;padding:10px 14px!important;border:1px solid #ffffff14!important;border-radius:999px!important;background:linear-gradient(145deg,#32323257,#10101066)!important;box-shadow:inset 0 1px #ffffff08!important;gap:10px!important;box-sizing:border-box!important}
html body.scarlett-account .account-sidebar .account-quick-group .account-side-card strong{font-size:11px!important;font-weight:400!important;line-height:18px!important}
html body.scarlett-account .account-sidebar .account-quick-group .account-side-card:hover{background:linear-gradient(145deg,#ffffff20,#ffffff0c)!important}
html body *:focus,html body *:focus-visible{outline:none!important;outline-offset:0!important}
html body input[type=range]:focus-visible:not([data-pointer-focus=true]){outline:none!important}
html body.scarlett-account .account-sidebar .account-tabs #accountLogout:hover{color:#f2b6bc!important;background:linear-gradient(145deg,#af34462e,#6d1c2920)!important;border-color:#d9576a66!important;box-shadow:0 0 18px #d8465d38,inset 0 1px #f292a024!important;transition:background .2s ease,color .2s ease,box-shadow .2s ease!important}
html body.scarlett-workspace .workspace-actions .btn-logout:hover{color:#f2b6bc!important;background:linear-gradient(145deg,#af34462e,#6d1c2920)!important;border-color:#d9576a66!important;box-shadow:0 0 18px #d8465d38,inset 0 1px #f292a024!important}