/* Account workspaces share the planner's purple, parchment and ink materials. */
.ac-benefits{padding:16px;border:2px solid #110f1c;border-radius:12px;background:linear-gradient(120deg,#f2e7cd,#ded0af);color:#292135;box-shadow:inset 0 2px 0 #fff8,0 3px 0 #0d0a1c}.ac-benefits[hidden]{display:none}.ac-benefits h3{font:400 23px/1.2 'Lilita One',Impact,sans-serif;margin:0 0 14px;color:#292135}.ac-benefits ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.ac-benefits li{min-width:0}.ac-benefits strong{display:block;font-size:12px;color:#292135}.ac-benefits span{display:block;font-size:12px;line-height:1.5;margin-top:4px;color:#504154}
#account-library #ac-auth .ac-guest,#account-library #ac-auth .ac-refresh{background:transparent;box-shadow:none;border-color:transparent;color:#d7ceed;min-height:36px;padding:6px}.ac-guest{text-decoration:underline;text-underline-offset:3px}#account-library #ac-auth .ac-refresh{margin-left:auto;font-size:11px}#wb-account{white-space:nowrap}
@media(max-width:500px){.ac-benefits{padding:14px}.ac-benefits h3{font-size:22px}.ac-benefits ul{grid-template-columns:1fr;gap:10px}.ac-benefits li{border-left:3px solid #867052;padding-left:10px}.ac-benefits span{margin-top:0}#account-library #ac-auth .ac-guest{flex-basis:100%;order:3}#account-library #ac-auth .ac-refresh{flex-basis:100%;order:4;margin:0}}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data){width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0 24px 24px;border:3px solid var(--ink,#110f1c);border-radius:16px;background:var(--bg2,#221f36);color:var(--text,#f2eee6);box-shadow:inset 0 2px 0 #ffffff18,0 8px 0 #0b091c99,0 24px 90px #000a;overflow:auto;overscroll-behavior:contain;font:600 14px/1.5 Nunito,system-ui,sans-serif}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data)::backdrop{background:#110f1cce;backdrop-filter:blur(5px)}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data) *{box-sizing:border-box}
.ac-head{position:sticky;top:0;z-index:2;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--bg2,#221f36);padding:22px 0 16px;margin:0 0 16px;border-bottom:2px solid #ae854e}
.ac-head>div{min-width:0}.ac-head h2{font:400 28px/1.1 'Lilita One',Impact,sans-serif;color:#f3e6c7;margin:5px 0 9px;text-shadow:0 2px 0 #776047,0 3px 0 #110f1c}.ac-head p{font-size:12px;color:#cfc6e5;margin:0}.ac-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#ffda67}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data) button{min-height:40px;padding:8px 12px;border:2px solid #110f1c;border-radius:8px;background:#4b3e63;color:#f4eefa;box-shadow:inset 0 2px 0 #ffffff20,inset 0 -3px 0 #0003,0 2px 0 #0d0a1c;font:800 13px/1.4 Nunito,system-ui,sans-serif;cursor:pointer;overflow-wrap:anywhere}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data) button:hover{background:#65517e;border-color:#a28abf}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data) button:active:not(:disabled){box-shadow:inset 0 2px 0 #0003}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data) button:disabled{opacity:.55;cursor:default;box-shadow:none}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data) :focus-visible{outline:3px solid #ffda67;outline-offset:3px}
#ac-close,:is(#account-sharing,#account-sessions,#account-history,#account-data) .ac-head>button{align-self:flex-start;flex-shrink:0;min-width:40px;font-size:20px;line-height:1}
#ac-auth,.ac-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.ac-actions{margin:14px 0 0}.ac-account-help{flex-basis:100%;font-size:12px;color:#c0bad7;margin:3px 0 0}
.ac-tabs{display:flex;gap:8px;border-bottom:1px solid #554d78;padding-bottom:14px;margin-top:20px}.ac-tabs button{flex:1}.ac-tabs button[aria-pressed=true]{background:#eee4cf!important;color:#201a2b!important;border-color:#110f1c!important;box-shadow:inset 0 2px 0 #fff8,inset 0 -4px 0 #d4c4a6,0 2px 0 #0d0a1c}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data) .ac-primary,.ac-invite-form button{background:#4edb95!important;color:#122d21!important;border-color:#110f1c!important}
:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data) .ac-primary:hover,.ac-invite-form button:hover{background:#80eeb2!important}
#account-library .ac-open{background:#c9c1ff;color:#262039}#account-library .ac-open:hover{background:#ded9ff}
#account-library .ac-provider-discord{background:#6557c5;color:#fff}#account-library .ac-provider-discord:hover{background:#7567d5}#account-library .ac-provider-google{background:#eee4cf;color:#201a2b}
#ac-status,.ac-share-status{color:#b9edcf;font-size:13px;overflow-wrap:anywhere}#ac-status:empty{margin:0}
.ac-card{padding:16px;background:linear-gradient(130deg,#39324f,#2b2843);border:2px solid #110f1c;border-radius:12px;box-shadow:inset 0 2px 0 #ffffff12,0 3px 0 #0d0a1c;margin:14px 0}.ac-card h3{font:400 19px/1.2 'Lilita One',Impact,sans-serif;color:#f3e6c7;margin:0;overflow-wrap:anywhere}.ac-meta{color:#cfc6e5;font-size:12px;margin:7px 0}.ac-card>.ac-meta{text-transform:capitalize}.ac-state{font-size:12px;font-weight:800;color:#b9edcf;margin:8px 0}.ac-empty{padding:22px 0;color:#cfc6e5}.ac-conflict{border-top:2px solid #d7a85a;padding-top:10px;margin-top:12px;color:#ffe0a1}.ac-conflict button{margin:4px 6px 0 0}
.ac-invite-form{display:grid;grid-template-columns:1fr;gap:8px;margin:16px 0;padding:16px;border:2px solid #110f1c;border-radius:12px;background:#2b2843}.ac-invite-form label,.ac-invite-link label{font-size:12px;color:#ddd3ec}.ac-invite-form input,.ac-invite-form select,.ac-invite-link input{width:100%;min-width:0;padding:10px;border:2px solid #716080;border-radius:8px;background:#201b30;color:#f0e9f7;font:600 14px Nunito,system-ui,sans-serif}.ac-invite-link{padding:16px;border:2px solid #ae854e;border-radius:12px;background:#30283e;margin-top:16px}.ac-invite-link input{margin:8px 0}.ac-invite-form p{margin:4px 0}#account-sharing h3{font-size:18px}
#account-history .ac-version-preview{margin:16px 0;padding:16px;border:3px solid #110f1c;border-radius:12px;background:#eee4cf;color:#201a2b;box-shadow:inset 0 -4px 0 #d4c4a6}#account-history .ac-version-preview h3{margin:0;font:400 20px 'Lilita One',Impact,sans-serif;color:#201a2b;overflow-wrap:anywhere}#account-history .ac-version-summary{margin-top:12px}#account-history .ac-version-preview :is(p,dd,dt){color:#413548}
@media(max-width:500px){:is(#account-library,#account-sharing,#account-sessions,#account-history,#account-data){padding:0 14px 16px}.ac-head{padding-top:16px}.ac-head h2{font-size:25px}.ac-actions button{flex:1;min-width:100px}#ac-auth{align-items:stretch}#ac-auth>button{flex:1;min-width:0;padding:8px 6px;font-size:12px}.ac-card{padding:14px}}

#account-data h3{font:400 21px/1.2 'Lilita One',Impact,sans-serif;color:#f3e6c7;margin:18px 0 9px}#account-data .ac-card h3{margin:0;font-size:19px}.ac-delete-section{border-top:2px solid #b47a79;margin-top:28px;padding-top:8px}.ac-delete-confirm{margin-top:14px;padding:16px;background:#302332;border:2px solid #b47a79;border-radius:10px}.ac-delete-confirm label{display:block;font-size:13px;font-weight:800}.ac-delete-confirm input{display:block;width:100%;padding:10px;margin:8px 0 12px;border:2px solid #9d788b;border-radius:7px;background:#201b30;color:#fff;font:800 14px Nunito,system-ui,sans-serif}.ac-delete-confirm button{margin:4px 6px 0 0}#account-data .ac-danger{background:#b64052;color:#fff}#account-data .ac-danger:hover{background:#cc5063}
@media(max-width:500px){#ac-auth:has(>button:nth-of-type(4)){display:grid;grid-template-columns:1fr 1fr}#ac-auth:has(>button:nth-of-type(4)) .ac-account-help{grid-column:1/-1}}

.ac-storage{padding:12px 14px;margin:12px 0;border:1px solid #716080;border-radius:10px;background:#191626;color:#ddd3ec;font-size:12px;line-height:1.6}.ac-storage p{margin:0 0 10px}.ac-storage p:last-child{margin-bottom:0}.ac-storage summary{cursor:pointer;color:#ffda67;font-weight:900}.ac-storage dl{margin:12px 0}.ac-storage dt{font-weight:900;color:#f3e6c7}.ac-storage dd{margin:2px 0 10px}
