.avatar{overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover}.avatar>img{width:100%;height:100%;object-fit:cover}.avatar-character{background-image:url('../images/avatar-characters-v2.png');background-size:300% 200%;color:transparent}.avatar-character.character-1{background-position:0 0}.avatar-character.character-2{background-position:50% 0}.avatar-character.character-3{background-position:100% 0}.avatar-character.character-4{background-position:0 100%}.avatar-character.character-5{background-position:50% 100%}.avatar-character.character-6{background-position:100% 100%}.avatar-link-small,.profile-avatar-link{position:relative;display:inline-grid;flex:none}.profile-avatar-link{border-radius:50%}.profile-camera,.avatar-upload-camera{position:absolute;display:grid;place-items:center;border:3px solid var(--surface);border-radius:50%;background:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.profile-camera{inset-inline-end:-2px;inset-block-end:0;width:30px;height:30px}.profile-hero-polished{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand-soft) 44%,var(--surface)))}.profile-edit-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(410px,1.22fr);gap:18px}.avatar-studio>p{margin-block:6px 22px}.avatar-upload-form{display:grid;place-items:center;gap:12px;padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);text-align:center}.avatar-upload-shell{position:relative;display:grid;width:132px;height:132px;place-items:center}.avatar-editor-preview{width:124px;height:124px;border:4px solid var(--surface);font-size:1.8rem;box-shadow:0 14px 34px rgba(0,55,208,.18)}.avatar-upload-camera{inset-inline-end:0;inset-block-end:2px;width:40px;height:40px;cursor:pointer}.avatar-upload-form small{color:var(--text-soft)}.avatar-upload-form .button[disabled]{cursor:not-allowed;opacity:.55;transform:none}.avatar-divider{display:flex;align-items:center;gap:12px;margin-block:20px;color:var(--text-soft);font-size:.74rem}.avatar-divider::before,.avatar-divider::after{height:1px;flex:1;background:var(--border);content:""}.avatar-choice-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.avatar-choice{position:relative;display:grid;cursor:pointer}.avatar-choice input{position:absolute;width:1px;height:1px;opacity:0}.avatar-choice>.avatar{width:64px;height:64px;border:3px solid transparent;transition:transform .16s,border-color .16s,box-shadow .16s}.avatar-choice:hover>.avatar{transform:translateY(-2px)}.avatar-choice input:checked+.avatar{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.avatar-choice-check{position:absolute;inset-inline-end:-2px;inset-block-end:-2px;display:none;width:22px;height:22px;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--brand);color:#fff}.avatar-choice input:checked~.avatar-choice-check{display:grid}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.preference-card{align-self:start}
@media(max-width:900px){.profile-edit-grid{grid-template-columns:minmax(0,1fr)}.avatar-choice-grid{grid-template-columns:repeat(6,minmax(48px,1fr))}}@media(max-width:620px){.profile-hero-polished{display:grid;align-items:center;justify-items:center;gap:14px;padding:22px 18px;text-align:center}.profile-hero-polished>div{width:100%;min-width:0;text-align:center}.profile-hero-polished h1{overflow-wrap:anywhere;font-size:clamp(1.85rem,10vw,2.4rem);line-height:1.05}.profile-hero-polished p{overflow-wrap:anywhere}.profile-hero-polished .badge-row{justify-content:center}.profile-hero-polished .button{width:100%;justify-content:center}.profile-avatar-link{align-self:center}.profile-grid,.profile-edit-grid{width:100%;min-width:0;gap:14px}.profile-grid>.content-section,.profile-edit-grid>.content-section{min-width:0;padding:20px 18px}.profile-edit-grid input,.profile-edit-grid select,.profile-edit-grid button{max-width:100%}.avatar-upload-form{width:100%;padding:20px 14px}.avatar-upload-form small{max-width:100%;overflow-wrap:anywhere}.avatar-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.avatar-choice{justify-items:center}.avatar-choice>.avatar{width:72px;height:72px}.country-picker{min-width:0;width:100%}.country-picker input{width:100%}}
.avatar-character{background-image:url('../images/avatar-characters-v2.webp')}
.quick-actions{grid-template-columns:repeat(3,1fr)}
.visually-hidden{margin:-1px!important;padding:0!important;border:0!important}
.brand-logo{display:block;width:38px;height:38px;flex:none;border-radius:11px;box-shadow:0 8px 22px rgba(0,55,208,.22)}.brand-logo-small{width:30px;height:30px;border-radius:9px}.brand-logo-large{width:62px;height:62px;border-radius:18px}
.activation-notice{display:flex;align-items:flex-start;gap:16px;margin-block-end:20px;padding:22px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-soft),var(--surface))}.activation-notice>span{display:grid;width:46px;height:46px;place-items:center;flex:none;border-radius:13px;background:var(--brand);color:#fff}.activation-notice h2{margin:4px 0}.activation-notice p{margin:0}.plan-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:26px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.plan-card.plan-featured{border-color:color-mix(in srgb,var(--brand) 42%,var(--border));box-shadow:0 18px 44px rgba(0,55,208,.12)}.plan-ribbon{position:absolute;inset-block-start:16px;inset-inline-end:16px;padding:5px 9px;border-radius:var(--radius-pill);background:var(--brand);color:#fff;font-size:.66rem;font-weight:800}.plan-price{display:flex;align-items:baseline;gap:7px;margin-block:12px 16px;font-size:2rem;font-weight:850}.plan-price small{color:var(--text-soft);font-size:.72rem;font-weight:600}.plan-benefit-summary{display:grid;gap:3px;padding:13px;border-radius:var(--radius-md);background:var(--surface-soft)}.plan-benefit-summary span{color:var(--text-soft);font-size:.75rem}.plan-benefits{display:grid;gap:9px;margin:18px 0 24px;padding:0;list-style:none}.plan-benefits li{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.8rem}.plan-benefits .icon{color:var(--success)}.plan-card .button{margin-block-start:auto}.payment-checkout{display:grid;gap:16px}.payment-checkout>h2,.payment-checkout>p{margin:0}@media(max-width:620px){.activation-notice{display:grid;justify-items:start;padding:19px 17px}.plan-card{padding:22px 18px}.plan-ribbon{position:static;width:max-content;margin-block-end:10px}.payment-checkout{max-width:100%;overflow:hidden}.payment-checkout .copy-field{min-width:0}.payment-checkout code{overflow:hidden;text-overflow:ellipsis}}