[hidden]{display:none!important}.account-body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 35%,#6b35821a,transparent 48%),#0b0b0e}.account-home{font-size:12px;color:#a99eB4}.account-home:hover{color:#f2e8fc}.account-main{width:min(1100px,calc(100% - 48px));margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:65px 0}.auth-layout{display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center}.story-label{font-size:9px;font-weight:700;letter-spacing:2.5px;color:#9c80b2}.auth-story h1{font-size:48px;line-height:1.22;letter-spacing:-2.2px;margin:25px 0}.auth-story h1 span:last-child{color:#bba0d1;background:none}.auth-story>p{font-size:14px;line-height:1.9;color:#9f92ad;max-width:350px}.story-leaf{width:210px;height:210px;margin:10px 0 0 35px;color:#17121d;filter:drop-shadow(0 15px 40px #9c5abc10);transform:rotate(-10deg)}.story-leaf svg{fill:#bc93d144}.story-foot{display:flex;align-items:center;gap:9px;font-size:10px;color:#75687f}.story-foot i{width:5px;height:5px;border-radius:50%;background:#b897cc}.auth-card{border:1px solid #ffffff10;border-radius:24px;padding:30px;background:linear-gradient(145deg,#1c1822d9,#131116f5);box-shadow:0 25px 100px #0003}.auth-tabs{display:flex;background:#0e0c12;border:1px solid #ffffff08;border-radius:12px;padding:4px;gap:4px}.auth-tabs button{flex:1;padding:11px 8px;border:1px solid transparent;border-radius:8px;background:none;color:#8e829a;cursor:pointer;font-size:12px;font-weight:550;transition:background .2s,color .2s}.auth-tabs button[aria-selected=true]{background:#28222f;border-color:#ffffff09;color:#eee5f6}.auth-heading{margin:28px 0}.auth-heading h2{font-size:29px;font-weight:550;letter-spacing:-1px}.auth-heading p{font-size:12px;color:#9b8ba8;line-height:1.7;margin:10px 0 0}form label{display:block;font-size:11px;color:#c9bed3;margin:18px 0 9px}.field{display:flex;align-items:center;gap:12px;background:#0d0c11;border:1px solid #302737;border-radius:10px;padding:0 14px;min-height:48px;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:#a57dc2;box-shadow:0 0 0 3px #ad85cf0b}.field>svg,.password-toggle svg{width:17px;height:17px;fill:none;stroke:#85768f;stroke-width:1.5;flex:none;stroke-linecap:round;stroke-linejoin:round}.field input{width:100%;min-width:0;background:none;color:#eee4f7;border:0;outline:0;font-family:inherit;font-size:13px;padding:13px 0;line-height:20px}.field input::placeholder{color:#554c60}.field input:autofill{box-shadow:0 0 0 100px #0d0c11 inset;-webkit-text-fill-color:#eee4f7}.password-toggle{padding:6px 0 6px 5px;display:flex;border:0;background:none;cursor:pointer}.password-toggle[aria-pressed=true] svg{stroke:#dfc2f4}form small{display:block;font-size:9px;line-height:1.6;color:#80718e;margin-top:7px}.captcha-wrap{margin-top:23px;min-height:70px}.captcha-status{font-size:10px;line-height:1.7;color:#9f8aad;margin:7px 0}.submit-button{width:100%;justify-content:center;cursor:pointer;min-height:48px}.button:disabled{opacity:.4;cursor:not-allowed}.form-feedback{font-size:11px;line-height:1.7;color:#e3a9b3;margin:13px 0;overflow-wrap:anywhere}.form-feedback:empty{display:none}.form-feedback.success{color:#a3cdb9}.auth-bottom{font-size:10px;line-height:1.7;text-align:center;color:#897894;margin:18px 0 0}.local-notice{font-size:9px;color:#82718e;text-align:center;margin:17px 0 0}.subtle-button{font-family:inherit;background:none;border:0;padding:7px 0;color:#b0a1bd;font-size:11px;cursor:pointer}.subtle-button:hover{color:#f2e4ff}.account-footer{width:min(1160px,calc(100% - 48px));margin:0 auto;display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid #ffffff08;font-size:9px;color:#6e6278}.account-loading{text-align:center;color:#9b87ad;font-size:12px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.dashboard-top h1{font-size:38px;letter-spacing:-1.8px;margin:15px 0 10px;overflow-wrap:anywhere}.dashboard-top p{font-size:12px;color:#94819e}.dashboard-layout{display:grid;grid-template-columns:220px 1fr;gap:28px}.profile-sidebar{border:1px solid #ffffff0c;border-radius:18px;background:#141017;padding:25px 18px;display:flex;flex-direction:column;align-items:center;align-self:start}.profile-avatar{width:64px;height:64px;display:grid;place-items:center;background:#b384d61a;border:1px solid #b384d633;border-radius:20px;color:#cfabe9;font-size:28px;font-weight:600;margin-bottom:15px}.profile-sidebar strong{font-size:14px;overflow-wrap:anywhere;max-width:100%}.profile-sidebar>span{font-size:10px;color:#8a7898;margin-top:8px}.profile-navigation{width:100%;display:flex;flex-direction:column;gap:6px;margin:26px 0}.profile-navigation button{border:0;border-radius:9px;background:none;color:#9e8dab;font:12px Manrope;text-align:left;padding:13px;cursor:pointer}.profile-navigation button.selected{background:#b183d51a;color:#e5cef5}.profile-sidebar>a{font-size:10px;color:#9f8bb0}.subscription-card{border:1px solid #63447766;border-radius:18px;padding:28px;background:radial-gradient(ellipse at 100% 0,#9655bf20,transparent 70%),#1a1420}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-label{font-size:9px;letter-spacing:1.5px;color:#a891ba}.account-badge{border:1px solid #ffffff10;border-radius:99px;font-size:9px;color:#b9a3c9;padding:6px 11px;background:#ffffff04}.account-badge.active{color:#a7d4be;border-color:#84ba9830}.subscription-card h2{font-size:29px;margin:25px 0 12px;letter-spacing:-1px}.subscription-card p{font-size:12px;line-height:1.8;color:#a993b7;max-width:490px}.subscription-bottom{border-top:1px solid #ffffff09;margin-top:26px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.subscription-bottom .wordmark{font-size:25px}.muted-note{font-size:9px;color:#897495;max-width:240px;text-align:right}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.account-card{border:1px solid #ffffff0c;border-radius:16px;padding:24px;background:#151118}.card-symbol{color:#b593ce;font-size:25px;margin:18px 0 12px}.account-card h3{font-size:15px;line-height:1.5;margin:0 0 9px}.account-card p{color:#93809f;font-size:11px;line-height:1.8;margin:0}.account-details{margin-top:16px}.account-details dl{margin-bottom:0}.account-details dl>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #ffffff08;font-size:11px}.account-details dt{color:#8f7b9b}.account-details dd{margin:0;color:#cdbcd9;overflow-wrap:anywhere;text-align:right}.security-panel h2{font-size:30px;margin:20px 0 14px}.security-panel>p{max-width:440px}.security-panel form{max-width:440px;margin-top:25px}.security-panel .button{margin-top:10px;cursor:pointer}.auth-layout,#dashboard{animation:account-in .35s ease-out}@keyframes account-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:850px){.auth-layout{gap:35px;grid-template-columns:1fr 400px}.auth-story h1{font-size:35px}.story-leaf{width:160px;height:160px;margin-left:0}.dashboard-layout{grid-template-columns:180px 1fr}.account-main{padding:45px 0}.dashboard-top h1{font-size:30px}}@media(max-width:680px){.auth-layout{display:block;max-width:430px;margin:auto;width:100%}.auth-story{display:none}.auth-card{padding:25px}.account-main{width:calc(100% - 28px);padding:30px 0}.account-home{font-size:10px}.dashboard-layout{display:block}.profile-sidebar{padding:16px;display:grid;grid-template-columns:45px 1fr;column-gap:14px;text-align:left;margin-bottom:18px}.profile-avatar{grid-row:span 2;width:45px;height:45px;font-size:21px;margin:0;border-radius:13px}.profile-sidebar>span{margin:0}.profile-navigation{grid-column:span 2;flex-direction:row;margin:17px 0 0}.profile-navigation button{flex:1;text-align:center}.profile-sidebar>a{display:none}.dashboard-top{align-items:start}.dashboard-top h1{font-size:27px}.dashboard-top .subtle-button{font-size:10px}.subscription-card{padding:22px}.subscription-card h2{font-size:26px}.account-card{padding:20px}.account-grid{gap:12px}.account-card h3{font-size:13px}.card-label{font-size:8px;letter-spacing:1px}.account-footer{width:calc(100% - 32px);font-size:8px}.auth-heading h2{font-size:27px}}@media(max-width:360px){.auth-card{padding:18px}.account-grid{grid-template-columns:1fr}}

