.sheet-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;transform:translateZ(0)}.avatar-picker{--avatar-sheet:color-mix(in srgb,var(--background) 92%,var(--foreground));--avatar-tile:52px;--avatar-gap:10px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head" "stage" "pool" "actions";gap:14px;width:calc(100% - 1rem);max-width:760px;max-height:calc((100dvh - 1.5rem) / var(--vz, 1));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px;background:radial-gradient(70% 60% at 0 0,color-mix(in srgb,var(--accent-purple) 20%,transparent),transparent 72%),radial-gradient(60% 55% at 100% 100%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 72%),var(--avatar-sheet);box-shadow:0 30px 80px -30px rgb(0 0 0/.8)}.avatar-head{grid-area:head;display:flex;flex-direction:column;gap:4px;padding-right:36px}.avatar-picker-title{font-size:22px;line-height:27px}.avatar-stage{grid-area:stage;display:flex;align-items:center;gap:14px}.avatar-stage-face-wrap{position:relative;flex:none;display:block;width:72px;height:72px}.avatar-stage-face-wrap:before{content:"";position:absolute;inset:-22%;border-radius:9999px;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent-purple) 70%,transparent),color-mix(in srgb,var(--primary) 30%,transparent) 55%,transparent 100%);opacity:.75}.avatar-stage-face{position:relative;width:100%;height:100%;border-radius:9999px;border:3px solid var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 22%,transparent)}.avatar-stage-words{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:4px}.avatar-stage-label{font-family:var(--font-display);font-size:17px;line-height:22px;font-weight:800}.avatar-stage-now{display:inline-flex;align-items:center;gap:6px}.avatar-stage-now-face{width:24px;height:24px;border-radius:9999px;border:1px solid var(--glass-border);opacity:.8}.avatar-stage-tools{display:flex;flex:none;flex-direction:column;align-items:stretch;gap:4px}.avatar-pool{grid-area:pool;min-height:0;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-surface-1);padding:14px;scroll-padding-block:14px}.avatar-pool::-webkit-scrollbar{width:8px}.avatar-pool::-webkit-scrollbar-button{display:none;width:0;height:0}.avatar-pool::-webkit-scrollbar-track{background:transparent}.avatar-pool::-webkit-scrollbar-thumb{border-radius:9999px;background:color-mix(in srgb,var(--muted-foreground) 65%,transparent)}@supports (-moz-appearance:none){.avatar-pool{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted-foreground) 65%,transparent) transparent}}.avatar-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--avatar-tile));grid-auto-rows:var(--avatar-tile);justify-content:center;gap:var(--avatar-gap)}.avatar-tile{position:relative;display:block;width:var(--avatar-tile);height:var(--avatar-tile);padding:0;border:0;border-radius:9999px;overflow:visible;cursor:pointer;background:var(--glass-surface-2);box-shadow:inset 0 0 0 1px var(--glass-border);transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.avatar-tile:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.avatar-tile[aria-checked=true]{z-index:1;transform:scale(1.08);box-shadow:0 0 0 3px var(--primary),0 0 0 7px color-mix(in srgb,var(--primary) 28%,transparent)}@media (hover:hover){.avatar-tile:hover{z-index:2;transform:translateY(-2px) scale(1.16);box-shadow:0 0 0 2px var(--foreground)}}.avatar-tile-clip{border-radius:9999px;overflow:hidden}.avatar-tile-clip,.avatar-tile-face{display:block;width:100%;height:100%}.avatar-tile-face{object-fit:cover}.avatar-tile-check{position:absolute;right:0;bottom:0;display:flex;height:20px;width:20px;align-items:center;justify-content:center;border-radius:9999px;background:var(--primary);color:var(--primary-foreground);border:2px solid var(--night-background)}.avatar-actions{grid-area:actions;display:flex;flex-direction:row-reverse;flex-wrap:wrap;align-items:center;gap:8px}@media (prefers-reduced-motion:no-preference){.avatar-tile{animation:avatar-in .32s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 7ms)}.avatar-stage-face{animation:avatar-pop .24s cubic-bezier(.2,.8,.2,1) both}.avatar-stage-face-wrap:before{animation:avatar-breathe 3.4s ease-in-out infinite}}@keyframes avatar-in{0%{opacity:0;transform:translateY(8px) scale(.86)}}@keyframes avatar-pop{0%{opacity:.4;transform:scale(.9)}}@keyframes avatar-breathe{50%{opacity:1;transform:scale(1.08)}}@media (min-width:640px){.avatar-picker{--avatar-tile:64px;--avatar-gap:12px;width:calc(100% - 2rem);padding:24px;gap:18px}}@media (min-width:1200px){.avatar-picker{grid-template-columns:248px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"stage head" "stage pool" "actions pool";column-gap:28px;row-gap:16px;width:min(1120px,calc(100% - 3rem));max-width:none;max-height:calc((100dvh - 2rem) / var(--vz, 1));padding:28px}.avatar-picker-title{font-size:30px;line-height:34px}.avatar-stage{flex-direction:column;justify-content:center;gap:22px;text-align:center}.avatar-stage-face-wrap{width:176px;height:176px}.avatar-stage-face{border-width:4px;box-shadow:0 0 0 8px color-mix(in srgb,var(--primary) 22%,transparent)}.avatar-stage-words{flex:none;align-items:center;gap:8px;min-height:62px}.avatar-stage-label{font-size:22px;line-height:27px}.avatar-stage-tools{flex-direction:row;align-items:center;gap:6px}.avatar-picker-grid{grid-template-columns:repeat(10,var(--avatar-tile))}.avatar-pool{padding:18px}.avatar-actions{flex-direction:column;align-items:stretch}}@media (min-width:1200px) and (max-height:800px){.avatar-picker{--avatar-tile:58px;--avatar-gap:10px;padding:22px;row-gap:12px}.avatar-pool{padding:14px}.avatar-stage-face-wrap{width:152px;height:152px}}