/* The signed-in account: membership first, grouped settings, no discovery content. */
.account-dashboard{width:100%;max-width:1040px;margin:0 auto;padding:48px 0 42px;color:#edf0f5}
.account-dashboard [hidden],.account-setting-dialog [hidden]{display:none!important}
.account-page-heading{margin:0 0 30px}
.account-page-heading>p{margin:0 0 9px;color:#ef435b;font:600 11px/1.6 var(--body);letter-spacing:.22em;text-transform:uppercase}
body[data-universe] .account-page-heading h1{margin:0;font:500 clamp(42px,5.3vw,64px)/1.12 var(--body);letter-spacing:-.045em;text-transform:none}
.account-loading{font:400 14px/1.7 var(--body);color:#9da9bb;min-height:160px}
.account-membership{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);align-items:center;gap:32px;padding:31px 34px;border:1px solid #465269;border-radius:18px;background:linear-gradient(110deg,#1d2736,#141a24 74%);box-shadow:inset 0 1px #ffffff04}
.account-membership .account-label{font:500 11px/1.5 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#a9b5c6;margin:0 0 9px}
body[data-universe] .account-membership h2{font:500 clamp(25px,3vw,34px)/1.2 var(--body);letter-spacing:-.035em;text-transform:none;margin:0}
.account-membership [data-account-description]{color:#aab6c7;font:400 13px/1.65 var(--body);margin:12px 0 0}
.account-membership-actions{display:grid;gap:12px}
.account-primary{appearance:none;display:flex;justify-content:center;align-items:center;min-height:54px;padding:14px 22px;border:1px solid #eff2f7;border-radius:9px;background:#eff2f7;color:#121822;text-decoration:none;text-align:center;font:550 16px/1.4 var(--body);cursor:pointer;transition:background .16s,border-color .16s}
.account-primary:hover:not(:disabled){background:#fff;border-color:#fff}
.account-primary:disabled{opacity:.6;cursor:wait}
.account-refresh{justify-self:center;min-height:30px;border:0;background:transparent;color:#b8c3d3;font:400 12px/1.5 var(--body);cursor:pointer;text-underline-offset:4px}
.account-refresh:hover{text-decoration:underline}
.account-section{margin-top:37px}
.account-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.account-section-heading:after{content:'';height:1px;flex:1;min-width:10px;background:#ffffff12;margin-left:4px}
.account-section-heading>span{display:grid;place-items:center;flex:none;width:31px;height:29px;border-radius:6px;background:#ed3c53;color:#fff;font:550 13px/1 var(--body)}
body[data-universe] .account-section-heading h2{margin:0;font:500 22px/1.3 var(--body);letter-spacing:-.025em;text-transform:none}
.account-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-tile{appearance:none;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:114px;min-width:0;width:100%;padding:23px 25px;gap:9px;border:1px solid #ffffff15;border-radius:13px;background:#151b25;color:#edf0f5;text-align:left;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #ffffff02;transition:border-color .16s,background .16s}
.account-tile:hover{border-color:#8190a959;background:#1a2230;color:#fff}
.account-tile strong{display:block;max-width:100%;font:500 19px/1.35 var(--body);letter-spacing:-.015em}
.account-tile>span:not(.u-profile-avatar):not(.account-tile-copy),.account-tile-copy>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 14px/1.5 var(--body);color:#9ca9bd}
.account-avatar-tile{flex-direction:row;align-items:center;justify-content:space-between;gap:13px}
.account-tile-copy{min-width:0;display:grid;gap:9px}
.account-avatar-tile .u-profile-avatar{flex:none;width:45px;height:45px;box-shadow:0 0 0 1px #ffffff15}
.account-session-footer{padding-top:30px;margin-top:38px;border-top:1px solid #ffffff14}
.account-policy-links{display:flex;gap:13px 25px;flex-wrap:wrap;margin:0 0 24px;font:400 12px/1.6 var(--body);color:#a6b2c5}
.account-policy-links a:hover{color:#f2f5fa}
.account-signout-button{display:block;width:100%;min-height:53px;padding:13px 20px;margin-top:11px;border:1px solid #ffffff24;border-radius:10px;background:#19212d;color:#edf0f5;font:500 15px/1.4 var(--body);cursor:pointer}
.account-signout-button:hover:not(:disabled){background:#232d3d;border-color:#ffffff42}
.account-signout-secondary{background:transparent;color:#a7b4c7}
.account-signout-button:disabled{opacity:.55;cursor:wait}
.account-connection-note{margin:19px 0 0;font:400 11px/1.7 var(--body);color:#8d9aad}
.account-setting-dialog{box-sizing:border-box;width:min(490px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:30px;border:1px solid #c2cfdf26;border-radius:18px;background:#121821;color:#edf1f7;box-shadow:0 30px 100px #0008;overflow:auto}
.account-setting-dialog::backdrop{background:#05080edb;backdrop-filter:blur(4px)}
.account-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
body[data-universe] .account-dialog-heading h2{font:500 26px/1.25 var(--body);letter-spacing:-.03em;text-transform:none;margin:0;outline:none}
.account-dialog-body{margin-top:22px;font:400 14px/1.7 var(--body);color:#aebacc}
.account-dialog-body>p{margin:0 0 18px;overflow-wrap:anywhere}
.account-dialog-body>strong{display:block;font-size:19px;font-weight:500;color:#edf1f7;margin-bottom:15px;overflow-wrap:anywhere}
.account-dialog-body form{display:grid;gap:18px}
.account-dialog-field{display:grid;gap:7px}
.account-dialog-field label{font-size:13px;color:#c5cfde}
.account-dialog-field input{box-sizing:border-box;min-width:0;width:100%;min-height:50px;padding:12px 14px;border:1px solid #465163;border-radius:8px;background:#222b39;color:#f0f3f8;font:400 16px/1.5 var(--body)}
.account-dialog-field small{font-size:11px;line-height:1.6;color:#9aa8bc}
.account-dialog-status{font:400 13px/1.6 var(--body);color:#ffb6c1;margin:0;overflow-wrap:anywhere}.account-dialog-status:empty{display:none}
.account-dialog-body .account-primary{margin-top:4px;min-height:50px;width:100%}
.account-help-item{padding:18px 0;border-top:1px solid #ffffff12}
.account-help-item:first-child{padding-top:0;border:0}
.account-help-item h3{font:550 15px/1.5 var(--body);color:#e2e9f3;margin:0 0 7px;text-transform:none;letter-spacing:0}
.account-help-item p{margin:0;font-size:13px}
.account-dashboard :focus-visible,.account-setting-dialog :focus-visible{outline:2px solid #eef3fc;outline-offset:4px}
@media(max-width:760px){
 .account-dashboard{padding:28px 0 30px}.account-page-heading{margin-bottom:24px}.account-page-heading>p{font-size:10px;margin-bottom:8px}
 body[data-universe] .account-page-heading h1{font-size:42px}
 .account-membership{grid-template-columns:1fr;gap:20px;padding:22px 20px;border-radius:15px}
 body[data-universe] .account-membership h2{font-size:28px}.account-membership .account-label{font-size:10px;margin-bottom:8px}
 .account-membership [data-account-description]{font-size:12px;margin-top:10px}.account-primary{font-size:16px;min-height:52px}
 .account-section{margin-top:30px}.account-section-heading{gap:11px;margin-bottom:18px}
 .account-section-heading>span{width:28px;height:26px;font-size:12px}
 body[data-universe] .account-section-heading h2{font-size:20px}
 .account-tile-grid{gap:10px}.account-tile{min-height:103px;padding:17px 14px;gap:9px;border-radius:12px}
 .account-tile strong{font-size:16px;line-height:1.35}.account-tile>span:not(.u-profile-avatar):not(.account-tile-copy),.account-tile-copy>span{font-size:12px;line-height:1.5}
 .account-avatar-tile{gap:8px}.account-avatar-tile .u-profile-avatar{width:33px;height:33px}.account-tile-copy>span{white-space:normal}
 .account-session-footer{margin-top:30px;padding-top:22px}.account-policy-links{font-size:11px;gap:13px 20px}
 .account-setting-dialog{padding:25px}.account-dialog-heading h2{font-size:23px!important}
}
@media(max-width:359px){.account-tile{padding:14px 11px}.account-tile strong{font-size:15px}.account-avatar-tile .u-profile-avatar{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.account-dashboard *{transition:none!important}}

/* Complimentary team access, using the account page's existing hierarchy. */
.team-redeem{margin:14px 0 30px;padding:18px 22px;border:1px solid #ffffff20;border-radius:12px;color:#aeb8c8}
.team-redeem summary{cursor:pointer;color:#e4e9f1;font-size:14px;min-height:24px}
.team-redeem p,.team-admin>p,.team-code-result p{font-size:13px;line-height:1.6;color:#aeb8c8}
.team-redeem form,.team-admin form{display:grid;gap:12px}
.team-redeem label,.team-admin label{font-size:12px;color:#dbe2ed;display:block}
.team-redeem input,.team-admin input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:12px 14px;background:#0c111b;border:1px solid #ffffff30;border-radius:7px;color:#f0f3f9;font:400 14px/1.4 var(--body)}
.team-redeem input:focus-visible,.team-admin input:focus-visible{outline:2px solid #e4e9f1;outline-offset:2px}
.team-form-row{display:flex;gap:12px;align-items:center}.team-form-row input{flex:1}.team-form-row button{flex:none}
.team-redeem form>button{justify-self:start}.team-admin button:disabled,.team-redeem button:disabled{opacity:.5;cursor:wait}
.team-code-result{padding:18px;margin:16px 0;border:1px solid #ffffff30;border-radius:10px;background:#ffffff04}
.team-code-result[hidden],.team-admin[hidden],.team-redeem[hidden]{display:none}
.team-code-result input{font:12px/1.5 monospace;margin:10px 0}
.team-pass-list{list-style:none;padding:0;margin:12px 0}
.team-pass-list li{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff15;font-size:13px}
.team-pass-list li>div{min-width:0}.team-pass-list strong{display:block;overflow-wrap:anywhere;font-weight:500;color:#e5ebf5}.team-pass-list span{display:block;color:#9aa7b9;margin-top:5px;font-size:12px}
.team-pass-list button{flex:none;min-height:44px}
@media(max-width:560px){.team-form-row{flex-direction:column;align-items:stretch}.team-redeem{padding:16px}.team-pass-list li{gap:10px}}
