.ayiti-avatar{--avatar-size:4rem;--avatar-accent:#ff5f00;position:relative;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;border-radius:999px;border:2px solid var(--avatar-accent);background:radial-gradient(circle at 50% 30%,#2c2c2c,#101010 70%);box-shadow:0 0 0 4px rgba(0,0,0,.3),0 14px 32px rgba(0,0,0,.28);isolation:isolate;flex:0 0 auto}
.ayiti-avatar::after{content:"";position:absolute;inset:0;z-index:20;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 -22px 32px rgba(0,0,0,.26);pointer-events:none}
.ayiti-avatar__base{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ayiti-avatar__hair,.ayiti-avatar__clothing{position:absolute;pointer-events:none}
.ayiti-avatar--choice{--avatar-size:9rem;box-shadow:0 0 0 6px color-mix(in srgb,var(--avatar-accent) 12%,transparent),0 18px 45px rgba(0,0,0,.34)}
.ayiti-avatar--preview{--avatar-size:14rem;box-shadow:0 0 0 7px color-mix(in srgb,var(--avatar-accent) 13%,transparent),0 22px 55px rgba(0,0,0,.38)}
.ayiti-avatar--comment{--avatar-size:2.9rem;box-shadow:0 0 0 3px rgba(0,0,0,.3)}
.ayiti-avatar--account{--avatar-size:11rem;box-shadow:0 0 0 7px color-mix(in srgb,var(--avatar-accent) 14%,transparent),0 22px 55px rgba(0,0,0,.38)}
.ayiti-avatar--home{--avatar-size:3.7rem;border-radius:1rem;box-shadow:none}
.ayiti-avatar--option{--avatar-size:3.5rem;border-width:1px;box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.ayiti-hair-short{z-index:7;top:21%;left:31%;width:38%;height:17%;border-radius:55% 55% 38% 38%;background:radial-gradient(circle at 35% 30%,#181818 0 12%,transparent 13%),radial-gradient(circle at 56% 22%,#161616 0 13%,transparent 14%),#050505;box-shadow:inset 0 -5px 0 rgba(121,63,22,.3)}
.ayiti-avatar--female .ayiti-hair-short{top:24%;left:25%;width:50%;height:28%;border-radius:45% 45% 42% 42%;background:linear-gradient(135deg,#050505,#18100c 70%)}
.ayiti-hair-curls{z-index:7;top:15%;left:27%;width:46%;height:23%;border-radius:54% 54% 38% 38%;background:radial-gradient(circle at 12% 45%,#030303 0 9%,transparent 10%),radial-gradient(circle at 28% 23%,#161616 0 11%,transparent 12%),radial-gradient(circle at 50% 13%,#050505 0 12%,transparent 13%),radial-gradient(circle at 69% 27%,#15100c 0 10%,transparent 11%),radial-gradient(circle at 88% 47%,#050505 0 9%,transparent 10%),#080808;box-shadow:0 2px 0 rgba(255,95,0,.2)}
.ayiti-avatar--female .ayiti-hair-curls{top:13%;left:23%;width:54%;height:29%;border-radius:50% 50% 42% 42%}
.ayiti-avatar--female .ayiti-hair-curls::after{content:"";position:absolute;left:-8%;top:42%;width:18%;height:48%;border-radius:999px;background:#070707;box-shadow:2px 0 0 rgba(255,95,0,.16)}
.ayiti-hair-bun{z-index:7;top:8%;left:37%;width:27%;height:25%;border-radius:999px;background:radial-gradient(circle at 35% 30%,#21130b 0 18%,transparent 19%),radial-gradient(circle at 62% 36%,#050505 0 20%,transparent 21%),#0a0705;box-shadow:0 2px 0 rgba(255,95,0,.16)}
.ayiti-hair-bun::after{content:"";position:absolute;left:-38%;top:58%;width:176%;height:60%;border-radius:50% 50% 35% 35%;background:linear-gradient(180deg,#090909,#17100b)}
.ayiti-clothing-shirt{z-index:6;left:25%;right:25%;bottom:-13%;height:28%;clip-path:polygon(16% 22%,84% 22%,100% 100%,0 100%);background:linear-gradient(180deg,#fff,#dfe3e6);box-shadow:inset 0 2px 0 rgba(0,0,0,.12)}
.ayiti-clothing-shirt::before{content:"";position:absolute;left:41%;top:7%;width:18%;height:76%;background:linear-gradient(90deg,#c7cbd0,#fff 50%,#c7cbd0);clip-path:polygon(0 0,50% 20%,100% 0,78% 100%,22% 100%)}
.ayiti-clothing-hoodie{z-index:6;left:20%;right:20%;bottom:-14%;height:31%;border-radius:44% 44% 0 0;background:linear-gradient(180deg,#263039,#101419);box-shadow:inset 0 2px 0 rgba(255,255,255,.08)}
.ayiti-clothing-hoodie::before{content:"";position:absolute;left:24%;right:24%;top:-12%;height:48%;border:6px solid #343b42;border-bottom:0;border-radius:50% 50% 0 0}
.ayiti-clothing-hoodie::after{content:"";position:absolute;left:49%;top:24%;width:2px;height:60%;background:#b8c0c8;opacity:.65}