.password-field{position:relative}.password-field input{padding-right:3.4rem!important}.password-field button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;border:0;border-radius:.75rem;background:#dff3fb;color:#082d57;display:grid;place-items:center;cursor:pointer}.password-field button svg{width:1.25rem;height:1.25rem}.auth-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.auth-profile-fields .full{grid-column:1/-1}.avatar-picker{margin:.9rem 0}.avatar-picker-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:.65rem}.avatar-option{aspect-ratio:1;border:2px solid transparent;border-radius:50%;padding:0;background:#eaf4f8;overflow:hidden;cursor:pointer;box-shadow:0 2px 0 #c6d7df}.avatar-option.selected{border-color:#d10050;box-shadow:0 0 0 3px #ffd8e7}.avatar-sprite{display:inline-block;background-repeat:no-repeat}.profile-avatar,.profile-avatar-large{border-radius:50%;overflow:hidden;flex:none;background:#ddecf3;background-repeat:no-repeat}.profile-avatar{width:42px;height:42px}.profile-avatar-large{width:94px;height:94px}.profile-avatar img,.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.upload-avatar{font-size:.78rem;font-weight:800;color:#07517c;cursor:pointer}.upload-avatar input{position:absolute;opacity:0;pointer-events:none}.site-profile-wrap{position:relative}.site-profile-button{border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#062c55;color:white;padding:.35rem .65rem .35rem .35rem;display:flex;align-items:center;gap:.55rem;cursor:pointer}.site-profile-copy{display:grid;text-align:left;line-height:1.05}.site-profile-copy strong{font-size:.84rem}.site-profile-copy small{font-size:.65rem;color:#9fd2eb;margin-top:.25rem;text-transform:uppercase;font-weight:900}.site-profile-menu{position:absolute;right:0;top:calc(100% + .65rem);width:230px;background:white;color:#082d57;border:1px solid #d6e1e7;border-radius:18px;padding:.6rem;box-shadow:0 18px 45px rgba(0,22,48,.24);z-index:50}.site-profile-menu[hidden]{display:none}.site-profile-menu a,.site-profile-menu button{width:100%;border:0;background:none;color:inherit;text-decoration:none;padding:.75rem .8rem;border-radius:12px;display:flex;gap:.7rem;align-items:center;font:inherit;font-weight:800;cursor:pointer}.site-profile-menu a:hover,.site-profile-menu button:hover{background:#eef6f9}.site-profile-menu button{color:#c4004b}.auth-links{display:flex;gap:.5rem}.mobile-app-download{display:none!important}.auth-pending #app{visibility:hidden}.account-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.4rem}.account-nav a{padding:.7rem 1rem;border-radius:999px;text-decoration:none;font-weight:900;color:#31536f;background:#eaf2f6}.account-nav a.active{background:#d10050;color:white}.profile-form{max-width:820px;background:white;border:1px solid #d6e1e7;border-radius:24px;padding:1.4rem;display:grid;gap:1rem}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-form label{font-weight:900;color:#082d57}.profile-form input,.profile-form select{width:100%;padding:.9rem 1rem;border:1px solid #c8d8e0;border-radius:14px;margin-top:.4rem}.account-hero{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.account-actions{display:flex;flex-wrap:wrap;gap:.7rem}.security-card,.ranking-card{max-width:720px;background:white;border:1px solid #d6e1e7;border-radius:24px;padding:1.5rem}.mobile-app-download-bar{display:none}
@media(max-width:760px){.auth-profile-fields{grid-template-columns:1fr}.auth-profile-fields .full{grid-column:auto}.avatar-grid{grid-template-columns:repeat(5,1fr)}.site-nav nav{display:none}.site-nav-actions{gap:.35rem}.site-profile-copy{display:none}.site-profile-button{padding:.25rem}.mobile-app-download{display:inline-flex!important;font-size:.68rem;padding:.62rem .72rem!important;white-space:nowrap}.auth-links .outline{display:none}.profile-form-grid{grid-template-columns:1fr}.account-page{padding:1rem!important}.studio-top{padding:.7rem 1rem!important}.studio-top .brand img{max-width:145px}.mobile-app-download-bar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:100;justify-content:center}.mobile-app-download-bar .btn{width:100%;box-shadow:0 10px 30px rgba(0,0,0,.25)}}
html[data-theme=dark] .site-profile-menu,html[data-theme=dark] .profile-form,html[data-theme=dark] .security-card,html[data-theme=dark] .ranking-card{background:#0b335e;color:#fff;border-color:#31597d}html[data-theme=dark] .site-profile-menu a,html[data-theme=dark] .site-profile-menu button{color:#fff}
.auth-alert{display:flex;gap:.65rem;align-items:flex-start;min-height:0!important;margin:1rem 0 0!important;padding:.8rem .9rem;border-radius:13px;background:#fff0f4;border:1px solid #efb5ca;color:#8b0034!important;animation:alert-in .24s ease}.auth-alert:empty{display:none}.auth-alert.success{background:#eaf8f2;border-color:#a7ddca;color:#0b694a!important}.auth-alert::before{content:'!';display:grid;place-items:center;flex:none;width:1.25rem;height:1.25rem;border-radius:50%;background:currentColor;color:white;font-size:.75rem;font-weight:900}.auth-alert.success::before{content:'✓'}.field-invalid{border-color:#d10050!important;background:#fff8fa!important;box-shadow:0 0 0 3px rgba(209,0,80,.09)!important}.field-shake{animation:field-shake .28s ease}.auth-submit.is-loading{opacity:.78;cursor:wait}.form-toast{position:fixed;right:20px;bottom:20px;z-index:200;background:#082d57;color:#fff;border-radius:16px;padding:.9rem 1rem;box-shadow:0 14px 38px rgba(0,20,45,.28);font-weight:800;animation:alert-in .24s ease}.form-toast.success{background:#0b7957}@keyframes alert-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes field-shake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
.auth-inline-link{display:block;margin:12px 0 0;text-align:right;color:#07517e;font-weight:800;font-size:.86rem}.code-input{font-size:1.8rem!important;font-weight:900;letter-spacing:.45em;text-align:center}.text-button{width:100%;border:0;background:transparent;color:#07517e;font-weight:800;padding:14px;cursor:pointer}.auth-card h2{margin:0 0 8px;color:#082d57}
.app-profile-wrap{position:relative}.app-profile-button{display:flex;align-items:center;gap:.55rem;border:1px solid #c9dce7;background:white;border-radius:999px;padding:.25rem .65rem .25rem .25rem;color:#082d57;cursor:pointer}.app-profile-copy{display:grid;text-align:left;line-height:1.05}.app-profile-copy strong{font-size:.78rem;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-profile-copy small{font-size:.62rem;color:#56738a;text-transform:uppercase;font-weight:900;margin-top:.18rem}.app-profile-menu{top:calc(100% + .55rem)}.app-profile-menu .avatar-sprite{display:none}
.profile-avatar,.profile-avatar-large{position:relative}