.media-image{background:var(--app-bg-highlight);isolation:isolate;width:100%;height:100%;display:block;position:relative;overflow:hidden}.media-image img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--animation-duration-fast) ease;display:block}.media-image--contain img{object-fit:contain}.media-image--ready img{opacity:1}.media-image--fluid{height:auto;min-height:120px}.media-image--fluid img{object-fit:contain;height:auto;max-height:calc(100dvh - 110px)}.media-image__spinner{z-index:1;pointer-events:none;color:var(--app-text-dim);place-items:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.media-image img{transition:none}.media-image__spinner .app-spinner{animation:none}}.photo-pick{text-align:center;border:2px dashed var(--app-border);border-radius:var(--app-radius);background:var(--app-bg);color:var(--app-text);cursor:pointer;transition:border-color var(--animation-duration-fast) ease, background-color var(--animation-duration-fast) ease;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.photo-pick input{display:none}.photo-pick:hover,.photo-pick--dragging{border-color:var(--app-accent);background:var(--app-bg-highlight)}.photo-pick:focus-within{outline:2px solid var(--app-focus-ring);outline-offset:2px}.photo-pick--disabled{cursor:not-allowed;opacity:.6}.photo-pick--processing{cursor:wait;border-color:var(--app-accent)}.photo-pick__icon{background:var(--app-accent);width:46px;height:46px;color:var(--app-on-accent);border-radius:50%;place-items:center;display:grid}.photo-pick--processing .photo-pick__icon{animation:1s ease-in-out infinite photo-pick-pulse}.photo-pick__title{font-size:var(--font-size-base);font-weight:750}.photo-pick__hint{max-width:36ch;color:var(--app-text-dim);font-size:var(--font-size-caption);line-height:1.4}.photo-pick--zone{min-height:200px;padding:20px}.photo-pick--tile{aspect-ratio:1;border-radius:calc(var(--app-radius) * .8);gap:4px;padding:8px}.photo-pick--tile .photo-pick__icon{background:var(--app-bg-highlight);width:34px;height:34px;color:var(--app-accent)}.photo-pick--tile .photo-pick__title{font-size:var(--font-size-caption);color:var(--app-text-dim);font-weight:700}@keyframes photo-pick-pulse{50%{opacity:.65;transform:scale(.92)}}.custom-dialog.custom-dialog--image-viewer{width:min(800px,100vw - 32px);max-width:min(800px,100vw - 32px);max-height:calc(100dvh - 32px)}.custom-dialog--image-viewer .custom-dialog-panel{padding-top:36px;overflow:auto}.image-viewer{justify-items:center;display:grid}.image-viewer__title{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.image-viewer__frame{--image-viewer-inset:42px;border-radius:8px;width:fit-content;max-width:100%;position:relative;overflow:hidden}.image-viewer__photo{border-radius:8px;width:auto}.image-viewer__photo img{width:auto;height:auto;max-width:calc(min(800px, 100vw - 32px) - var(--image-viewer-inset));max-height:calc(100dvh - 110px)}.image-viewer__tap,.image-viewer__tap:hover,.image-viewer__tap:focus-visible,.image-viewer__tap:active{z-index:1;width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:0;display:block;position:absolute;inset:0}.image-viewer__tools{z-index:2;background:color-mix(in srgb, var(--app-bg) 55%, transparent);opacity:0;pointer-events:none;transition:opacity var(--animation-duration-fast) ease;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.image-viewer__frame:hover .image-viewer__tools{opacity:1}.image-viewer__tools:has(:focus-visible){opacity:1}.image-viewer__frame--viewing .image-viewer__tools,.image-viewer__frame--viewing:hover .image-viewer__tools,.image-viewer__frame--overlay-suppressed .image-viewer__tools,.image-viewer__frame--overlay-suppressed:hover .image-viewer__tools{opacity:0;pointer-events:none}.image-viewer__frame--viewing .image-viewer__tools>*,.image-viewer__frame--overlay-suppressed .image-viewer__tools>*{pointer-events:none}.image-viewer__tools>*{pointer-events:auto}.image-viewer__tool,.image-viewer__tool:hover,.image-viewer__tool:focus-visible,.image-viewer__tool:active{border-radius:calc(var(--app-radius) * .6);background:var(--app-surface);border:0;width:40px;min-width:0;height:40px;min-height:0;padding:0}@media (hover:none){.image-viewer__frame .image-viewer__tools,.image-viewer__frame:hover .image-viewer__tools{opacity:0}.image-viewer__frame--tools-open .image-viewer__tools,.image-viewer__frame--tools-open:hover .image-viewer__tools{opacity:1}.image-viewer__frame:not(.image-viewer__frame--tools-open) .image-viewer__tools>*{pointer-events:none}.image-viewer__frame--viewing .image-viewer__tools,.image-viewer__frame--overlay-suppressed .image-viewer__tools{opacity:0}}.custom-dialog.custom-dialog--lightbox{width:100vw;min-width:0;max-width:none;height:100dvh;max-height:none;color:var(--app-on-lightbox);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;position:fixed;inset:0;transform:scale(.98)}.custom-dialog.custom-dialog--lightbox.custom-dialog--shown{transform:scale(1)}.custom-dialog.custom-dialog--lightbox::backdrop{background:var(--app-lightbox-bg)}.custom-dialog--lightbox .custom-dialog-panel{height:100%;padding:0}.custom-dialog--lightbox .custom-dialog-close{z-index:4;color:var(--app-error);top:12px;right:16px}.custom-dialog--lightbox .custom-dialog-close:hover,.custom-dialog--lightbox .custom-dialog-close:focus-visible{color:var(--app-error)}.image-viewer--full{place-items:center;width:100%;height:100%;position:relative}.image-viewer__scrim,.image-viewer__scrim:hover,.image-viewer__scrim:focus-visible,.image-viewer__scrim:active{z-index:2;width:auto;height:auto;box-shadow:none;cursor:default;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;inset:0}.image-viewer__photo--full{z-index:1;pointer-events:none;background:0 0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.image-viewer__photo--full img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:100dvh}.profile-avatar{aspect-ratio:1;border-radius:50%;place-items:center;display:grid;position:relative}.profile-avatar--story-active:before{content:"";border:3px solid var(--app-accent);pointer-events:none;border-radius:50%;position:absolute;inset:-5px}.profile-avatar--story-viewable{z-index:2}.profile-avatar__story-add{z-index:4;border-radius:50%;width:28px;min-width:28px;height:28px;min-height:28px;font-size:19px;font-weight:800;line-height:1;position:absolute;bottom:-4px;right:-4px}.profile-avatar.trainer-card__avatar{overflow:visible}.profile-avatar__link,.profile-avatar__link:hover,.profile-avatar__link:focus-visible,.profile-avatar__link:active{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:absolute;inset:0}.profile-avatar__image{background:var(--app-active);color:var(--app-text);font-size:var(--font-size-title);border-radius:50%;place-items:center;font-weight:750;display:grid;position:absolute;inset:0;overflow:hidden}.profile-avatar__image .media-image,.profile-avatar__image img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.profile-avatar__tools{z-index:2;background:color-mix(in srgb, var(--app-bg) 55%, transparent);opacity:0;pointer-events:none;transition:opacity var(--animation-duration-fast) ease;border-radius:50%;grid-template-rows:repeat(2,28px);grid-template-columns:repeat(2,28px);place-content:center;gap:6px;display:grid;position:absolute;inset:0}.profile-avatar:hover .profile-avatar__tools{opacity:1}.profile-avatar__tools:has(:focus-visible){opacity:1}.profile-avatar--viewing .profile-avatar__tools,.profile-avatar--viewing:hover .profile-avatar__tools,.profile-avatar--overlay-suppressed .profile-avatar__tools,.profile-avatar--overlay-suppressed:hover .profile-avatar__tools{opacity:0;pointer-events:none}.profile-avatar--viewing .profile-avatar__tools>*,.profile-avatar--overlay-suppressed .profile-avatar__tools>*{pointer-events:none}.profile-avatar__tools>*{pointer-events:auto}.profile-avatar__tools:has(>:only-child){grid-template-rows:28px;grid-template-columns:28px}.profile-avatar__tool,.profile-avatar__tools .photo-pick--tile{border-radius:calc(var(--app-radius) * .6);width:28px;min-width:0;height:28px;min-height:0}.profile-avatar__tool,.profile-avatar__tool:hover,.profile-avatar__tool:focus-visible,.profile-avatar__tool:active{background:var(--app-surface);border:0;padding:0}.profile-avatar__view{grid-column:1/-1;justify-self:center}.profile-avatar__tools .photo-pick--tile{aspect-ratio:1;background:var(--app-surface);border:0;gap:0;padding:0}.profile-avatar__tools .photo-pick__title{display:none}.profile-avatar__tools .photo-pick__icon{width:28px;height:28px;color:var(--app-text);background:0 0}@media (hover:none){.profile-avatar{z-index:2}.profile-avatar .profile-avatar__tools,.profile-avatar:hover .profile-avatar__tools{opacity:0}.profile-avatar--tools-open .profile-avatar__tools,.profile-avatar--tools-open:hover .profile-avatar__tools{opacity:1}.profile-avatar:not(.profile-avatar--tools-open) .profile-avatar__tools>*{pointer-events:none}.profile-avatar--viewing .profile-avatar__tools,.profile-avatar--overlay-suppressed .profile-avatar__tools{opacity:0}.profile-avatar--link.profile-avatar--editable .profile-avatar__tools,.profile-avatar--link.profile-avatar--editable:hover .profile-avatar__tools,.profile-avatar--link.profile-avatar--editable.profile-avatar--overlay-suppressed .profile-avatar__tools{opacity:1;background:0 0}.profile-avatar--link.profile-avatar--editable .profile-avatar__tools>*{pointer-events:auto}.profile-avatar--story-viewable.profile-avatar--editable .profile-avatar__tools,.profile-avatar--story-viewable.profile-avatar--editable:hover .profile-avatar__tools{opacity:1;pointer-events:none;background:0 0}.profile-avatar--story-viewable.profile-avatar--editable .profile-avatar__tools>*{pointer-events:auto}}