/* JoyJoy profile center v740 */
body[data-account-page="profile"] #panel-profile{--profile-accent:#2f81f7}
body[data-account-page="profile"] #panel-profile>.page-heading{margin-bottom:14px}
body[data-account-page="profile"] #panel-profile>.page-heading h1{margin-bottom:8px}
body[data-account-page="profile"] #panel-profile>.page-heading p{max-width:760px}
body[data-account-page="profile"] #panel-profile>.page-heading .status-pill{align-self:flex-start;margin-top:2px}
.profile-center-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 20px;padding:7px;border:1px solid var(--account-border,var(--gh-border));border-radius:16px;background:var(--account-surface-soft,var(--gh-subtle));box-shadow:0 8px 28px rgba(15,35,60,.06)}
.profile-center-tab{position:relative;min-width:0;min-height:60px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--account-muted,var(--gh-muted));font:900 13px Nunito,sans-serif;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}
.profile-center-tab:hover,.profile-center-tab:focus-visible{color:var(--account-text,var(--theme-text));background:color-mix(in srgb,var(--account-surface,var(--gh-card)) 72%,transparent);border-color:color-mix(in srgb,var(--profile-accent) 35%,var(--account-border,var(--gh-border)));transform:translateY(-1px);outline:none}
.profile-center-tab.is-active{color:var(--profile-accent);background:var(--account-surface,var(--gh-card));border-color:color-mix(in srgb,var(--profile-accent) 46%,var(--account-border,var(--gh-border)));box-shadow:0 7px 20px rgba(47,129,247,.10)}
.profile-center-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px}
.profile-center-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.profile-security-badge{position:absolute;top:6px;right:7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#cf222e;color:#fff;font:900 10px/18px Nunito,sans-serif;text-align:center}
.profile-center-stage{min-width:0}
.profile-center-panel{display:none;animation:profilePanelIn .18s ease}
.profile-center-panel.is-active{display:grid;gap:16px;align-content:start}
@keyframes profilePanelIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.profile-center-panel>.github-card,.profile-center-panel>.content-grid,.profile-center-panel>.account-profile-details,.profile-center-panel>.stats-grid{margin:0}
.profile-center-panel>.stats-grid{margin-top:-2px}
.profile-center-panel .profile-notifications-card{margin:0;max-width:none}
.profile-center-panel[data-profile-panel="subscriptions"]>.premium-profile-card{margin-bottom:14px;padding:18px;border:1px solid var(--account-border,var(--gh-border));border-radius:13px;background:var(--account-surface,var(--gh-card));display:grid;gap:5px}
.profile-center-panel[data-profile-panel="subscriptions"]>.premium-profile-card strong{font-size:22px}
.profile-center-panel[data-profile-panel="appearance"]>.joyjoy-experience-card{margin-bottom:0}
.profile-center-panel[data-profile-panel="profile"] .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-center-account-card{padding:18px;display:grid;gap:5px;background:var(--account-surface,var(--gh-card));border:1px solid var(--account-border,var(--gh-border));border-radius:8px}
.profile-center-account-card span{font-size:13px;color:var(--account-muted,var(--gh-muted));font-weight:800}.profile-center-account-card strong{font-size:20px}.profile-center-account-card small{color:var(--account-muted,var(--gh-muted))}

/* Security center */
.profile-security-layout{display:grid;gap:14px}.profile-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.profile-security-wide{grid-column:1/-1}
.profile-security-overview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.profile-security-ring{--score:0;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#2da44e calc(var(--score)*1%),var(--account-border,var(--gh-border)) 0)}
.profile-security-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--account-surface,var(--gh-card))}.profile-security-ring>div{position:relative;z-index:1;display:grid;text-align:center}.profile-security-ring strong{font-size:20px}.profile-security-ring span{font-size:10px;color:var(--account-muted,var(--gh-muted));font-weight:900;text-transform:uppercase}
.profile-security-overview-copy h2{margin:3px 0 5px}.profile-security-overview-copy p{margin:0;color:var(--account-muted,var(--gh-muted))}.profile-security-level{font-size:12px;font-weight:900;color:#1a7f37}
.profile-security-checks{display:grid;gap:7px;min-width:190px}.profile-security-check{padding:8px 10px;border-radius:9px;background:var(--account-surface-soft,var(--gh-subtle));font-size:12px;font-weight:850;color:var(--account-muted,var(--gh-muted))}.profile-security-check.is-ok{color:#1a7f37;background:rgba(45,164,78,.09)}
.profile-security-methods{display:grid;gap:0}.profile-security-method{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--account-border,var(--gh-border))}.profile-security-method:last-child{border-bottom:0}.profile-security-method>div{display:flex;align-items:center;gap:10px;min-width:0}.profile-security-method strong{display:block}.profile-security-method small{display:block;color:var(--account-muted,var(--gh-muted));margin-top:2px}.profile-security-method-mark{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--account-border,var(--gh-border));background:var(--account-surface-soft,var(--gh-subtle));font-weight:900}.profile-security-state{font-size:12px;font-weight:900;color:#1a7f37}.profile-security-state.is-off{color:var(--account-muted,var(--gh-muted))}
.profile-session-list{display:grid;gap:10px}.profile-session-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start;padding:14px;border:1px solid var(--account-border,var(--gh-border));border-radius:12px;background:var(--account-surface-soft,var(--gh-subtle))}.profile-session-item.is-current{border-color:rgba(45,164,78,.45);background:color-mix(in srgb,rgba(45,164,78,.08) 60%,var(--account-surface,var(--gh-card)))}
.profile-session-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--account-surface,var(--gh-card));border:1px solid var(--account-border,var(--gh-border));font-size:19px}.profile-session-main{min-width:0}.profile-session-main>strong{font-size:15px}.profile-session-main>small{display:block;color:var(--account-muted,var(--gh-muted));margin-top:2px}.profile-session-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin-top:9px}.profile-session-meta span{font-size:12px;color:var(--account-muted,var(--gh-muted));overflow-wrap:anywhere}.profile-session-meta b{color:var(--account-text,var(--theme-text));font-weight:850}.profile-session-current{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(45,164,78,.12);color:#1a7f37;font-size:11px;font-weight:900}.profile-session-revoke{border:1px solid color-mix(in srgb,#cf222e 45%,var(--account-border,var(--gh-border)));background:transparent;color:#cf222e;border-radius:8px;padding:7px 10px;font:850 12px Nunito,sans-serif;cursor:pointer}.profile-session-revoke:hover{background:rgba(207,34,46,.07)}
.profile-security-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.profile-security-danger{border:1px solid #cf222e;background:transparent;color:#cf222e;border-radius:8px;padding:9px 12px;font:850 13px Nunito,sans-serif;cursor:pointer}
.profile-security-history{display:grid;gap:0}.profile-security-event{display:grid;grid-template-columns:auto 1fr auto;gap:11px;padding:12px 0;border-bottom:1px solid var(--account-border,var(--gh-border));align-items:start}.profile-security-event:last-child{border-bottom:0}.profile-security-event-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--account-surface-soft,var(--gh-subtle));font-size:14px}.profile-security-event strong{display:block;font-size:13px}.profile-security-event p{margin:3px 0 0;color:var(--account-muted,var(--gh-muted));font-size:12px;line-height:1.45}.profile-security-event time{font-size:11px;color:var(--account-muted,var(--gh-muted));white-space:nowrap}.profile-security-empty{padding:18px;text-align:center;color:var(--account-muted,var(--gh-muted));font-size:13px}
.profile-security-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-security-card-heading h2{margin:0}.profile-security-card-heading p{margin:3px 0 0;color:var(--account-muted,var(--gh-muted));font-size:13px}.profile-security-loading{color:var(--account-muted,var(--gh-muted));font-size:12px;font-weight:800}
.profile-security-password-note{padding:10px 12px;border-radius:10px;background:var(--account-surface-soft,var(--gh-subtle));color:var(--account-muted,var(--gh-muted));font-size:12px;margin-bottom:12px}.profile-security-password-card .form-card{max-width:none}.profile-security-password-card .field{margin:13px 0}.profile-security-password-card .password-input-wrap{display:flex;gap:7px}.profile-security-password-card .password-input-wrap input{flex:1}.profile-security-password-card [data-password-toggle]{border:1px solid var(--account-border,var(--gh-border));background:var(--account-surface-soft,var(--gh-subtle));color:var(--account-text,var(--theme-text));border-radius:7px;padding:0 10px;font:800 12px Nunito,sans-serif;cursor:pointer}.profile-security-password-card .password-strength{height:5px;border-radius:99px;background:var(--account-border,var(--gh-border));overflow:hidden}.profile-security-password-card .password-strength i{display:block;height:100%;width:0;background:#cf222e;transition:width .18s,background .18s}.profile-security-password-card .password-strength i[data-level="4"],.profile-security-password-card .password-strength i[data-level="5"]{background:#2da44e}.profile-security-password-card .password-rules{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.profile-security-password-card .password-rules span{padding:4px 7px;border-radius:99px;background:var(--account-surface-soft,var(--gh-subtle));color:var(--account-muted,var(--gh-muted));font-size:10px;font-weight:800}.profile-security-password-card .password-rules span.is-valid{color:#1a7f37;background:rgba(45,164,78,.10)}.profile-security-password-card #password-match-message{font-weight:800}.profile-security-password-card #password-match-message.is-match{color:#1a7f37}.profile-security-password-card #password-match-message.is-error{color:#cf222e}

/* Global login security notification */

/* Icon microanimations */
.profile-center-tab:hover .profile-tab-person,.profile-center-tab:focus-visible .profile-tab-person,.profile-center-tab.is-animating .profile-tab-person{animation:profilePerson .74s cubic-bezier(.24,.88,.24,1)}.profile-center-tab:hover .profile-tab-star,.profile-center-tab:focus-visible .profile-tab-star,.profile-center-tab.is-animating .profile-tab-star{animation:profileStar .62s cubic-bezier(.2,.8,.2,1);transform-origin:12px 12px;transform-box:view-box}.profile-center-tab:hover .profile-tab-palette,.profile-center-tab:focus-visible .profile-tab-palette,.profile-center-tab.is-animating .profile-tab-palette{animation:profilePalette .62s ease;transform-origin:12px 12px;transform-box:view-box}.profile-center-tab:hover .profile-tab-lock-shackle,.profile-center-tab:focus-visible .profile-tab-lock-shackle,.profile-center-tab.is-animating .profile-tab-lock-shackle{animation:profileLock .66s cubic-bezier(.2,.78,.2,1);transform-origin:left bottom;transform-box:fill-box}.profile-center-tab:hover .profile-tab-bell,.profile-center-tab:focus-visible .profile-tab-bell,.profile-center-tab.is-animating .profile-tab-bell{animation:profileBell .66s ease;transform-origin:12px 5px;transform-box:view-box}
@keyframes profilePerson{0%,100%{transform:translateY(0) scale(1)}16%{transform:translateY(-1.5px) scale(1.02)}38%{transform:translateY(-5px) scale(1.065)}58%{transform:translateY(1.6px) scale(.985)}74%{transform:translateY(-2.4px) scale(1.018)}88%{transform:translateY(.35px) scale(1)}}@keyframes profileStar{0%{transform:rotate(0) scale(1)}55%{transform:rotate(190deg) scale(1.12)}100%{transform:rotate(360deg) scale(1)}}@keyframes profilePalette{0%,100%{transform:rotate(0)}45%{transform:rotate(-7deg)}70%{transform:rotate(4deg)}}@keyframes profileLock{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-2px) rotate(-7deg)}68%{transform:translateY(-1px) rotate(-3deg)}}@keyframes profileBell{0%,100%{transform:rotate(0)}30%{transform:rotate(9deg)}55%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}}

@media(max-width:900px){.profile-center-nav{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto;scrollbar-width:thin}.profile-center-tab{padding:0 11px}.profile-security-grid{grid-template-columns:1fr}.profile-security-wide{grid-column:auto}.profile-security-overview{grid-template-columns:auto 1fr}.profile-security-checks{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.profile-center-nav{display:flex;padding:5px}.profile-center-tab{flex:0 0 auto;min-width:112px;min-height:52px}.profile-center-tab span:last-child{font-size:12px}.profile-center-icon{width:21px;height:21px}.profile-center-icon svg{width:21px;height:21px}.profile-center-panel[data-profile-panel="profile"] .stats-grid{grid-template-columns:1fr}.profile-security-overview{display:grid;grid-template-columns:1fr;text-align:left}.profile-security-ring{width:72px;height:72px}.profile-security-checks{grid-template-columns:1fr}.profile-session-item{grid-template-columns:auto 1fr}.profile-session-item>.profile-session-revoke{grid-column:2;justify-self:start}.profile-session-meta{grid-template-columns:1fr}.profile-security-event{grid-template-columns:auto 1fr}.profile-security-event time{grid-column:2}.joyjoy-security-login-toast{right:14px;top:14px}}