.character-profile-create-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.character-profile-create-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.character-profile-create-modal__panel{position:relative;width:100%;max-width:420px;background:#1c1c1ef2;border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.character-profile-create-modal__close{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;border:none;background:#ffffff1a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.character-profile-create-modal__close:hover{background:#ffffff26;color:#ffffffe6}.character-profile-create-modal__close:active{transform:scale(.95)}.character-profile-create-modal__header{padding:32px 24px 20px;text-align:center}.character-profile-create-modal__header-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center}.character-profile-create-modal__header-icon svg{animation:icon-color-shift 4s ease infinite}@keyframes icon-color-shift{0%,to{color:#a78bfa;filter:drop-shadow(0 0 8px rgba(167,139,250,.5))}25%{color:#ec4899;filter:drop-shadow(0 0 8px rgba(236,72,153,.5))}50%{color:#3b82f6;filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}75%{color:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.5))}}.character-profile-create-modal__title{font-size:20px;font-weight:600;letter-spacing:-.4px;color:#fffffff2;margin-bottom:6px}.character-profile-create-modal__subtitle{font-size:14px;color:#ffffff80;line-height:1.4}.character-profile-create-modal__content{padding:0 24px 24px}.character-profile-create-modal__form{display:flex;flex-direction:column;gap:18px}.character-profile-create-modal__field{display:flex;flex-direction:column;gap:8px}.character-profile-create-modal__label{font-size:13px;font-weight:500;color:#ffffffb3;padding-left:4px}.character-profile-create-modal__label-optional{font-weight:400;color:#fff6;font-size:12px}.character-profile-create-modal__input{height:48px;background:#ffffff14;border:1px solid transparent;border-radius:14px;padding:0 16px;font-size:15px;color:#fffffff2;transition:all .2s ease}.character-profile-create-modal__input::placeholder{color:#ffffff59}.character-profile-create-modal__input:hover{background:#ffffff1a}.character-profile-create-modal__input:focus{background:#ffffff1f;border-color:#fff3;outline:none}.character-profile-create-modal__textarea{background:#ffffff14;border:1px solid transparent;border-radius:14px;padding:14px 16px;font-size:15px;color:#fffffff2;resize:none;min-height:80px;transition:all .2s ease;font-family:inherit}.character-profile-create-modal__textarea::placeholder{color:#ffffff59}.character-profile-create-modal__textarea:hover{background:#ffffff1a}.character-profile-create-modal__textarea:focus{background:#ffffff1f;border-color:#fff3;outline:none}.character-profile-create-modal__submit{height:50px;background:#fffffff2;border:none;border-radius:14px;color:#000000d9;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:6px}.character-profile-create-modal__submit:hover:not(:disabled){background:#fff;transform:scale(1.01)}.character-profile-create-modal__submit:active:not(:disabled){transform:scale(.98)}.character-profile-create-modal__submit:disabled{opacity:.4;cursor:not-allowed}.character-profile-create-modal__dropdown{position:relative;width:100%}.character-profile-create-modal__dropdown-trigger{width:100%;display:flex;align-items:center;gap:14px;padding:10px 14px;background:#ffffff14;border:1px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.character-profile-create-modal__dropdown-trigger:hover{background:#ffffff1a}.character-profile-create-modal__dropdown-trigger.is-open{background:#ffffff1f;border-color:#fff3}.character-profile-create-modal__dropdown-avatar{width:38px;height:38px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff9;flex-shrink:0;overflow:hidden}.character-profile-create-modal__dropdown-avatar img{width:100%;height:100%;object-fit:cover}.character-profile-create-modal__dropdown-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.character-profile-create-modal__dropdown-name{font-size:15px;font-weight:500;color:#fffffff2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-profile-create-modal__dropdown-type{font-size:12px;color:#ffffff73}.character-profile-create-modal__dropdown-chevron{flex-shrink:0;color:#fff6;transition:transform .2s ease}.character-profile-create-modal__dropdown-chevron.is-open{transform:rotate(180deg)}.character-profile-create-modal__dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#2c2c2efa;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 40px -10px #00000080;overflow:hidden;z-index:100;max-height:280px;overflow-y:auto;padding:6px}.character-profile-create-modal__dropdown-menu::-webkit-scrollbar{width:4px}.character-profile-create-modal__dropdown-menu::-webkit-scrollbar-track{background:transparent}.character-profile-create-modal__dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.character-profile-create-modal__dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left}.character-profile-create-modal__dropdown-item:hover{background:#ffffff14}.character-profile-create-modal__dropdown-item.is-selected{background:#ffffff1f}.character-profile-create-modal__dropdown-item-avatar{width:34px;height:34px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;color:#ffffff80;flex-shrink:0;overflow:hidden}.character-profile-create-modal__dropdown-item-avatar img{width:100%;height:100%;object-fit:cover}.character-profile-create-modal__dropdown-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.character-profile-create-modal__dropdown-item-name{font-size:14px;font-weight:500;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-profile-create-modal__dropdown-item-type{font-size:11px;color:#fff6}.character-profile-create-modal__dropdown-item-check{flex-shrink:0;color:#fffc}.character-profile-create-modal__dropdown-divider{display:flex;align-items:center;padding:10px 12px 6px;font-size:11px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px}.character-profile-create-modal__empty{padding:32px;text-align:center;color:#fff6;font-size:14px}.character-profile-create-modal__dropdown-loading{padding:12px 16px;text-align:center;color:#fff6;font-size:13px}.character-profile-create-modal__dropdown-empty{padding:12px 16px;text-align:center;color:#ffffff59;font-size:13px}