.group-create-bar{display:flex;justify-content:center;padding:7px 12px 3px}.group-create-bar button{display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 11px;border:1px solid #b9d777;border-radius:10px;background:#eff7e5;color:#38521f;font-size:11px;font-weight:800}.group-create-bar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.group-create-card{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(480px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 28px));overflow:hidden}.group-create-card header h2{margin:4px 0}.group-create-card header p{margin:0;color:var(--muted);font-size:13px}.group-title-field{display:grid;gap:5px;margin:16px 0 10px;color:var(--muted);font-size:12px}.group-title-field input{height:44px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);outline:0}.group-contact-list{min-height:150px;overflow-y:auto;border-block:1px solid var(--line)}.group-contact-option{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:10px;width:100%;padding:9px 3px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left}.group-contact-option .avatar{width:38px;height:38px;border-radius:12px}.group-contact-option span{display:grid}.group-contact-option small{color:var(--muted)}.group-contact-option i:last-child{display:grid;place-items:center;width:22px;height:22px;border:1px solid #9daf91;border-radius:7px;font-style:normal}.group-contact-option.selected i:last-child{border-color:#9acb35;background:#cfff57;color:#17291d}.group-create-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px}.group-create-card footer span{color:var(--muted);font-size:12px}.group-create-card footer button{min-width:145px}.group-create-card footer button:disabled{opacity:.45}html[data-theme=dark] .group-create-bar button{border-color:#516c38;background:#1c2d21;color:#d8ff8a}html[data-theme=dark] .group-title-field input{border-color:#3c4e42;background:#142119;color:#eef8e9}@media(max-width:700px){.group-create-bar{padding-top:5px}.group-create-card{width:100%;height:var(--app-height,100dvh);max-height:none;border-radius:0;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.group-contact-option{padding:8px 2px}}