.leave-group-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.leave-group-modal{background:var(--surface);z-index:100000;border-radius:1rem;width:100%;max-width:480px;max-height:80vh;margin:2rem auto;position:relative;overflow-y:auto;box-shadow:0 30px 60px #0006}.leave-group-modal__close{float:right;border:2px solid var(--line);background:var(--surface);width:2rem;height:2rem;color:var(--ink);cursor:pointer;z-index:100001;border-radius:50%;justify-content:center;align-items:center;margin:.75rem .75rem 0 0;transition:all .2s;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.leave-group-modal__close:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}.leave-group-modal__close:disabled{opacity:.5;cursor:not-allowed}.leave-group-modal__content{padding:1.5rem}.leave-group-modal__icon{border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto 1rem;font-size:150%;display:flex}.leave-group-modal__title{color:var(--ink);text-align:center;margin:0 0 .5rem;font-size:125%;font-weight:700}.leave-group-modal__subtitle{color:var(--slate-body);text-align:center;margin:0 0 1.25rem;font-size:81.25%;line-height:1.5}.leave-group-modal__subtitle-large{color:var(--slate-body);text-align:center;max-width:26rem;margin:0 auto 1rem;font-size:87.5%;line-height:1.5}.leave-group-modal__support-box{background:#3b82f614;border:1px solid #3b82f633;border-radius:.625rem;margin:0 0 1rem;padding:.875rem}.leave-group-modal__support-title{color:var(--accent);margin:0 0 .375rem;font-size:87.5%;font-weight:700}.leave-group-modal__support-text{color:var(--slate-body);margin:0;font-size:75%;line-height:1.5}.leave-group-modal__warning-box{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:.625rem;margin:1rem 0;padding:.875rem}.leave-group-modal__warning-title{color:#d97706;margin:0 0 .375rem;font-size:87.5%;font-weight:700}.leave-group-modal__warning-text{color:var(--slate-body);margin:0;font-size:75%;line-height:1.5}.leave-group-modal__warning-text strong{color:#d97706;font-weight:700}.leave-group-modal__points{margin:1rem 0;padding:0;list-style:none}.leave-group-modal__points li{color:var(--slate-body);margin-bottom:.5rem;padding-left:1.25rem;font-size:75%;line-height:1.4;position:relative}.leave-group-modal__points li:before{content:"•";color:var(--accent);font-size:100%;font-weight:700;position:absolute;left:.25rem}.leave-group-modal__form{flex-direction:column;gap:1rem;display:flex}.leave-group-modal__field{flex-direction:column;gap:.5rem;display:flex}.leave-group-modal__label{color:var(--ink);font-size:81.25%;font-weight:600}.leave-group-modal__required{color:#ef4444}.leave-group-modal__optional{color:var(--slate-muted);font-size:75%;font-weight:400}.leave-group-modal__reasons{flex-direction:column;gap:.375rem;display:flex}.leave-group-modal__reason{border:1px solid var(--line);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem .75rem;transition:all .2s;display:flex}.leave-group-modal__reason:hover{border-color:var(--accent);background:var(--surface-alt)}.leave-group-modal__reason input[type=radio]{cursor:pointer;width:.875rem;height:.875rem;accent-color:var(--accent)}.leave-group-modal__reason input[type=radio]:checked+span{color:var(--ink);font-weight:600}.leave-group-modal__reason span{color:var(--slate-body);flex:1;font-size:75%}.leave-group-modal__textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);resize:vertical;border-radius:.5rem;padding:.625rem .75rem;font-family:inherit;font-size:75%;line-height:1.4;transition:all .2s}.leave-group-modal__textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.leave-group-modal__textarea::placeholder{color:var(--slate-muted)}.leave-group-modal__help-note{color:var(--slate-body);background:#22c55e14;border:1px solid #22c55e33;border-radius:.625rem;padding:.75rem;font-size:75%;line-height:1.5}.leave-group-modal__help-note strong{color:var(--ink);font-weight:600}.leave-group-modal__final-note{background:var(--surface-alt);border:1px solid var(--line);color:var(--slate-body);text-align:center;border-radius:.625rem;margin:1.25rem 0 0;padding:.75rem;font-size:75%;line-height:1.5}.leave-group-modal__confirm-box{background:var(--surface-alt);border:1px solid var(--line);border-radius:.625rem;margin:1.25rem 0;padding:1rem}.leave-group-modal__confirm-box p{color:var(--ink);margin:0 0 .625rem;font-size:81.25%;font-weight:600}.leave-group-modal__confirm-box ul{margin:0;padding:0;list-style:none}.leave-group-modal__confirm-box li{color:var(--slate-body);margin-bottom:.375rem;padding-left:1.25rem;font-size:75%;line-height:1.4;position:relative}.leave-group-modal__confirm-box li:last-child{margin-bottom:0}.leave-group-modal__confirm-box li:before{content:"→";color:#ef4444;font-weight:700;position:absolute;left:0}.leave-group-modal__error{color:#dc2626;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;padding:.75rem .875rem;font-size:75%;font-weight:500}.leave-group-modal__actions{gap:.625rem;margin-top:1.25rem;display:flex}.leave-group-modal__button{cursor:pointer;border:none;border-radius:.625rem;flex:1;padding:.625rem 1rem;font-size:81.25%;font-weight:600;transition:all .2s}@media (min-width:600px){.leave-group-modal__content{padding:2.25rem 2rem 2rem}.leave-group-modal__icon{width:3.75rem;height:3.75rem;font-size:187.5%}.leave-group-modal__title{font-size:150%}.leave-group-modal__subtitle{font-size:93.75%}.leave-group-modal__subtitle-large{font-size:100%}}.leave-group-modal__button:disabled{opacity:.6;cursor:not-allowed}.leave-group-modal__button--secondary{background:var(--surface-alt);color:var(--ink);border:1px solid var(--line)}.leave-group-modal__button--secondary:hover:not(:disabled){background:var(--line)}.leave-group-modal__button--primary{background:var(--accent);color:#fff}.leave-group-modal__button--primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.leave-group-modal__button--danger{color:#fff;background:#ef4444}.leave-group-modal__button--danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}