.ab-profile{isolation:isolate;min-height:calc(100dvh - var(--ab-nav-height));padding:56px 24px calc(56px + env(safe-area-inset-bottom));background:var(--ab-cream);flex-direction:column;align-items:center;gap:24px;display:flex;position:relative;overflow:clip}.ab-profile__art{opacity:.6;pointer-events:none;z-index:0;width:300px;height:auto;position:absolute;bottom:-40px}.ab-profile__art--left{left:-60px}.ab-profile__art--right{right:-60px;transform:scaleX(-1)}.ab-profile__card{z-index:1;background:var(--ab-paper);border:2px solid #e1e3bb;border-radius:16px;flex-direction:column;align-items:center;gap:24px;width:min(532px,100%);padding:44px 40px;display:flex;position:relative}.ab-profile__title{font-family:var(--ab-font-script);color:#000;margin:0;font-size:34px;font-weight:400}.ab-profile__avatar{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.ab-profile__avatar-photo{background:var(--ab-cream);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;overflow:hidden}.ab-profile__avatar-img{object-fit:cover;width:100%;height:100%}.ab-profile__avatar-fallback{font-family:var(--ab-font-mono);color:var(--ab-olive);font-size:40px;font-weight:600}.ab-profile__avatar-spinner{color:var(--ab-dark);background:#f0f0e3b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ab-spin{animation:.9s linear infinite ab-spin}@keyframes ab-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ab-spin{animation:none}}.ab-profile__avatar-badge{background:var(--ab-yellow);border:1.5px solid var(--ab-olive);width:40px;height:40px;color:var(--ab-dark);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:12px;right:2px}.ab-profile__avatar-badge:hover{transform:translateY(-1px)}.ab-profile__avatar-badge:has(input:focus-visible){outline-offset:2px;outline:2px solid #86804473}.ab-profile__avatar-badge:has(input:disabled){opacity:.6;cursor:default}.ab-profile__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ab-profile__avatar-error{text-align:center;max-width:280px;font-family:var(--ab-font-body);color:#9a2d1f;margin:0;font-size:12px}.ab-profile__identity{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.ab-profile__name{font-family:var(--ab-font-body);color:var(--ab-ink);margin:0;font-size:20px;font-weight:600}.ab-profile__persona{font-family:var(--ab-font-body);color:var(--ab-olive);align-items:center;gap:8px;font-size:13px;display:flex}.ab-profile__chip{border:1px solid var(--ab-olive);border-radius:var(--radius-full);font-family:var(--ab-font-mono);letter-spacing:1.65px;color:var(--ab-olive);background:#fff;padding:5px 12px;font-size:11px;font-weight:600}.ab-profile__forms{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.ab-profile__link-btn{font-family:var(--ab-font-body);color:var(--ab-olive);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:6px;padding:4px 0;font-size:13px;font-weight:600;text-decoration:underline}.ab-profile__link-btn:hover{color:var(--ab-dark)}.ab-profile__link-btn:focus-visible{outline-offset:2px;outline:2px solid #86804473}.ab-profile__password-form{padding-top:2px}.ab-profile__password-actions{align-items:center;gap:20px;width:min(400px,100%);display:flex}.ab-profile__password-actions .ab-btn{flex:1}.ab-profile__success{width:min(400px,100%);font-family:var(--ab-font-body);color:var(--ab-dark);background:#86804414;border:1px solid #8680444d;border-radius:10px;padding:12px 16px;font-size:13px}.ab-profile__signout{font-family:var(--ab-font-body);color:var(--ab-dark);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.ab-profile__signout:hover{opacity:.75}.ab-profile__signout:focus-visible{outline-offset:2px;outline:2px solid #86804473}.ab-profile__card--mascot{padding:40px}.ab-profile__mascot{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.ab-profile__mascot-heading{font-family:var(--ab-font-hand-thai);color:var(--ab-ink);margin:0;font-size:26px;font-weight:400}.ab-profile__mascot-body{flex-direction:column;align-items:center;gap:14px;display:flex}.ab-profile__mascot-ring{border-radius:50%;width:128px;height:128px;position:relative}.ab-profile__mascot-ring:after{content:"";border:2px solid var(--ab-yellow);opacity:.9;border-radius:50%;position:absolute;inset:-6px}.ab-profile__mascot-portrait{object-fit:cover;background:var(--ab-cream);border-radius:50%;width:100%;height:100%}.ab-profile__mascot-info{flex-direction:column;align-items:center;gap:8px;max-width:420px;display:flex}.ab-profile__mascot-name{font-family:var(--ab-font-hand-thai);color:var(--ab-ink);margin:0;font-size:28px}.ab-profile__mascot-desc{font-family:var(--ab-font-body);color:var(--ab-ink-step);margin:0;font-size:14px;line-height:1.7}.ab-profile__mascot-date{font-family:var(--ab-font-mono);letter-spacing:.6px;color:var(--ab-olive);margin:0;font-size:12px}.ab-profile__mascot-empty-copy{max-width:380px;font-family:var(--ab-font-body);color:var(--ab-ink-step);margin:0;font-size:14px;line-height:1.7}.ab-profile__mascot-cta{gap:8px}.ab-profile__ghost-btn{border:1px solid var(--ab-olive);border-radius:var(--radius-full);min-width:176px;height:46px;color:var(--ab-dark);font-family:var(--ab-font-body);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-spring);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:15px;text-decoration:none;display:inline-flex}.ab-profile__ghost-btn:hover{background:#86804414}.ab-profile__ghost-btn:active{transform:scale(.97)}.ab-profile__ghost-btn:focus-visible{outline-offset:3px;outline:2px solid #86804473}@media (width<=899px){.ab-profile{padding:40px 16px calc(40px + env(safe-area-inset-bottom))}.ab-profile__card{padding:36px 24px}.ab-profile__title{font-size:28px}}@media (width<=479px){.ab-profile__art{display:none}.ab-profile__password-actions{flex-direction:column}}