.modal-overlay{position:fixed;inset:0;background:rgba(26,26,46,0.5);z-index:1000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px);}
.modal-overlay.show{opacity:1;pointer-events:all;}
.modal{background:white;border-radius:28px 28px 0 0;padding:28px 24px 40px;width:100%;max-width:480px;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.34,1.1,0.64,1);max-height:90vh;overflow-y:auto;}
.modal-overlay.show .modal{transform:translateY(0);}
.modal-handle{width:40px;height:4px;background:var(--border);border-radius:4px;margin:0 auto 20px;}
.modal-title{font-family:'Nunito',sans-serif;font-size:20px;font-weight:900;color:var(--text);margin-bottom:20px;}
.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:4px;}
.emoji-btn{aspect-ratio:1;border-radius:12px;border:2px solid var(--border);background:white;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s;}
.emoji-btn:hover,.emoji-btn.selected{border-color:var(--orange);background:var(--orange-light);transform:scale(1.1);}
.invite-code-box{background:var(--green-light);border:1px solid rgba(62,207,142,0.3);border-radius:14px;padding:16px;text-align:center;margin-top:14px;}
.invite-code-val{font-family:'Nunito',sans-serif;font-size:30px;font-weight:900;color:var(--green);letter-spacing:6px;}
.invite-code-sub{font-size:12px;color:var(--muted);margin-top:4px;}
.copy-btn{background:var(--green);border:none;border-radius:10px;padding:6px 16px;color:white;font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;cursor:pointer;margin-top:8px;transition:all 0.2s;}
.copy-btn:hover{background:#2db87a;}
.chips-area{display:flex;flex-wrap:wrap;margin-top:8px;min-height:28px;}
.member-chip{display:inline-flex;align-items:center;gap:6px;background:var(--blue-light);border:1px solid rgba(79,142,247,0.2);border-radius:50px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--blue);margin:3px;}
.chip-x{cursor:pointer;opacity:0.6;font-size:10px;}
.chip-x:hover{opacity:1;}