.profile-dialog{width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:25px;background:#f7faf7;color:#173127;box-shadow:0 28px 90px rgba(9,42,31,.35)}
.profile-dialog::backdrop{background:rgba(8,31,24,.58);backdrop-filter:blur(5px)}
.profile-dialog form{display:grid;gap:18px;padding:22px}.profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.profile-head h2{font-size:22px}.profile-head p{margin-top:4px;color:#708078;font-size:11px}.profile-close{border:0;width:35px;height:35px;border-radius:11px;background:#e6efe9;color:#174c3c;font-size:20px}
.avatar-stage{display:grid;place-items:center;min-height:188px;border-radius:22px;background:radial-gradient(circle at 50% 45%,#fff 0 31%,transparent 32%),linear-gradient(145deg,#e1eee6,#f4f8f4)}
.capri-avatar{--skin:#c98760;--hair:#25342e;--shirt:#145541;position:relative;width:138px;height:150px;overflow:hidden;border-radius:48% 48% 42% 42%;background:#dcebe1}
.avatar-body{position:absolute;z-index:1;left:21px;bottom:-28px;width:96px;height:79px;border-radius:50% 50% 12% 12%;background:var(--shirt)}.avatar-neck{position:absolute;z-index:2;left:55px;top:91px;width:29px;height:28px;border-radius:0 0 12px 12px;background:var(--skin)}.avatar-face{position:absolute;z-index:3;left:37px;top:31px;width:65px;height:73px;border-radius:47% 47% 44% 44%;background:var(--skin)}.avatar-face:before{content:"";position:absolute;left:15px;top:35px;width:6px;height:6px;border-radius:50%;background:#26362f;box-shadow:28px 0 #26362f}.avatar-face:after{content:"";position:absolute;left:25px;top:53px;width:16px;height:7px;border-bottom:2px solid rgba(74,38,28,.55);border-radius:50%}
.avatar-hair{position:absolute;z-index:4;left:34px;top:24px;width:71px;height:34px;border-radius:50% 50% 25% 28%;background:var(--hair)}.capri-avatar[data-hair="wave"] .avatar-hair{height:42px;border-radius:55% 45% 38% 25%;transform:rotate(-5deg)}.capri-avatar[data-hair="curl"] .avatar-hair{left:31px;top:20px;width:78px;height:43px;border-radius:48%;background:radial-gradient(circle,var(--hair) 58%,transparent 61%) 0 0/20px 20px,var(--hair)}.capri-avatar[data-hair="bald"] .avatar-hair{display:none}
.avatar-accessory{position:absolute;z-index:5}.capri-avatar[data-accessory="glasses"] .avatar-accessory{left:45px;top:62px;width:20px;height:13px;border:3px solid #173f35;border-radius:7px;box-shadow:28px 0 0 -3px var(--skin),28px 0 0 0 #173f35}.capri-avatar[data-accessory="glasses"] .avatar-accessory:after{content:"";position:absolute;left:19px;top:3px;width:9px;border-top:3px solid #173f35}.capri-avatar[data-accessory="cap"] .avatar-accessory{left:31px;top:17px;width:78px;height:29px;border-radius:50% 50% 16% 16%;background:#d6ed8b}.capri-avatar[data-accessory="cap"] .avatar-accessory:after{content:"";position:absolute;right:-15px;bottom:0;width:37px;height:8px;border-radius:8px;background:#b9d85c}.capri-avatar[data-accessory="headphones"] .avatar-accessory{left:26px;top:45px;width:87px;height:54px;border:6px solid #25342e;border-bottom:0;border-radius:48px 48px 0 0}.capri-avatar[data-accessory="headphones"] .avatar-accessory:after,.capri-avatar[data-accessory="headphones"] .avatar-accessory:before{content:"";position:absolute;top:27px;width:12px;height:25px;border-radius:7px;background:#25342e}.capri-avatar[data-accessory="headphones"] .avatar-accessory:before{left:-9px}.capri-avatar[data-accessory="headphones"] .avatar-accessory:after{right:-9px}
.capri-avatar[data-skin="light"]{--skin:#efc6a5}.capri-avatar[data-skin="medium"]{--skin:#c98760}.capri-avatar[data-skin="deep"]{--skin:#754733}.capri-avatar[data-outfit="green"]{--shirt:#145541}.capri-avatar[data-outfit="navy"]{--shirt:#263d59}.capri-avatar[data-outfit="sand"]{--shirt:#b99869}
.avatar-controls{display:grid;gap:13px}.avatar-option{display:grid;gap:7px}.avatar-option>span{font-size:10px;font-weight:850;color:#60746b;text-transform:uppercase;letter-spacing:.08em}.avatar-choices{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.avatar-choices button{flex:0 0 auto;border:1px solid #dae5dc;border-radius:11px;padding:9px 11px;background:#fff;color:#355348;font-size:10px;font-weight:750}.avatar-choices button.active{border-color:#165a45;background:#e1f0e6;color:#104c3a}
.skin-palette{align-items:center;overflow:visible;flex-wrap:wrap;gap:9px}.skin-palette button{width:34px;height:34px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d7e0da}.skin-palette button.active{border-color:#fff;background:var(--swatch);box-shadow:0 0 0 3px #17604a;transform:scale(1.06)}.custom-skin{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px dashed #81998f;border-radius:50%;overflow:hidden;cursor:pointer}.custom-skin input{position:absolute;inset:-8px;width:50px;height:50px;padding:0;border:0;opacity:0;cursor:pointer}.custom-skin span{color:#155a45;font-size:19px;font-weight:800}.avatar-help{color:#7c8c85;font-size:9px;font-weight:500}
.gender-choices{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.gender-choices button{width:100%}.hair-choices{padding:2px 1px 6px}
.capri-avatar[data-gender="feminine"] .avatar-face{left:38px;width:63px;border-radius:49% 49% 46% 46%}.capri-avatar[data-gender="feminine"] .avatar-body{left:25px;width:88px;border-radius:55% 55% 12% 12%}.capri-avatar[data-gender="feminine"] .avatar-face:after{left:23px;width:18px;border-bottom-color:#9a514f}
.capri-avatar[data-hair="short"] .avatar-hair{left:33px;top:21px;width:74px;height:39px;border-radius:55% 48% 24% 32%;clip-path:polygon(0 20%,18% 4%,49% 0,78% 8%,100% 30%,91% 66%,75% 47%,57% 65%,38% 44%,18% 64%,5% 48%)}
.capri-avatar[data-hair="fade"] .avatar-hair{left:35px;top:24px;width:70px;height:31px;border-radius:48% 52% 22% 22%;clip-path:polygon(0 35%,12% 12%,66% 0,100% 23%,94% 69%,68% 46%,38% 55%,8% 72%)}
.capri-avatar[data-hair="wave"] .avatar-hair{left:30px;top:18px;width:80px;height:48px;border-radius:58% 46% 38% 25%;transform:rotate(-2deg);clip-path:polygon(0 25%,12% 8%,31% 15%,48% 0,65% 13%,83% 5%,100% 28%,93% 68%,77% 51%,62% 70%,45% 48%,27% 67%,8% 54%)}
.capri-avatar[data-hair="curl"] .avatar-hair{left:29px;top:16px;width:82px;height:51px;border-radius:48%;background:radial-gradient(circle at 10px 10px,var(--hair) 0 9px,transparent 10px) 0 0/20px 20px,radial-gradient(circle at 10px 10px,var(--hair) 0 9px,transparent 10px) 10px 10px/20px 20px}
.capri-avatar[data-hair="long"] .avatar-hair{z-index:2;left:25px;top:20px;width:89px;height:105px;border-radius:48% 48% 38% 38%;background:var(--hair)}.capri-avatar[data-hair="long"] .avatar-face{box-shadow:0 0 0 5px var(--skin)}
.capri-avatar[data-hair="bun"] .avatar-hair{left:32px;top:21px;width:76px;height:38px;border-radius:55% 55% 30% 30%}.capri-avatar[data-hair="bun"] .avatar-hair:before{content:"";position:absolute;left:22px;top:-20px;width:34px;height:30px;border-radius:50%;background:var(--hair)}
.capri-avatar[data-hair="bald"] .avatar-hair{display:block;left:38px;top:27px;width:64px;height:12px;border-radius:50% 50% 0 0;opacity:.35}
.profile-actions{display:grid;grid-template-columns:auto 1fr;gap:9px}.profile-actions button{min-height:45px;border:0;border-radius:13px;font-weight:850}.profile-signout{padding:0 15px;background:#f7e8e5;color:#99483e}.profile-save{background:#145541;color:#fff}
.user-button.has-avatar{display:grid;place-items:center;padding:0;overflow:hidden;background:#dcebe1}.user-button .capri-avatar{width:40px;height:43px;transform:scale(.9)}.user-button .avatar-body{left:6px;bottom:-9px;width:28px;height:23px}.user-button .avatar-neck{left:16px;top:26px;width:9px;height:9px}.user-button .avatar-face{left:11px;top:8px;width:19px;height:22px}.user-button .avatar-face:before{left:4px;top:10px;width:2px;height:2px;box-shadow:9px 0 #26362f}.user-button .avatar-face:after{display:none}.user-button .avatar-hair{left:10px;top:6px;width:21px;height:10px}.user-button .avatar-accessory{display:none}
@media(max-width:520px){.profile-dialog{border-radius:23px}.profile-dialog form{padding:18px}.avatar-stage{min-height:166px}.avatar-stage .capri-avatar{transform:scale(.9)}}

/* Estúdio de avatar vetorial */
.profile-dialog{width:min(520px,calc(100% - 22px));background:#f8fbf8}.profile-dialog form{gap:16px}.profile-head{padding-bottom:3px;border-bottom:1px solid #e4ece6}.profile-head .eyebrow{color:#17604a}.profile-head h2{margin-top:3px;font-size:23px;letter-spacing:-.035em}
.avatar-stage{position:relative;isolation:isolate;min-height:235px;overflow:hidden;background:linear-gradient(145deg,#dcece2,#f3f8f4);border:1px solid #dce8e0}.avatar-stage-glow{position:absolute;z-index:-1;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 20px 50px rgba(20,82,62,.09)}.avatar-stage-label{position:absolute;right:12px;bottom:11px;padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.78);color:#63786f;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.capri-avatar.avatar-svg{display:block;width:190px;height:200px;overflow:visible;border-radius:0;background:transparent}.capri-avatar.avatar-svg svg{display:block;width:100%;height:100%;filter:drop-shadow(0 10px 15px rgba(18,73,56,.12))}
.avatar-controls{gap:16px;padding:15px;border:1px solid #e0e9e2;border-radius:18px;background:#fff}.avatar-option{gap:9px}.avatar-option+.avatar-option{padding-top:13px;border-top:1px solid #edf2ee}.avatar-option>span{font-size:9px;letter-spacing:.11em}.avatar-choices{gap:8px}.avatar-choices button{min-height:37px;border-color:#dde7e0;border-radius:12px;padding:9px 13px;background:#f9fbf9;font-size:10px;transition:.15s ease}.avatar-choices button:hover{border-color:#9cb9aa;background:#f1f7f3}.avatar-choices button.active{border-color:#17604a;background:#e2f0e7;box-shadow:0 0 0 2px rgba(23,96,74,.08);transform:none}.hair-color-palette{overflow:visible;flex-wrap:wrap}.hair-color-palette button{width:32px;height:32px;min-height:32px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d7e0da}.hair-color-palette button.active{border-color:#fff;background:var(--swatch);box-shadow:0 0 0 3px #17604a;transform:scale(1.06)}
.profile-actions{position:sticky;bottom:-22px;z-index:7;margin:0 -22px -22px;padding:13px 22px max(13px,env(safe-area-inset-bottom));background:rgba(248,251,248,.94);border-top:1px solid #e1e9e3;backdrop-filter:blur(12px)}
.user-button .capri-avatar.avatar-svg{width:42px;height:42px;transform:none}.user-button .capri-avatar.avatar-svg svg{width:42px;height:42px;filter:none}
@media(max-width:520px){.profile-dialog form{padding:17px}.avatar-stage{min-height:210px}.avatar-stage .capri-avatar.avatar-svg{width:172px;height:182px;transform:none}.avatar-controls{padding:13px}.profile-actions{bottom:-17px;margin:0 -17px -17px;padding:12px 17px max(12px,env(safe-area-inset-bottom))}}
.random-avatar{position:absolute;left:12px;bottom:11px;border:1px solid rgba(23,96,74,.14);border-radius:99px;padding:7px 10px;background:rgba(255,255,255,.86);color:#165943;font-size:9px;font-weight:850;backdrop-filter:blur(8px)}
.avatar-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border-radius:14px;background:#edf3ef}.avatar-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:0;border-radius:10px;background:transparent;color:#6d7d76;font-size:10px;font-weight:800}.avatar-tabs button i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#dce7e0;color:#60736a;font-style:normal;font-size:8px}.avatar-tabs button.active{background:#fff;color:#145541;box-shadow:0 3px 12px rgba(20,85,65,.08)}.avatar-tabs button.active i{background:#145541;color:#fff}
.avatar-panel{display:none;gap:15px;padding-top:2px;animation:avatarPanelIn .18s ease}.avatar-panel.active{display:grid}@keyframes avatarPanelIn{from{opacity:.35;transform:translateY(3px)}}.avatar-panel .avatar-option+.avatar-option{padding-top:13px;border-top:1px solid #edf2ee}
.eye-palette{overflow:visible;flex-wrap:wrap}.eye-palette button{width:32px;height:32px;min-height:32px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d7e0da}.eye-palette button.active{border-color:#fff;background:var(--swatch);box-shadow:0 0 0 3px #17604a;transform:scale(1.06)}
@media(max-width:520px){.avatar-stage-label{display:none}.random-avatar{left:10px;bottom:9px}.avatar-tabs button{font-size:9px}.avatar-controls{min-height:260px}}
.avatar-presets{display:grid;gap:7px;padding:10px 11px;border:1px solid #e1eae4;border-radius:13px;background:#f8faf8}.avatar-presets>span{color:#6f8178;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.avatar-presets>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.avatar-presets button{min-height:33px;border:1px solid #dce7df;border-radius:9px;background:#fff;color:#285347;font-size:9px;font-weight:800}.avatar-presets button:hover{border-color:#86aa99;background:#eef6f1}
.custom-hair-color{position:relative;display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border:1px dashed #81998f;border-radius:50%;overflow:hidden;cursor:pointer}.custom-hair-color input{position:absolute;inset:-8px;width:50px;height:50px;padding:0;border:0;opacity:0;cursor:pointer}.custom-hair-color span{color:#155a45;font-size:18px;font-weight:800}.background-palette{overflow:visible;flex-wrap:wrap}.background-palette button{width:34px;height:34px;min-height:34px;padding:0;border:3px solid #fff;border-radius:11px;background:var(--swatch);box-shadow:0 0 0 1px #d7e0da}.background-palette button.active{border-color:#fff;background:var(--swatch);box-shadow:0 0 0 3px #17604a}