.auth-story h1 span:first-child{color:#f5f1fa;background:none}

/* Keep autofill identical to the surrounding field, including WebKit states. */
.field{overflow:hidden;color-scheme:dark}
.field input{caret-color:#eee4f7;border-radius:0}
.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus,
.field input:-webkit-autofill:active{ -webkit-box-shadow:0 0 0 1000px #0d0c11 inset!important;box-shadow:0 0 0 1000px #0d0c11 inset!important;-webkit-text-fill-color:#eee4f7!important;caret-color:#eee4f7}
.field.has-error{border-color:#bb7d91;box-shadow:0 0 0 3px #bb7d9109}
.field-error{font-size:10px;line-height:1.65;color:#d8a2b2;margin:7px 0 0;animation:appear .18s ease}
.field-error:empty{display:none}

/* Anchor form changes at the top; animate only the card's height and content. */
.account-main{justify-content:flex-start}
.auth-layout{align-items:start}
.auth-story{padding-top:64px}
.auth-card{overflow:hidden;align-self:start}
.auth-heading{min-height:77px}
.auth-tabs{position:relative;isolation:isolate}
.auth-tabs::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 12px)/2);border-radius:8px;background:#28222f;border:1px solid #ffffff09;box-sizing:border-box;transition:transform .32s cubic-bezier(.22,1,.36,1)}
.auth-card[data-mode="register"] .auth-tabs::before{transform:translateX(calc(100% + 4px))}
.auth-tabs button,.auth-tabs button[aria-selected=true]{background:transparent;border-color:transparent;transition:color .2s}
.captcha-wrap{min-height:126px}
.captcha-status{min-height:17px;margin:7px 0}
.auth-bottom{min-height:34px}
@media(max-width:680px){.auth-layout{margin:0 auto}.auth-heading{min-height:75px}.account-main{padding-top:30px}}

/* Stable authentication layout with compact, equal-height forms. */
.auth-tabs button:focus-visible{outline:none}
.auth-tabs button:focus-visible span{text-decoration:underline;text-decoration-color:#c6acd9;text-underline-offset:5px}
.account-body{min-height:100dvh}
.account-main{padding:28px 0 24px}
.auth-card{padding:22px 28px;min-height:604px}
.auth-heading{margin:20px 0 16px;min-height:66px}
.auth-heading h2{font-size:27px}
.auth-heading p{margin-top:8px}
.auth-card form label{margin:13px 0 7px}
.auth-card .field{min-height:43px}
.auth-card .field input{padding:10px 0}
.auth-card .captcha-wrap{margin-top:17px;min-height:102px}
.auth-card .captcha-status{margin:5px 0;min-height:16px}
.auth-card .auth-bottom{margin-top:12px;min-height:17px}
.auth-card .local-notice{margin:12px 0 0}
.auth-card[data-mode="login"] #confirmation-field{display:block!important;visibility:hidden;pointer-events:none;height:99px}
.auth-card[data-mode="login"] #name-hint{display:block!important;visibility:hidden;pointer-events:none}
.account-footer{flex-shrink:0}
@media(min-width:681px) and (min-height:780px){.account-main{justify-content:center}}
@media(min-width:681px) and (max-height:779px){
 .account-body .header{height:54px;margin-top:10px;top:10px}
 .account-main{padding:16px 0 12px}
 .auth-card{padding:18px 25px;min-height:0}
 .auth-tabs button{padding:8px}
 .auth-heading{margin:16px 0 10px;min-height:57px}
 .auth-heading h2{font-size:25px}
 .auth-heading p{font-size:11px;margin-top:6px}
 .auth-card form label{margin:10px 0 6px}
 .auth-card .field{min-height:39px}
 .auth-card .field input{padding:8px 0}
 .auth-card form small{font-size:9px;margin-top:5px}
 .auth-card[data-mode="login"] #confirmation-field{height:90px}
 .auth-card .captcha-wrap{margin-top:12px;min-height:95px}
 .auth-card .submit-button{min-height:42px;padding:11px 20px}
 .auth-card .local-notice{margin-top:8px}
 .account-footer{padding:14px 0}
 .auth-story{padding-top:45px}
 .story-leaf{height:150px;width:150px}
}
@media(max-width:680px){.account-main{padding:20px 0}.auth-card{padding:22px;min-height:0}.account-footer{padding:15px 0}.auth-card[data-mode="login"] #confirmation-field{height:99px}}

.auth-card #confirmation-field{display:flow-root;height:109px}
.auth-card[data-mode="login"] #confirmation-field{display:flow-root!important;height:109px}
@media(min-width:681px) and (max-height:779px){
 .account-main{padding:10px 0 8px}
 .auth-card{padding:14px 25px}
 .auth-heading{margin:12px 0 6px;min-height:51px}
 .auth-heading h2{font-size:24px}
 .auth-card #confirmation-field,.auth-card[data-mode="login"] #confirmation-field{height:90px}
 .auth-card .captcha-wrap{min-height:88px;margin-top:8px}
 .auth-card .auth-bottom{margin-top:8px}
 .auth-card .local-notice{margin-top:6px}
 .account-footer{padding:10px 0}
}

.auth-card[data-mode="register"] #confirmation-field{height:auto;min-height:109px}
@media(min-width:681px) and (max-height:779px){.auth-card[data-mode="register"] #confirmation-field{min-height:90px}}

/* Account polish: restrained scrollbar, transitions and a focused password form. */
html{scrollbar-width:thin;scrollbar-color:#756080 #0c0b10;scrollbar-gutter:stable}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#0c0b10}
::-webkit-scrollbar-thumb{background:#65526f;border:2px solid #0c0b10;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:#9a7aac}
.dashboard-content{min-width:0;align-self:start;overflow:clip}
.profile-navigation button{position:relative;transition:background .24s,color .24s,box-shadow .24s}
.profile-navigation button:hover{background:#ab83c60b;color:#e0cceE}
.profile-navigation button.selected{background:#b183d51a;box-shadow:inset 2px 0 #bb93d8;color:#e5cef5}
.security-panel{padding:30px 34px;background:radial-gradient(ellipse at 100% 0,#9b69ba0a,transparent 65%),#151118}
.security-emblem{width:42px;height:42px;display:grid;place-items:center;background:#b183d512;border:1px solid #b183d525;border-radius:13px;margin-bottom:18px}
.security-emblem svg{width:22px;height:22px;fill:none;stroke:#c4a1db;stroke-width:1.4;stroke-linecap:round}
.security-panel h2{font-size:27px;font-weight:600;color:#f0e7f7;letter-spacing:-.8px;margin:12px 0}
.security-panel>p{font-size:12px;max-width:470px;line-height:1.85;color:#a18daa}
.security-panel form{max-width:100%;margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.security-panel form>label{font-size:11px;color:#c9bad4;margin:0 0 9px}
.security-panel form>label[for="old-password"],.security-panel form>.field:has(#old-password),#old-password-error{grid-column:1/-1}
.security-panel form>.field:has(#old-password){margin-bottom:20px}
.security-panel form>label[for="new-password"]{grid-column:1;grid-row:4}
.security-panel form>.field:has(#new-password){grid-column:1;grid-row:5}
#new-password-error{grid-column:1;grid-row:6}
.security-panel form>label[for="new-confirm"]{grid-column:2;grid-row:4}
.security-panel form>.field:has(#new-confirm){grid-column:2;grid-row:5}
#new-confirm-error{grid-column:2;grid-row:6}
.security-panel .field{min-height:46px}
.security-panel form>small{grid-column:1/-1;margin-top:10px}
#password-feedback{grid-column:1/-1}
.security-panel form>.button{grid-column:1/-1;justify-self:start;min-width:185px;margin-top:24px;font-size:12px;border-radius:10px}
.security-panel .button:disabled{opacity:.55}
@media(max-width:850px){.security-panel{padding:25px}.security-panel form{display:block}.security-panel form>label{margin:16px 0 9px}.security-panel form>.field:has(#old-password){margin-bottom:0}.security-panel form>.button{width:100%;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.profile-navigation button{transition:none}}

.security-panel h2 span{color:inherit}
.security-panel form>label[for="old-password"]{grid-row:1}
.security-panel form>.field:has(#old-password){grid-row:2}
#old-password-error{grid-row:3}
.security-panel form>small{grid-row:7}
#password-feedback{grid-row:8}
.security-panel form>.button{grid-row:9}

.account-header-actions{margin-left:auto;gap:20px}.auth-bottom{min-height:17px}.auth-bottom:empty{visibility:hidden}@media(max-width:560px){.account-header-actions{gap:14px}}

/* Compact profile identity: avatar on the left, username and ID on the right. */
.profile-sidebar{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;align-items:center}
.profile-avatar{grid-column:1;grid-row:span 2;position:relative;overflow:hidden;width:64px;height:64px;margin:0;padding:0;border:1px solid #b384d633;border-radius:20px;background:#b384d61a;color:#cfabe9;font:600 28px/1 Manrope,sans-serif;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.profile-avatar:hover{border-color:#c99ce6aa;box-shadow:0 8px 24px #0003;transform:translateY(-1px)}
.profile-avatar.is-busy{opacity:.55;cursor:wait;transform:none}
.profile-avatar:focus-visible{outline:2px solid #caa5e2;outline-offset:3px}
.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.profile-avatar .avatar-initial{display:grid;place-items:center;width:100%;height:100%}
.profile-avatar .avatar-edit{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:19px;height:19px;border:1px solid #ffffff2e;border-radius:50%;background:#17121dd9;color:#e9dafa;font-size:12px;line-height:1;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}
.profile-avatar:hover .avatar-edit,.profile-avatar:focus-visible .avatar-edit{opacity:1;transform:none}
.profile-sidebar>strong{grid-column:2;grid-row:1;align-self:end;min-width:0;max-width:100%;overflow-wrap:anywhere}
.profile-sidebar>span{grid-column:2;grid-row:2;align-self:start;margin-top:5px}
.profile-navigation{grid-column:1/-1}
.profile-sidebar>a{grid-column:1/-1}

@media(max-width:680px){
 .profile-sidebar{display:grid;grid-template-columns:45px minmax(0,1fr);column-gap:14px;align-items:center}
 .profile-avatar{width:45px;height:45px;border-radius:13px;font-size:21px}
 .profile-sidebar>span{margin-top:3px}
 .profile-navigation{grid-column:1/-1}
 .profile-sidebar>a{grid-column:1/-1}
}

/* Subscriber download action, aligned with the Hanami wordmark. */
.install-client{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:42px;padding:11px 24px;border:1px solid #ffffff;border-radius:10px;background:#fff;color:#17121c;font:600 12px/1.4 Manrope,sans-serif;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.install-client:hover{background:#f1ebf6;border-color:#f1ebf6;box-shadow:0 5px 20px #0002;transform:translateY(-1px)}
.install-client:active{transform:translateY(0)}
.install-client:focus-visible{outline:2px solid #c8a5df;outline-offset:4px}
.install-client:disabled{opacity:.65;cursor:wait;transform:none}
@media(prefers-reduced-motion:reduce){.install-client{transition:none}.install-client:hover{transform:none}}