body{background:#1f2937;margin:0;font-family:system-ui,sans-serif}.card{background:#fff;border-radius:12px;flex-direction:column;gap:12px;max-width:360px;margin:10vh auto;padding:24px;display:flex;box-shadow:0 2px 12px #0003}label{flex-direction:column;gap:4px;display:flex}input,button{font:inherit;border:1px solid #ccc;border-radius:8px;padding:8px 12px}button{cursor:pointer;color:#fff;background:#7c3aed;border:none}h2{margin:0}.page{flex-direction:column;gap:16px;max-width:560px;margin:24px auto;padding-inline:16px;display:flex}.page .card{max-width:none;margin:0}.header{color:#fff;align-items:center;gap:12px;display:flex}.header button{margin-left:auto}.avatar{object-fit:cover;color:#5b21b6;background:#ddd6fe;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:inline-grid}.user-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.user-list li{align-items:center;gap:12px;display:flex}.user-list div{flex-direction:column;display:flex}.user-list small{color:#6b7280}.error{color:#dc2626;margin:0}.hint{color:#6b7280;margin:0}.notice{color:#16a34a;margin:0}.pick-list{flex-direction:column;gap:4px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pick-list label{cursor:pointer;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:4px}.pick-list label:hover{background:#f5f3ff}.pick-list input{width:16px;height:16px;padding:0}.pick-list small{color:#6b7280}.toggle{flex-direction:row;align-items:flex-start;gap:8px}.toggle input{width:16px;height:16px;margin-top:2px;padding:0}.toggle span{flex-direction:column;display:flex}.toggle small{color:#6b7280}.room-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.room-list li{align-items:center;gap:12px;display:flex}.room-list li>div:not(.room-avatars){flex-direction:column;display:flex}.room-list small{color:#6b7280}.room-avatars{flex-shrink:0;display:flex}.room-avatars .avatar+.avatar{margin-left:-10px;box-shadow:0 0 0 2px #fff}.user-list .danger,.room-list .danger{color:#b91c1c;background:0 0;border:1px solid #fecaca;flex-shrink:0;margin-left:auto}.danger:hover:not(:disabled){background:#fef2f2}.danger:disabled{cursor:default;opacity:.5}