@keyframes cgm-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cgm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cgm-slide-up{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cgm-spin{to{transform:rotate(360deg)}}.create-group-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:cgm-fade-in .2s ease;will-change:opacity}.create-group-modal{position:relative;width:100%;max-width:460px;max-height:85vh;display:flex;flex-direction:column;background:#121216f5;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.08);border-radius:1.25rem;box-shadow:0 24px 64px #0009,inset 0 .5px #ffffff0a;animation:cgm-slide-up .3s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateZ(0)}.create-group-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:.5px solid rgba(255,255,255,.06)}.create-group-modal__title{font-size:1.0625rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.create-group-modal__close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:none;border-radius:50%;color:#ffffff73;cursor:pointer;transition:all .15s ease}.create-group-modal__close:hover:not(:disabled){background:#ffffff1a;color:#fff}.create-group-modal__close:disabled{opacity:.4;cursor:not-allowed}.create-group-modal__content{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.create-group-modal__content::-webkit-scrollbar{width:4px}.create-group-modal__content::-webkit-scrollbar-track{background:transparent}.create-group-modal__content::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.create-group-modal__section{display:flex;flex-direction:column;gap:8px}.create-group-modal__label{font-size:.8125rem;font-weight:500;color:#ffffff80;display:flex;align-items:center;gap:6px}.create-group-modal__label-hint{font-size:.75rem;font-weight:400;color:#ffffff4d}.create-group-modal__input{width:100%;padding:10px 14px;min-height:44px;background:#ffffff0a;border:.5px solid rgba(255,255,255,.06);border-radius:12px;color:#fff;font-size:.875rem;transition:all .2s ease}@media(max-width:768px){.create-group-modal__input{font-size:1rem}}.create-group-modal__input::placeholder{color:#ffffff38}.create-group-modal__input:focus{outline:none;background:#ffffff0f;border-color:#6366f14d;box-shadow:0 0 0 3px #6366f114}.create-group-modal__input:disabled{opacity:.4;cursor:not-allowed}.create-group-modal__avatar-section{display:flex;flex-direction:column;gap:10px}.create-group-modal__avatar-row{display:flex;align-items:center;gap:12px}.create-group-modal__avatar-actions{display:flex;gap:6px}.create-group-modal__avatar-btn{display:flex;align-items:center;gap:5px;padding:7px 12px;background:#ffffff0a;border:.5px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffff8c;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-group-modal__avatar-btn:hover:not(:disabled){background:#ffffff14;color:#fffc}.create-group-modal__avatar-btn:disabled{opacity:.4;cursor:not-allowed}.create-group-modal__avatar-preview{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.create-group-modal__avatar-preview img{width:100%;height:100%;object-fit:cover}.create-group-modal__avatar-remove{position:absolute;top:-3px;right:-3px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#ef4444d9;border:1.5px solid rgba(18,18,22,1);border-radius:50%;color:#fff;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;z-index:1}.create-group-modal__avatar-remove:before{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}.create-group-modal__avatar-remove:hover{background:#ef4444;transform:scale(1.1)}.create-group-modal__avatar-remove:active{background:#dc2626;transform:scale(.95)}.create-group-modal__avatar-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#34d39914);background-size:300% 300%;animation:cgm-gradient-shift 6s ease infinite;border:.5px solid rgba(99,102,241,.15);border-radius:50%;color:#93b4ff99;flex-shrink:0}.create-group-modal__media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:180px;overflow-y:auto;padding:6px;background:#ffffff05;border:.5px solid rgba(255,255,255,.06);border-radius:12px}.create-group-modal__media-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;padding:0;background:transparent;transition:all .15s ease}.create-group-modal__media-item:hover{border-color:#ffffff40}.create-group-modal__media-item--selected{border-color:#6366f199}.create-group-modal__media-item--selected:after{content:"";position:absolute;top:4px;right:4px;width:16px;height:16px;background:linear-gradient(135deg,#3b82f6,#34d399);border-radius:50%}.create-group-modal__media-item img{width:100%;height:100%;object-fit:cover}.create-group-modal__no-media{grid-column:1 / -1;text-align:center;padding:20px;color:#ffffff4d;font-size:.8125rem}.create-group-modal__search{position:relative;display:flex;align-items:center}.create-group-modal__search-icon{position:absolute;left:12px;width:15px;height:15px;color:#ffffff4d;pointer-events:none;z-index:1}.create-group-modal__search-input{width:100%;padding:10px 36px;min-height:44px;background:#ffffff0a;border:.5px solid rgba(255,255,255,.06);border-radius:12px;color:#fff;font-size:.875rem;transition:all .2s ease}@media(max-width:768px){.create-group-modal__search-input{font-size:1rem}}.create-group-modal__search-input::placeholder{color:#ffffff38}.create-group-modal__search-input:focus{outline:none;background:#ffffff0f;border-color:#6366f14d;box-shadow:0 0 0 3px #6366f114}.create-group-modal__search-input:disabled{opacity:.4;cursor:not-allowed}.create-group-modal__search-loading{position:absolute;right:12px;width:16px;height:16px;color:#93b4ffb3;animation:cgm-spin .8s linear infinite}.create-group-modal__results{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;margin-top:6px;padding:4px;background:#ffffff05;border:.5px solid rgba(255,255,255,.06);border-radius:12px}.create-group-modal__result-item{display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:52px;background:transparent;border:none;border-radius:10px;cursor:pointer;text-align:left;width:100%;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.create-group-modal__result-item:hover:not(:disabled){background:#ffffff0d}.create-group-modal__result-item:active:not(:disabled){background:#ffffff14}.create-group-modal__result-item:disabled{opacity:.4;cursor:not-allowed}.create-group-modal__result-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-weight:600;font-size:.8125rem;overflow:hidden;flex-shrink:0}.create-group-modal__result-avatar img{width:100%;height:100%;object-fit:cover}.create-group-modal__result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.create-group-modal__result-name{font-size:.875rem;font-weight:500;color:#fff;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-group-modal__verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:linear-gradient(135deg,#3b82f6,#34d399);border-radius:50%;color:#fff;font-size:.5rem;flex-shrink:0}.create-group-modal__result-username{font-size:.75rem;color:#fff6}.create-group-modal__selected{display:flex;flex-wrap:wrap;gap:6px}.create-group-modal__chip{display:flex;align-items:center;gap:5px;padding:5px 8px 5px 5px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.08);border-radius:9999px;transition:all .15s ease}.create-group-modal__chip-avatar{width:22px;height:22px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#fff9;font-weight:600;font-size:.5625rem;overflow:hidden}.create-group-modal__chip-avatar img{width:100%;height:100%;object-fit:cover}.create-group-modal__chip-name{font-size:.8125rem;font-weight:500;color:#fffc;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-group-modal__chip-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:none;border-radius:50%;color:#fff6;cursor:pointer;transition:all .15s ease;margin-left:2px;-webkit-tap-highlight-color:transparent;position:relative}.create-group-modal__chip-remove:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.create-group-modal__chip-remove:hover:not(:disabled){background:#ef444433;color:#ef4444}.create-group-modal__chip-remove:active:not(:disabled){background:#ef44444d;color:#ef4444}.create-group-modal__chip-remove:disabled{opacity:.4;cursor:not-allowed}.create-group-modal__btn-spinner{width:16px;height:16px;color:#fff;animation:cgm-spin .8s linear infinite}.create-group-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:.5px solid rgba(255,255,255,.06)}.create-group-modal__btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:9999px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent;min-height:44px}.create-group-modal__btn:disabled{opacity:.4;cursor:not-allowed}.create-group-modal__btn--secondary{background:#ffffff0a;border:.5px solid rgba(255,255,255,.08);color:#fff9}.create-group-modal__btn--secondary:hover:not(:disabled){background:#ffffff14;color:#fff}.create-group-modal__btn--primary{background:linear-gradient(135deg,#3b82f6,#34d399,#06b6d4,#3b82f6);background-size:300% 300%;animation:cgm-gradient-shift 4s ease infinite;border:none;color:#fff;box-shadow:0 2px 12px #3b82f640}.create-group-modal__btn--primary:hover:not(:disabled){box-shadow:0 4px 20px #3b82f666;transform:translateY(-1px)}.create-group-modal__btn--primary:active:not(:disabled){transform:scale(.97)}@media(max-width:480px){.create-group-modal{max-width:100%;max-height:100vh;max-height:100dvh;border-radius:0}.create-group-modal__overlay{padding:0}}@media(prefers-reduced-motion:reduce){.create-group-modal,.create-group-modal__overlay,.create-group-modal__avatar-placeholder,.create-group-modal__btn--primary,.create-group-modal__search-loading,.create-group-modal__btn-spinner{animation:none}}